# 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 | [[:15_training:module1-javascript-es6:variables-scope|Variables et Scope]] | `const`, `let`, déstructuration, spread operator |
| 2 | [[:15_training:module1-javascript-es6:fonctions|Fonctions]] | Arrow functions, paramètres par défaut, callbacks |
| 3 | [[:15_training:module1-javascript-es6:asynchrone|Asynchrone]] | Promises, async/await, gestion d'erreurs |
| 4 | [[:15_training:module1-javascript-es6:modules-es6|Modules ES6]] | import/export, organisation du code |


## Objectifs du module

À la fin de ce module, vous saurez :

- Déclarer des variables avec `const` et `let`
- 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.


[[:15_training:module1-javascript-es6:variables-scope|Commencer : Variables et Scope →]]