AELION : 04. JavaScript - Programmation avancée

DECOUVRIR LES CONCEPTS AVANCES JAVASCRIPT ES6

• A l’issue de cette séquence, vous êtes capable d’écrire du code Javascript en utilisant le standard ES6. Vous comprenez la notion de module. Vous prenez conscience des outils liés à la rétro-compatibilité.
• Les syntaxes fondamentales ES6
• - Variables avec let et const
• - Les classes
• - Fonctions fléchées
• - Import et export de module statique
• Autres nouveautés et rétrocompatibilité (compilers, polyfills)

MAITRISER L'ENVIRONNEMENT ET LE DEBOGAGE

• A l’issue de cette séquence, vous êtes capable de mettre en place un atelier de génie logiciel pour Javascript et d’utiliser les outils de build/dépendances, et de débogage.
• Gestionnaires de builds et dépendances
• - Npm et npm install
• - Le cycle de vie de npm
• - Utilisation des scripts npm
• Les outils de haut niveau webpack, babel
• Outils de débogage

ÉCRIRE ET UTILISER DU CODE JAVASCRIPT

• A l’issue de cette séquence, vous êtes capable d’écrire du code javascript moderne avec les syntaxes du standard ES6 ou plus.
• Principes et nouveautés de ES6 et plus
• - Syntaxes de bases d’écriture du langage
• - Mots-clés (let, const)
• - Fonctions
• - Les fonctions fléchées
• - Les fonctions de manipulation de données : map, filter, forEach…
• La programmation orientée objet en ES6
• - Définition des classes
• - L'opérateur new
• - Modification d'un objet : getter / setter
• - Héritage
• Rétrocompatibilité
• - Table des compatibilités
• - Polyfills
• - Compilateurs

MANIPULER LES API JAVASCRIPT HTML5 AVANCEES

• A l’issue de cette séquence, vous êtes capable d’utiliser des technologies de rendu moderne grâce à JS. Vous savez utiliser les technologies de stockage et les traitements en arrière-plan côté client.
• Les technologies de rendu côté client
• - Graphisme avec Canvas
• - La 3D avec WebGL et Three.JS
• - La datavisualisation avec D3.JS
• La donnée et les traitements côté client
• - Le stockage local : SessionStorage, LocalStorage, IndexedDB
• - Les traitements en arrière-plan: Web Workers, Service Workers

METTRE EN PRATIQUE LA PROGRAMMATION ORIENTEE OBJET AVEC LES WEB COMPONENT

• A l’issue de cette séquence, vous êtes capable de créer des composants. Vous savez isoler ses composants sous forme de module (ES modules) et les charger pour les utiliser dans une page.
• La notion de Single Page App (SPA)
• Les problématiques de structure des applications HTML modernes avec les SPA
• L’utilisation de l’API Custom Elements pour créer des composants réutilisables

METTRE EN œUVRE LE FRAMEWORK JAVASCRIPT JQUERY

• A l’issue de cette séquence, vous êtes capable d’identifier les apports des librairies et des Framework Javascript. Vous savez identifier les librairies et Framework les plus connus.
• Les limites du JavaScript natif
• Identifier et utiliser des librairies utiles
• Identifier le rôle des principaux Framework

APPREHENDER LA NOTION DE JAVASCRIPT COTE SERVEUR AVEC NODE.JS

• A l’issue de cette séquence, vous êtes capable d’identifier le rôle de Node.JS et son utilisation pour créer des applications côté serveur (Backend).
• Introduction à NODE.JS
• L'environnement Node.JS
• Le temps réel avec les WebSockets et la librairie Socket.io