A l'issue de cette formation, vous serez capable de :

• Utiliser les fonctionnalités avancées de JavaScript jusqu'à la version ES14
• Utiliser tous les outils de débogage à disposition
• Décrire les contextes d'exécution
• Structurer le code JavaScript en modules
• Implémenter les concepts objets en JavaScript et les concepts fonctionnels
• Identifier les aspects avancés des "closures" et les promises
• Identifier les différences avec Node.js et expliquer le rôle de chacun.

Jour 1 - Matin

Maîtrise des fonctions de "debug" dans les IDE et les navigateurs

• Configuration de Visual Studio Code afin de déboguer depuis l'IDE
• Accès aux fenêtres de débogage depuis les extensions des principaux navigateurs (Chrome, Edge, FireFox)

Exemple de travaux pratiques (à titre indicatif)

• Sur la base d'un programme intégrant les principales structures de JavaScript, utilisation des principaux outils de débogage

Rappels importants du langage

• Les éléments de premier ordre dans JavaScript
• La portée des données
• Les fonctions
• Objets ou fonctions ?
• Le débogage avec les meilleurs outils actuels

Pièges du langage

• Typage faible
• "Hoisting"
• Contexte et variables globales
• Changement de contexte

Jour 1 - Après-midi

Programmation objet

• Différentes façons de créer des objets
• Constructeurs
• Valeur de "this" dans un objet
• Prototype et __proto__
• Diverses façons d'hériter
• Visibilité

Jour 2 - Matin

Exemples de travaux pratiques (à titre indicatif)

• Conception d'une application qui exploite les fonctions
• Transformation de l'application, permettant d'exploiter les objets et l'héritage

Programmation fonctionnelle

• Fonctions
• Anonymes
• Immédiates
• Internes
• Redéfinition
• Surcharge et mot-clé (arguments)
• "Closure"

Programmation asynchrone

• Avantages et problèmes liés
• Promesses, await et async
• Récupérer des données avec Fetch

Exemple de travaux pratiques (à titre indicatif)

• Réalisation d'un code asynchrone de récupération de données serveur

Jour 2 - Après-midi

Structuration et qualité du code

• Séparation en multiple fichiers
• Définition de modules
• Création et utilisation des modules
• Import et export
• Impacts des "closures" sur la lisibilité
• Qualité avec JSHint et JSLint

Exemples de travaux pratiques (à titre indicatif)

• Modularisation avec Require.js de l'application développée le jour précédent
• Utilisation des outils de Lint

Jour 3 - Matin

Exploiter les API HTML 5 en JavaScript

• Validation des formulaires en JavaScript
• Solutions de stockage
• LocalStorage
• IndexedDB
• JSON
• WebSockets
• WebWorkers

Jour 3 - Après-midi

JavaScript et Node.js

• Différences dans les langages
• Asynchronisme
• REST serveur en Node.js et REST client en JavaScript
• Présentation d'une solution Web 100% JavaScript

Exemples de travaux pratiques (à titre indicatif)

• Exploitation des API de HTML 5 depuis JavaScript
• Utilisation des dernières fonctionnalités de ES 7 et 8, avec l'asynchronisme (Async/await), promises
• Intégration d'un serveur simple Node.js dans la solution

Evolutions apportées par les récentes versions jusqu'à ES14

• Nouvelles fonctionnalités apportées entre les versions 8 et 14