React
Academy
Plan de cours
JavaScript Moderne
JavaScript a beaucoup changé au cours des dernières années. D’un langage de script lent, il a évolué et il est maintenant un langage orienté-objet complet avec beaucoup de fonctionnalités modernes. Venez voir les nouveautés!
Depuis 2015, une nouvelle norme de JavaScript est ajoutée à spécification chaque année. (La nouvelle norme s’appelle « ECMAScript 2020 ».)
Jour 1
Tout savoir sur ECMAScript
1. Utilisation d’ECMAScript 2020 (ECMAScript 11)
- Pourquoi utiliser ECMAScript?
- Prise en charge du navigateur, prise en charge de Node.js
- Utiliser kangax pour obtenir la liste prise en charge
- À propos de Lint
- Transpileurs : TypeScript et Babel
2. Nouvelle syntaxe
- let
- const
- Chaînes modèles
- Littéraux binaires, octaux, unicode, regexp
- Map/Set
- Instruction for ... of
3. Fonctions et objets
- Fonctions fléchées
- portée de 'this' dans les fonctions fléchées
- Valeurs par défaut des arguments
- Amélioration des littéraux d’objet
- Propriétés raccourcies pour objet
- Affecter par décomposition
- Syntaxe de décomposition/paramètres du reste
4. Modules
- Exporter et importer des valeurs
- Paramètre par défaut et caractère de remplacement
- Éléments HTML permettant de déclarer les modules
5. Fonctionnalités asynchrones
- Introduction aux promesses (Promises)
- Création de promesses
- Combinaison de promesses
- Chargement de données avec Fetch
- Async et Await
- Comparaison de "fetch" : différence entre Promise et Async/Await
6. Classes
- Syntaxe des nouvelles classes
- Héritage des classes
- Fonctions Getter et Setter
- Accès aux classes de base
- Membres statiques
- Membres privés
7. Tableaux
- Créer des tableaux
- Tableaux typés
- Array.find()
- Array.forEach()
- Array.map()
- Array.flat()
- Array.reduce()
- Array.every()
- Array.some()
8. Autres connaissances pratiques
- Object.assign()
- Collation
- Formatage des devises, de la date et de l’heure
- Réflection et Proxying
- Générateurs et itérateurs