Jour 1

Un langage pour le Web

• Historique de JavaScript
• Les meilleurs IDE actuels
• Les librairies JavaScript et l'écosystème
• Versions de JavaScript jusqu'à ES2019
• JavaScript et Ajax : relations avec le serveur
• Structuration typique d'une page Web, où placer le JavaScript ?

Exemples de travaux pratiques (à titre indicatif)

• Création d'une page typique utilisant JavaScript
• Différentes façons d'intégrer JavaScript au projet

Bases du langage

• Syntaxe de base
• Déclarations et portées des données
• "var" et "let"
• Portée des données
• Types de données, conversions et affectations
• Structures de contrôle
• Boucles
• Tests
• Types de données JSON
• Pièges du typage dynamique
• L'objet "console"

Exemples de travaux pratiques (à titre indicatif)

• Premier projet simple sur l'utilisation des bases de JavaScript
• Déclarations de variables et utilisation
• Boucles, tests et affichages

Jour 2

Un langage à base de fonctions

• La fonction, un élément de base du langage
• Prototypes et fonctions
• Constructeurs et "this"
• Valeur de "this"
• Fonctions et programmation fonctionnelle
• Objet "window" ou le contexte global
• Contextes d'exécution
• Fonctions immédiates et anonymes
• La frontière avec la programmation objet

Exemples de travaux pratiques (à titre indicatif)

• Création d'un projet exploitant les fonctions de JavaScript
• Mise en exergue de l'aspect fonctionnel du langage
• Création et utilisation de fonctions anonymes

Jour 3

Document Object Model (DOM)

• Les objets du navigateur
• Récupérer des éléments
• Ajouter des balises
• Modifier les contenus
• Manipulation des CSS
• Gestion des évènements
• L'objet "event" et son utilisation
• Parcours du DOM
• Modification du DOM, suppression et création d'éléments

Exemples de travaux pratiques (à titre indicatif)

• Projet de manipulation des objets d'une feuille HTML 5
• Parcours, extraction des contenus et attributs
• Modification, insertion et suppression d'éléments

Gestion de formulaires avec JavaScript

• Gérer le contenu des formulaires
• Accès aux différents éléments
• Gestion de la validation des données de formulaires
• Ecrire un gestionnaire de formulaires

Exemples de travaux pratiques (à titre indicatif)

• Extraction des données d'un formulaire et contrôle des valeurs
• Validation des champs de saisie
• Conception d'un gestionnaire de saisie de formulaire

Gérer les CSS depuis JavaScript

• Rappel succinct de CSS
• Les objets et propriétés importantes
• Accéder en écriture et lecture à CSS

Exemples de travaux pratiques (à titre indicatif)

• Lecture de styles CSS depuis JavaScript
• Application de nouveaux styles CSS avec JavaScript

Jour 4

Ajax

• Architecture des sites Web avec et sans Ajax
• Asynchronisme dans le navigateur
• XMLHttpRequest et HTML 5
• Gestion d'erreurs et timeout

Exemples de travaux pratiques (à titre indicatif)

• Ecriture d'un projet qui récupère les données d'un serveur
• Les afficher sur une feuille avec Ajax et JSON

jQuery

• Où se place jQuery dans JavaScript ?
• Avantages de jQuery
• La fonction $ et les sélecteurs
• Chaînage de fonctions
• Exemples de parcours et de modifications du DOM avec jQuery
• Fonctions indispensables
• Effets visuels
• Mise en oeuvre d'Ajax dans jQuery
• Limites de jQuery

Exemple de travaux pratiques (à titre indicatif)

• Remplacement de diverses écritures réalisées par des appels à des fonctions jQuery

Nouveautés ECMAScript 6, 7, 8 et 9

• L'apport majeur de la version 6 (2015) de JavaScript
• Les autres apports
• Avantages liés pour le programmeur

Les nouveaux modèles de développement avec JavaScript

• Introduction à la notion de framework client
• Présentation du modèle MVC
• Exemples d'utilisation de JavaScript avec Vue.js
• Les autres frameworks
• Pourquoi choisir un framework comme Vue, Angular ou React ?

Exemples de travaux pratiques (à titre indicatif)

• Utilisation de fonctions amenées par les dernières versions de JavaScript
• Démonstration de frameworks MVC comme Vue
• Compréhension du rôle de JavaScript dans ces cas

Certification (en option)

• Nos tests de validation des compétences font partie intégrante du processus d'apprentissage car ils permettent de développer différents niveaux d'abstractions.
• Solliciter l'apprenant à l'aide de nos QCM, c'est lui permettre d'étayer sa réflexion en mobilisant sa mémoire pour choisir la bonne réponse. Nous sommes bien dans une technique d'ancrage mémoriel.
• L'examen sera passé à la fin de la formation.

---

Les + de la formation

L'examen de certification (proposé en option) est en français.