Description
Ce programme de formation vise à approfondir les compétences en JavaScript, en se concentrant sur les concepts avancés d'ES6, la programmation orientée objet, ainsi que l'utilisation des API HTML5. Les participants apprendront à écrire du code moderne, à utiliser des outils de débogage et de gestion de dépendances, et à manipuler des technologies de rendu et de stockage côté client. Le cours s'adresse aux développeurs souhaitant maîtriser JavaScript, y compris l'utilisation de Node.js pour le développement côté serveur, tout en intégrant des frameworks comme jQuery.
Objectifs
- Découvrir les concepts avancés JavaScript ES5
- Maîtriser l'environnement de débogage
- Manipuler les API JavaScript HTML5
- Mettre en pratique la Programmation Orientée Objet avec les Web Component
- Mettre en oeuvre le framework JavaScript jQuery
- Appréhender la notion de JavaScript côté serveur avec Node.js
Récapitulatif
Public
Développeurs Web, architectes web, chefs de projet, webmasters…
Prérequis
Avoir des connaissances pratiques en JavaScript, HTML et CSS. Posséder des connaissances de base de XML.
Méthodes et modalités pédagogiques
Formation réalisée en Présentiel, Distanciel ou Dual-Learning selon la formule retenue.
Moyens et supports pédagogiques
Mise à disposition d'un poste de travail sur nos formations en Présentiel.
Mise à disposition de nos environnements de visio sur nos formations en Distanciel
Remise d'une documentation pédagogique numérique pendant la formation
La formation est constituée d'apports théoriques, d'exercices pratiques et de réflexions
Dans le cas d'une formation sur site Entreprise, le client s'engage à avoir toutes les ressources pédagogiques nécessaires (salle, équipements, accès internet, TV ou Paperboard...) au bon déroulement de l'action de formation conformément aux prérequis indiqués dans le programme de formation
Modalités de suivi et d'évaluations
Auto-positionnement des stagiaires avant la formation
Émargement des stagiaires et formateur par 1/2 journée
Exercices de mise en pratique ou quiz de connaissances tout au long de la formation permettant de mesurer la progression des stagiaires
Auto-évaluation des acquis de la formation par les stagiaires
Questionnaire de satisfaction à chaud et à froid à l'issue de la formation
Programme détaillé
Découvrir les concepts avancés 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)
Maîtriser l'environnement et le débogage
- 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 avancées
- 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 orientée objet avec les web components
- 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
Appréhender la notion de JavaScript côté 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