Formation JavaScript Moderne

Description

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.

Pendant cette journée, 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.

Public

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

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

Télécharger le programme

Formations associées

• 

  JavaScript Avancé

  3 jours

Formateur

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.

FAQ

8 raisons de participer à une formation Human Coders

• Satisfaction client élevée : Un taux de statisfaction de 4,6/5 depuis 2012 (sur 1722 sessions réalisées). 99% des participants se disent satisfaits de nos formations
• Approche pédagogique unique : Des formations en petit groupe, des formateurs passionnés et expérimentés, de véritables workshops... (Plus d'infos sur notre manifeste)
• Catalogue de formations complet : 185 formations au catalogue, de quoi vous accompagner sur tout vos projets
• Écosystème dynamique : Nous accompagnons les dev depuis 13 ans avec des initiatives comme Human Coders News, les Human Talks, le podcast ou encore notre serveur Discord
• Financement facilité : Organisme certifié Qualiopi, indispensable pour que vous puissiez obtenir des aides au financement via votre OPCO
• Références clients prestigieuses : De nombreux clients qui nous font confiance depuis des années
• Accompagnement sur mesure : Nous vous proposons un accompagnement personnalisé par nos consultants pour vous aider dans vos projets au-delà de la formation
• Valorisation professionnelle : Remise d'un diplôme, d'une attestation et d'une certification, suivant les formations effectuées, que vous pourrez afficher sur vos CV et réseaux sociaux