Formation Javascript - Fondamentaux

Un temps délaissé, JavaScript est revenu sur le devant de la scène avec l'émergence du Web 2.0. Son utilisation permet de rendre les pages web plus interactives et conviviales pour l'internaute. Sa maîtrise est aussi un préalable indispensable avant d'aborder le développement d'applications Internet riches avec Ajax (Asynchronous JavaScript ans XML).

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

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

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

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

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

Les formulaires

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

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

Requêtes avec un serveur

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

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