JavaScript est encore aujourd'hui presque le seul langage de programmation à pouvoir être exécuté dans le navigateur. JavaScript est un langage en constante évolution et il est essentiel de se tenir à jour pour profiter des dernières améliorations.

Cette formation s'adresse à tout·e développeur·se ayant déjà quelques années de pratique en JavaScript sans nécessairement en maîtriser les dernières fonctionnalités.
Pour les développeur·euse·s front-end débutant·e·s avec JavaScript, la formation JavaScript est faite pour vous. Pour celles et ceux voulant approfondir leurs connaissance JavaScript, jetez un oeil à notre formation JavaScript avancé.

Lors de cette journée d'apprentissage, vous étudierez les nouvelles syntaxes, usages et bonnes pratiques de JavaScript et les mettrez en application lors d'exercices dédiés et concrets.

Toutes nos formations étant limitées à 6 participant·e·s par session, vous aurez donc un contact privilégié avec votre formateur, Romain Crestey, développeur curieux et passionné, enthousiaste de partager son expérience professionnelle lors des cours et durant les moments d’échanges informels au programme de la formation.

Pour aller plus loin avec TypeScript, c'est ici.

Les objectifs

• Maîtriser la syntaxe ECMAScript moderne
• Connaître les nouveaux mots importants en ECMAScript
• Comprendre le chargement des scripts
• Maîtriser les modules ECMAScript
• Comprendre l'intérêt d'un outillage moderne

Pré-requis

• Au moins 6 mois de développement avec JavaScript
• Être autonome dans la lecture et l'écriture de JavaScript
• Être à l'aise les méthodes fonctionnelles de base des tableaux (.map, .filter, ...)
• Avoir un IDE (VSCode, Atom, ...), un navigateur moderne (Chrome ou Firefox)
• Ordinateur portable à apporter

Le programme de la formation JavaScript Moderne

La syntaxe ES Next

• Historique d'ECMAScript
• Petites syntaxes méconnues mais pratiques
• Déclaration de variables
• Déstructuration de variables
• Syntaxe de reste
• Interpolation de strings
• Fonctions fléchées
• Nullchecks modernes (optional chaining, null coalescing, paramètres par défaut)
• Classes

Mises en pratique :
- Déclarer des variables
- Déstructurer des variables
- Écrire des fonctions fléchées
- Écrire des nullchecks modernes
- Définir des classes

Quelques sémantiques modernes à connaître

• Méthodes de tableaux (.at, .flat, .flatMap, findLast, findLastIndex)
• Extraction de valeurs d'un dictionnaire avec Object.entries, Object.fromEntries
• Copie profonde d'un objet avec structuredClone
• Map, Set, WeakMap, WeakSet
• Internationalisation
• Promesses

Mises en pratique :
- Manipuler les tableaux
- Manipuler les objets
- Utiliser les Maps et les Sets
- Utiliser les outils d'internationalisation

Gérer les script

• Le problème du chargement des script
• Le hack de script en bas du body
• Charger un script en décalé
• Charger un script en asynchone

Modules

• Problématique et historique
• Condition préalable à l'usage des modules
• Syntaxes import / export
• Exporter par défaut ou pas
• Imports dynamiques

Mises en pratique :
- Construire un arbre de dépendances
- Charger dynamiquement un script

Aperçu de l'outillage moderne

• Historique de l'outillage Javascript
• Intérêts du bundling
• Aperçu de TypeScript

Le(s) formateur(s)

A propos de Human Coders

Human Coders c'est un centre de formation pour développeurs avec :

• une certification Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• de nombreux clients qui nous font confiance depuis des années
• un manifeste pour garantir des formations à taille humaine, des formateurs passionnés, de véritables workshops...
• 122 formations au catalogue, 1604 sessions depuis nos débuts en 2012 avec une moyenne de satisfaction de 4,6/5
• la possibilité de vous proposer un accompagnement personnalisé ou du conseil après la formation