JavaScript: programmation

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, etc ..
• 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 évenementiel du DOM.Lier un évènement à un objet du DOM.
• Intéragir 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.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

• 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'

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