Cette formation JavaScript Moderne vous permettra d'acquérir les compétences nécessaires pour utiliser efficacement les dernières fonctionnalités et bonnes pratiques du langage.

Lors de cette formation, vous explorerez :
- les nouvelles syntaxes (fonctions fléchées, déstructuration, optional chaining),
- les techniques avancées de manipulation de données (Map, Set, structuredClone), ainsi que
- les meilleures pratiques pour charger et gérer les scripts.

Chaque concept sera mis en pratique à travers des exercices concrets adaptés à des cas réels.

Cette formation s'adresse aux développeur·se·s ayant déjà une première expérience avec JavaScript.

Vous êtes débutant·e avec JavaScript ?

Alors, la formation JavaScript est faite pour vous !

Pour celles et ceux voulant approfondir leurs connaissances JavaScript, jetez un œil à notre formation JavaScript avancé.

Les objectifs

• Maîtriser les syntaxes modernes d'ECMAScript
• Connaître les nouveaux mots importants en ECMAScript
• Optimiser le chargement et l'exécution des scripts
• Maîtriser les modules ECMAScript
• Adopter un outillage moderne pour améliorer votre workflow

Pré-requis

• Au moins 6 mois d’expérience de développement avec JavaScript
• Connaissances de base en méthodes fonctionnelles de tableau (.map, .filter)
• un IDE (comme VSCode) et 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
• Quelques sémantiques modernes à connaître
  • Méthodes de tableaux
    • .at
    • .flat
    • .flatMap
    • findLast
    • findLastIndex
  • Extraction de valeurs d'un dictionnaire avec Object.entries et Object.fromEntries
  • Copie profonde d'un objet avec structuredClone
  • Map, Set, WeakMap, WeakSet
  • Internationalisation
  • Promesses
• Gérer les scripts
  • 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
• Aperçu de l'outillage moderne
  • Historique de l'outillage Javascript
  • Intérêts du bundling
  • Aperçu de TypeScript

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
- Manipuler les tableaux
- Manipuler les objets
- Utiliser les Maps et les Sets
- Utiliser les outils d'internationalisation
- Construire un arbre de dépendances
- Charger dynamiquement un script

Le(s) formateur(s)

Romain CRESTEY

Romain est développeur web senior pour RadioFrance, et formateur Svelte et JS pour différents organismes.

Il fait également partie des administrateurs de la communauté Discord Svelte francophone, et maintient le projet de traduction de la documentation en français de Svelte.

Fan de Svelte, Typescript et NodeJs, il a également passé plusieurs années à développer des applications React.

Voir son profil détaillé

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...
• 129 formations au catalogue, 1616 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