Formation - Javascript - Fondamentaux

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, navigatior, 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 et 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 à JQuery

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

• 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