---
title: "Module 1 : Fondamentaux JavaScript ES6+"
weight: 300
description: "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."
category: "Formation"
type: "formation"
---

# 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](/training/module1-javascript-es6/variables-scope) | `const`, `let`, déstructuration, spread operator |
| 2 | [Fonctions](/training/module1-javascript-es6/fonctions) | Arrow functions, paramètres par défaut, callbacks |
| 3 | [Asynchrone](/training/module1-javascript-es6/asynchrone) | Promises, async/await, gestion d'erreurs |
| 4 | [Modules ES6](/training/module1-javascript-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.

[Commencer : Variables et Scope ->](/training/module1-javascript-es6/variables-scope)