Formation JavaScript Moderne

Apprenez les dernières bonnes pratiques et syntaxes pour développer des applications JS avec notre formation JavaScript moderne

Prix (Formation inter-entreprise)

800€ HT / personne

Durée

1 jour

Dates

Nous pouvons organiser des sessions à d'autres dates ou dans d'autres villes (Bordeaux, Lille, Lyon, Marseille, Montpellier, Nantes, Nice, Paris, Strasbourg, Toulouse...)

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

Télécharger le programme

Le(s) formateur(s)

Romain Crestey

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...
  • 95 formations au catalogue, 1382 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

Besoin d'aide ?

Vous souhaitez discuter avec nous à propos de votre projet de formation ?
Vous voulez plus d'information sur une formation ou notre fonctionnement ?


Rappel Email

Nos forces

  • Des formations à taille humaine
  • Des formateurs passionnés
  • Des véritables workshop
Accéder au Manifeste

Nos clients

Formation JavaScript Moderne

Apprenez les dernières bonnes pratiques et syntaxes pour développer des applications JS avec notre formation JavaScript moderne

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

Télécharger le programme

Le(s) formateur(s)

Romain Crestey

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...
  • 95 formations au catalogue, 1382 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

* Nombre de personnes ayant répondu au questionnaire de satisfaction sur cette formation depuis 2012