Module 1 : Fondamentaux JavaScript ES6+
Avant d'aborder React, il est essentiel de maîtriser JavaScript moderne (ES6+). Ce module couvre les fonctionnalités que vous utiliserez quotidiennement.
Pourquoi ce module ?
En tant que développeur PHP, vous connaissez déjà la programmation. Cependant, JavaScript moderne (depuis ES6/2015) introduit des concepts et syntaxes qui diffèrent significativement de PHP.
React utilise intensivement ces fonctionnalités. Sans les maîtriser, le code React vous paraîtra cryptique.
Chapitres
| # | Chapitre | Contenu |
|---|---|---|
| 1 | Variables et Scope | const, let, déstructuration, spread operator |
| 2 | Fonctions | Arrow functions, paramètres par défaut, callbacks |
| 3 | Asynchrone | Promises, async/await, gestion d'erreurs |
| 4 | Modules ES6 | import/export, organisation du code |
Objectifs du module
À la fin de ce module, vous saurez :
- Déclarer des variables avec
constetlet - Utiliser la déstructuration pour extraire des valeurs
- Écrire des arrow functions
- Gérer le code asynchrone avec async/await
- Organiser votre code en modules
Comparaison rapide PHP vs JavaScript
| Concept | PHP | JavaScript ES6+ |
|---|---|---|
| Variable constante | const X = 1; | const x = 1; |
| Variable modifiable | $x = 1; | let x = 1; |
| Tableau associatif | ['a' => 1] | { a: 1 } (objet) |
| Fonction anonyme | function($x) { } | (x) => { } |
| Interpolation | "Hello $name" | `Hello ${name}` |
| Null coalescing | $x ?? 'default' | x ?? 'default' |
Temps estimé
Environ 2-3 heures pour parcourir ce module et faire les exercices.