Cursus
Formation JAVASCRIPT Web Dynamique
Objectifs
Identifier les concepts fondamentaux de JavaScript, y compris les variables, types de données et opérateurs.
Expliquer la syntaxe de base de JavaScript et les principes de fonctionnement du DOM (Document Object Model).
Utiliser JavaScript pour manipuler les éléments du DOM et gérer les événements.
Analyser les erreurs et exceptions dans le code JavaScript en utilisant des outils de debugging.
Intégrer JavaScript avec HTML et CSS pour créer des pages Web interactives.
Évaluer les performances des scripts JavaScript et optimiser le code pour une meilleure efficacité.
Concevoir des applications Web dynamiques en utilisant AJAX pour des requêtes asynchrones.
Préparer et valider des formulaires Web en utilisant JavaScript pour la validation côté client.
Pré-requis
Participants
Programme de formation
PRÉSENTATION
Historique et évolution du langage
Evolution de l'utilisation du langage
Organisation du code
Outils de développement
Principes de base HTML et CSS
Les règles, sélecteurs, propriétés de styles...
Interaction avec Javascript
SYNTAXE JAVASCRIPT
Les variables, les types
- Number, String, Boolean...
Tableaux, boucles et tests
Les opérateurs arithmétiques et logiques
Travaux pratiques
- Réalisation d'exemples simples
Gestion des erreurs et des exceptions
Exemples de mise en oeuvre des instructions 'try', 'catch', 'throw', 'finally'
Utilisation de la console
Méthodes et outils de debugging
Présentation des fonctions globales et des classes natives
Définition des fonctions
Gestion des arguments
UTILISATION DU DOM
Présentation du Document Object Model (DOM)
Fonctions de sélection, fonctions de création d'objet DOM
Modifier les éléments du DOM
Travaux pratiques
- Exemple de validation d'un formulaire
GESTION DES ÉVÈNEMENTS
Principe et définitions
Présentation des évènements courants
Flux évènementiel du DOM
Lier un évènement à un objet du DOM
Interagir avec les éléments du DOM
Travaux pratiques
- Exemple d'un gestionnaire d'évènement générique
L'objet 'event'
Les types d'évènements à gérer
Les bonnes pratiques
AJAX : ASYNCHRONOUS JAVASCRIPT AND XML
Présentation et exemple d'utilisation
DÉROULEMENT D'UNE REQUÊTE AJAX
Protocole utilisé, limites
Détails de l'objet XMLHttpRequest
Travaux pratiques
- Initialisation d'une requête AJAX et utilisation
Contourner les limitations
PROGRAMMATION ORIENTÉE OBJET (POO)
Définitions de la POO
Utilisation de la POO en Javascript
Plusieurs façons de créer un objet en Javascript
Améliorer la création d'un objet avec « prototype »
Emuler un singleton en javascript
Travaux pratiques
- Exemple de création d'objets 'inline'
QUELQUES FONCTIONS AVANCÉES EN JAVASCRIPT
Utilisation du mot clé « this »
Les closures, définition, cas d'utilisation
Méthodes apply et call
PRÉSENTATION DES NOUVELLES FONCTIONNALITÉS LIÉES À HTML 5
Nouvelles balises (vidéo, son, ...)
L'API File, les websockets, les workers, le webstorage