IB : 03. Javascript - Fondamentaux

EN PRÉSENTIEL / A DISTANCE

1. INTRODUCTION 

• JavaScript pour quoi faire ?
• L'environnement du client Web
• Le navigateur
• Le modèle client / serveur
• Les outils
• Insérer un script dans un document HTML/XHTML

2. JAVASCRIPT : LE COEUR DU LANGAGE

• La syntaxe
• Les variables et les constantes
• Les fonctions globales : afficher des informations (console, alert) et interroger l’utilisateur (prompt)
• Les opérateurs
• Les structures de contrôle
• Les fonctions : définition, arguments, fonctions littérales, fonctions sous forme de données
• Les objets personnalisés : constructeur, méthodes et propriétés, prototype, objets littéraux, objets sous forme de tableaux associatifs
• Les objets globaux : Array, Date, Math, RegExp, String... Manipuler les tableaux, les dates, les chaînes de caractères

3. LES OBJETS DU NAVIGATEUR  

• La hiérarchie des objets
• Les principaux objets : window, document, location, screen, navigator, form... Leurs propriétés et méthodes
• Manipuler des fenêtres
• Gérer des timers

4. LE DOM 

• Introduction au XML, XHTML et HTML
• Le DOM et les navigateurs
• Sélectionner des éléments : API Selector Lvl 1 & 2
• Manipuler des éléments : créer et insérer de nouveaux éléments, modifier les attributs d'un élément, modifier le contenu

5. LA GESTION DES ÉVÈNEMENTS  

• Le gestionnaire d'évènements
• Modèle DOM
• L'objet Event
• La propagation des évènements
• Compatibilité avec les différents navigateurs

6. LES FORMULAIRES  

• Les différents éléments d'un formulaire
• Vérifier les données saisies dans les différents champs
• Soumettre un formulaire

7. LES STYLES CSS 

• Rappel sur les styles CSS
• Manipuler les styles CSS
• Modifier une propriété de style d'un élément
• Modifier la classe d'un élément
• Modifier l'aspect d'un élément
• Déplacer, afficher, masquer, réduire un élément

8. REQUÊTES AVEC UN SERVEUR 

• Présentation et historique d'Ajax 
• ActiveX
• XMLhttpRequest
• Fetch

9. INTRODUCTION A JQUERY 

• Présentation de la librairie
• Manipulation du DOM (sélection, création, modification, suppression de nœuds)
• Gestion des événements
• Création d’effets / animation
• Modification des styles
• "Unobstrusive JavaScript" avec jQuery

APRÈS LA SESSION

Retrouvez sur le Learning Hub ib :

• Des vidéocasts pour revenir sur les points clés de la formation
• Des vidéos-tutos pour vous accompagner dans le développement de pages web avec JavaScript

LES PLUS DE LA FORMATION

• Les nombreux travaux pratiques qui ponctuent la formation permettent aux participants de mettre immédiatement en application leurs acquis et d'acquérir ainsi une première expérience du développement avec JavaScript.
• Les trucs et astuces d'intervenants spécialistes de la création de sites Web.
• Les techniques pour améliorer l'interactivité de ses pages Web.
• Répartition théorie/pratique : 45% / 55%
• Cette formation se compose d’une alternance d’apports théoriques, de travaux pratiques, de démonstrations, de phases d’échanges entre participants et de synthèses de la part du formateur.