Formation
Javascript Moderne

Paris | 24-26 sept.

Qu’allez-vous apprendre ?

Les bases de JavaScript (ES5)

Ces dernières années, JavaScript a connu de nombreuses évolutions. Nous découvrirons les fonctionnalités apportées par ES5 et les bases du JavaScript moderne.

  • Déclarer des variables et gérer leurs portées : scope et hoisting
  • Manipuler les tableaux avec map, filter et reduce
  • Comprendre les différences entre un prototype et une fonction
  • Modifier le comportement d'un objet grâce au descripteur de propriété

Les outils d’un développeur JavaScript

Pour bien démarrer un projet, il faut utiliser les bons outils. Certains sont incontournables, d'autres font gagner un temps précieux ! Nous vous présenterons ceux qui vous permettront de coder de façon rapide, agréable et efficace.

  • Développer plus vite avec Prettier
  • Détecter les erreurs au plus tôt avec ESLint
  • Utiliser le JavaScript de demain dès aujourd'hui avec Babel
  • Ne plus se soucier du build avec Webpack

Une nouvelle syntaxe plus lisible

Si ES5 est la base, une nouvelle version de JavaScript sort chaque année. Les nouvelles syntaxes rendent le code plus simple et plus efficace.

  • Oublier les concaténations avec les templates strings
  • Qu'est-ce qu'un symbole ? Quels sont les cas d'utilisation ?
  • Destructurer votre code de façon élégante et efficace
  • Prendre de l'avance et utiliser des fonctionnalités ES2018 dès aujourd'hui !

Classes, modules et fonctions

Structurer son code est essentiel, JavaScript nous propose de nombreuses solutions : les modules, les classes et les fonctions. Nous découvrirons comment et quand les utiliser de manière efficace.

  • Organiser votre code avec les modules ES2015
  • Découvrir la syntaxe des arrow functions
  • Les avantages des classes par rapport aux prototypes
  • Introduction à la programmation fonctionnelle

Simplifiez-vous la gestion de l’asynchrone

JavaScript est basé sur une boucle événementielle et l'asynchrone est au coeur du langage. Nous verrons comment écrire un code clair et performant pour gérer ce paradigme simplement.

  • Comment fonctionne la boucle événementielle ?
  • Qu'est ce qu’un callback ?
  • Passer d’un callback à une promesse
  • Simplifier l’asynchrone avec async / await

Les nouvelles structures de données

ES2016 a apporté de nouvelles structures de données : les Maps et les Sets. Nous découvrirons les avantages de chacune d’elles et quand les utiliser.

  • Exploiter la puissance des itérateurs et des générateurs
  • Découvrir les nouvelles structures : Map, WeakMap, Set et WeakSet
  • Explorer la méta-programmation avec les Proxies
Télécharger le programme en PDF

Les Objectifs

Le langage JavaScript est aujourd'hui incontournable. Que ce soit dans les applications mobiles, les sites internet ou même les robots, vous le croiserez partout !

Le but de de ce Workshop est de maîtriser le coeur du langage et son écosystème à travers la construction d'une application de A à Z. Il vous ouvrira les portes du développement front moderne avec React mais également celles du développement back avec Node.js.

À qui s’adresse la formation ?

  • Les développeurs PHP, Java, .NET ou Ruby souhaitant démarrer un projet en JavaScript
  • Les développeurs JavaScript ES5 souhaitant mettre leurs connaissances du langage
  • Les développeurs utilisant déjà ES6 souhaitant approfondir leurs connaissances et découvrir bonnes pratiques
  • Les graphistes souhaitant passer à l'étape supérieure et acquérir les bases du JavaScript
  • Les directeurs techniques ou chefs de projets souhaitant se mettre à niveau sur les bonnes pratiques

Votre formateur

Greg Bergé

Greg Bergé

Greg est développeur JavaScript depuis le début des années 2000 et auteur de plusieurs librairies open-source à succès comme Shipit, React Hot Loader ou SVGR. Formateur à l’international, c’est l’expert JavaScript de Smooth Code.