📚 Formation Node.

js 2025 📘 Doc 1 : Installation 📗 Doc 2 : Fondamentaux 📙 Doc 3 : Web & DB 📕 Doc 4 : APIs & Production
Du débutant à l'intermédiaire

📘 Partie 1
Guide d'Installation et Premier Pas

Bienvenue ! On va installer tous les outils ensemble, étape par étape 🚀

📑 Table des matières

🎯 Introduction - Pourquoi ce cours ?
💻 Installation de [Link]
🗄️ Installation de XAMPP (MySQL)
📝 Installation et Configuration de VS Code
🚀 Votre Premier Projet [Link]
🔗 Test de Connexion MySQL
🔧 Dépannage (Troubleshooting)

🎯 Introduction - Bienvenue dans l'Univers [Link] !

🗣️ Salut à toi, futur développeur [Link] !

Je suis ravi de t'accompagner dans cette aventure. Si tu es là, c'est que tu veux apprendre [Link], et tu as fait le bon choix !

Avant de commencer à coder, on va prendre le temps d'installer tous les outils nécessaires. Je sais que l'installation peut parfois être ennuyeuse, mais crois-moi, c'est une étape CRUCIALE. Si tu sautes cette étape ou si tu la bâcles, tu vas galérer
plus tard.

Alors prends ton temps, suis chaque étape, et on va tout faire ensemble. Deal ? 🤝
📚 Ce que tu vas installer aujourd'hui
💡 Les 4 outils essentiels :

1. [Link] - Le moteur qui fait tourner ton code JavaScript

2. XAMPP - Pour avoir MySQL (notre base de données)

3. VS Code - Ton éditeur de code (le meilleur !)

4. Extensions VS Code - Pour coder comme un pro

⏱️ Temps estimé
Cette installation complète va te prendre environ 45 minutes à 1 heure, selon ta connexion internet. Pas de stress, on a tout notre temps !

📌 Avant de commencer :

✅ Assure-toi d'avoir au moins 5 Go d'espace disque libre

✅ Une connexion internet stable (pour télécharger les logiciels)
✅ Droits administrateur sur ton ordinateur
✅ Un café ou thé ☕ (optionnel mais recommandé 😄)

💻 Installation de [Link]
🗣️ Bon, commençons par le plus important : [Link] !

[Link], c'est quoi exactement ? C'est un environnement qui permet de faire tourner du JavaScript en dehors du navigateur. Avant [Link], JavaScript ne fonctionnait QUE dans les navigateurs web. Maintenant, grâce à [Link], on peut créer des
serveurs, des APIs, des outils en ligne de commande, et bien plus !

En 2025, [Link] est devenu INCONTOURNABLE dans le développement web. Presque toutes les entreprises tech l'utilisent.

🪟 Installation sur Windows

1 Télécharger [Link]

1. Va sur le site officiel : [Link]

2. Tu vas voir deux versions :

LTS (Long Term Support) - Version stable, recommandée

Current - Version avec les dernières fonctionnalités

3. ⭐ Choisis la version LTS (par exemple : 20.11.0 LTS)

4. Clique sur le gros bouton vert pour télécharger

📸 Capture d'écran : Page de téléchargement de [Link]

2 Installer [Link]

1. Double-clique sur le fichier téléchargé ( [Link] )

2. Clique sur Next jusqu'à l'écran de sélection des composants

3. ⚠️ IMPORTANT : Coche bien la case "Automatically install the necessary tools"

4. Continue avec Next, puis Install

5. Attends que l'installation se termine (environ 2-3 minutes)

6. Clique sur Finish

⚠️ Une fenêtre PowerShell va peut-être s'ouvrir après l'installation et installer des outils supplémentaires (Python, Visual Studio Build Tools).

Laisse-la faire ! Appuie sur une touche quand c'est demandé, et attends que tout se termine. Ça peut prendre 10-15 minutes. Ne ferme RIEN !

3 Vérifier l'installation

1. Ouvre le CMD (Invite de commandes) :

Appuie sur Windows + R

Tape cmd et appuie sur Entrée

2. Tape cette commande et appuie sur Entrée :

node --version

Tu devrais voir quelque chose comme : v20.11.0

3. Maintenant vérifie npm (le gestionnaire de paquets) :

npm --version

Tu devrais voir : 10.2.4 (ou une version similaire)

✅🎉 Félicitations !
Si tu vois les deux numéros de version, [Link] est correctement installé ! Tu es prêt à coder en JavaScript côté serveur !

🍎 Installation sur macOS

1 Télécharger [Link]

1. Va sur [Link]

2. Télécharge la version LTS pour macOS

3. Le fichier s'appellera [Link]

2 Installer

1. Double-clique sur le fichier .pkg

2. Suis l'assistant d'installation

3. Entre ton mot de passe administrateur si demandé

4. Clique sur Installer

3 Vérifier

1. Ouvre le Terminal (Cmd + Espace, tape "Terminal")

2. Tape :

node --version
npm --version

🐧 Installation sur Linux (Ubuntu/Debian)

1 Via le terminal (méthode recommandée)

# Mettre à jour les paquets

sudo apt update

# Installer [Link] et npm

sudo apt install nodejs npm

# Vérifier
node --version
npm --version

📌 Version trop ancienne ?

Si la version est trop vieille (< 18), utilise NodeSource :

# Installer [Link] 20.x

curl -fsSL [Link] | sudo -E bash -
sudo apt-get install -y nodejs

🧪 Test Final de [Link]

1 Tester le REPL
Le REPL (Read-Eval-Print Loop) est une console interactive JavaScript. Testons-la !

1. Dans ton terminal/CMD, tape simplement :

node

Tu vas entrer dans le mode interactif. Essaie :

> [Link]("Hello Sénégal!")

Hello Sénégal!
undefined

> 2 + 2
4

> const nom = "Fatou"

undefined

> [Link](`Bienvenue ${nom}`)

Bienvenue Fatou
undefined

> .exit

Tape .exit ou appuie sur Ctrl + C deux fois pour sortir.

✅ Si tout fonctionne, [Link] est opérationnel ! Passons à MySQL maintenant 🎯

🗄️ Installation de XAMPP (MySQL + phpMyAdmin)

🗣️ Maintenant qu'on a [Link], on va installer XAMPP.

"Attends, c'est quoi XAMPP ?" tu te demandes peut-être.

XAMPP, c'est un package tout-en-un qui installe plusieurs serveurs en un seul clic. Pour notre cours, on s'intéresse surtout à MySQL (la base de données) et phpMyAdmin (l'interface graphique pour gérer MySQL).

Pourquoi MySQL ? Parce que c'est l'une des bases de données les plus utilisées au monde, gratuite, performante, et parfaite pour apprendre !

🪟 Installation XAMPP sur Windows

1 Télécharger XAMPP

1. Va sur [Link]

2. Clique sur "XAMPP for Windows"

3. Télécharge la dernière version (environ 150 Mo)

2 Installer XAMPP

1. Lance le fichier téléchargé ( [Link] )

2. Si Windows demande "Voulez-vous autoriser ?", clique sur Oui

3. Un message peut apparaître concernant l'UAC (User Account Control). Clique sur OK

4. Choisis le dossier d'installation (par défaut : C:\xampp ) - ⚠️ Ne mets PAS dans Program Files !
5. Dans la sélection des composants, assure-toi que ces cases sont cochées :

✅ MySQL
✅ phpMyAdmin
✅ Apache (optionnel mais pratique)
6. Décoche les autres si tu veux gagner de l'espace

7. Continue avec Next jusqu'à l'installation

8. Attends 3-5 minutes que tout s'installe

3 Démarrer MySQL

1. Lance XAMPP Control Panel (icône sur le bureau ou dans le menu démarrer)

2. Tu vas voir une fenêtre avec plusieurs services

3. À côté de MySQL, clique sur le bouton "Start"

4. Le bouton deviendra vert avec le texte "Stop" - parfait ! MySQL tourne !

📸 Capture : XAMPP Control Panel avec MySQL démarré (bouton vert)

⚠️ ⚠️ Port 3306 déjà utilisé ?

Si MySQL ne démarre pas et que tu vois une erreur "Port 3306 is busy", c'est qu'un autre programme utilise ce port.

Solutions :

1. Ferme les autres applications de base de données

2. Ou change le port MySQL dans XAMPP (voir section Dépannage en bas)

🍎 Installation sur macOS

1 Télécharger XAMPP pour Mac

1. Va sur [Link]

2. Télécharge XAMPP for macOS

2 Installer

1. Ouvre le fichier .dmg téléchargé

2. Double-clique sur l'icône XAMPP

3. Suis l'assistant (entre ton mot de passe admin si demandé)

4. XAMPP s'installera dans /Applications/XAMPP

3 Lancer XAMPP

1. Va dans Applications → XAMPP

2. Lance manager-osx

3. Dans l'onglet Manage Servers, sélectionne MySQL Database

4. Clique sur Start

🐧 Installation sur Linux

💡 Sur Linux, on peut installer MySQL directement sans XAMPP :

# Ubuntu/Debian
sudo apt update
sudo apt install mysql-server

# Démarrer MySQL
sudo systemctl start mysql

# Activer au démarrage
sudo systemctl enable mysql

# Installer phpMyAdmin (optionnel)

sudo apt install phpmyadmin

🧪 Tester phpMyAdmin
1 Accéder à phpMyAdmin

1. Assure-toi que MySQL est bien démarré dans XAMPP

2. Ouvre ton navigateur (Chrome, Firefox, etc.)

3. Va à l'adresse : [Link]

4. Tu devrais voir l'interface de phpMyAdmin !

📸 Capture : Interface de phpMyAdmin

2 Première connexion
Par défaut, les identifiants sont :

Utilisateur : root

Mot de passe : (laisser vide)

⚠️ ⚠️ IMPORTANT pour la sécurité

En développement local, pas de souci pour laisser le mot de passe vide. MAIS si un jour tu mets ton application en ligne, tu DOIS absolument changer ce mot de passe !

✅🎉 MySQL est prêt !

Si tu vois l'interface phpMyAdmin, c'est bon ! Ta base de données fonctionne. On passera plus de temps dessus dans les prochains documents.

← Document précédent Document suivant →

Aucun 📗 Fondamentaux [Link]

📝 Installation et Configuration de VS Code

🗣️ Maintenant qu'on a [Link] et MySQL, il nous faut un bon éditeur de code !

Visual Studio Code (VS Code) est devenu L'éditeur de code par excellence pour les développeurs en 2025. Pourquoi ?

✅ Gratuit et open-source
✅ Ultra-rapide et léger
✅ Des milliers d'extensions
✅ Excellent pour JavaScript/[Link]
✅ IntelliSense (autocomplétion intelligente)
✅ Debugger intégré
✅ Terminal intégré
Crois-moi, une fois que tu auras essayé VS Code, tu ne voudras plus jamais revenir à un autre éditeur !

📥 Téléchargement et Installation
1 Télécharger VS Code

1. Va sur [Link]

2. Clique sur le gros bouton "Download"

3. Le site détecte automatiquement ton système d'exploitation

4. Le téléchargement commence (~100 Mo)

2 Installer VS Code

🪟 Windows
1. Lance le fichier [Link]

2. Accepte la licence

3. ⚠️ IMPORTANT : Coche TOUTES ces cases :

✅ Ajouter l'action "Ouvrir avec Code" au menu contextuel
✅ Ajouter à PATH (très important !)
✅ Créer une icône sur le bureau
4. Clique sur Installer

5. Lance VS Code à la fin de l'installation

🍎 macOS
1. Ouvre le fichier .zip téléchargé

2. Glisse Visual Studio [Link] dans le dossier Applications

3. Lance VS Code depuis Applications

🐧 Linux
# Ubuntu/Debian (.deb)
sudo dpkg -i code_X.XX.X_amd64.deb

# Ou via snap
sudo snap install --classic code

🎨 Premier Lancement de VS Code

3 Configuration initiale
Au premier lancement, VS Code va te poser quelques questions :

1. Choisir un thème : Choisis ce que tu préfères (Dark+ est populaire)

2. Langues : Tu peux installer le pack français si tu veux

3. Extensions recommandées : Ignore pour l'instant, on va les installer ensemble

🔌 Extensions Essentielles pour [Link]

🗣️ Les extensions, c'est ce qui rend VS Code SUPER PUISSANT ! On va installer les extensions essentielles pour le développement [Link]. Ne t'inquiète pas, ça prend 2 minutes !

4 Installer les extensions

1. Dans VS Code, clique sur l'icône Extensions dans la barre latérale (ou Ctrl + Shift + X )

2. Une barre de recherche apparaît. Installe ces extensions UNE PAR UNE :

💡🔥 Extensions OBLIGATOIRES :

1. ESLint (by Microsoft)

Détecte les erreurs dans ton code JavaScript

Suggère des améliorations

Tape "ESLint" dans la recherche, clique sur "Install"

2. Prettier - Code formatter

Formate automatiquement ton code

Rend ton code propre et lisible

Tape "Prettier", clique sur celui de "Prettier"

3. JavaScript (ES6) code snippets

Raccourcis pour écrire du code plus vite

Tape "JavaScript ES6", installe celui de "charalampos karypidis"

4. Path Intellisense

Autocomplétion des chemins de fichiers

Super pratique pour les imports

5. npm Intellisense

Autocomplétion des packages npm dans les imports

6. MySQL (by Jun Han)

Pour se connecter à MySQL depuis VS Code

Exécuter des requêtes SQL directement

7. REST Client

Tester des APIs REST sans quitter VS Code

Alternative à Postman

8. Live Server

Pour lancer un serveur local avec auto-refresh

Utile pour tester des pages HTML

📌📦 Extensions BONUS (optionnelles mais recommandées) :

Material Icon Theme - Jolies icônes pour les fichiers

GitLens - Si tu utilises Git

Auto Rename Tag - Pour HTML/EJS

Bracket Pair Colorizer 2 - Colore les parenthèses (aide beaucoup !)

Better Comments - Commentaires colorés

⚙️ Configuration de VS Code pour [Link]

5 Configurer Prettier et ESLint

1. Ouvre les paramètres : Ctrl + , (ou Cmd + , sur Mac)

2. Recherche "Format On Save"

3. ✅ Coche la case "Editor: Format On Save"

4. Recherche "Default Formatter"

5. Choisis "Prettier - Code formatter" dans le menu déroulant

Maintenant, à chaque fois que tu sauvegardes un fichier ( Ctrl + S ), Prettier va automatiquement formatter ton code. Magique ! ✨

6 Configurer le terminal intégré

VS Code a un terminal intégré super pratique. Testons-le !

1. Appuie sur Ctrl + ` (la touche sous Échap) pour ouvrir le terminal

2. Un terminal s'ouvre en bas de VS Code

3. Teste une commande :

node --version

Tu devrais voir la version de [Link] s'afficher !

✅🎉 VS Code est configuré !

Tu as maintenant un environnement de développement professionnel. On va l'utiliser dès maintenant pour créer notre premier projet [Link] !

🚀 Votre Premier Projet [Link]

🗣️ Ça y est, tous les outils sont installés ! Il est temps de créer ton PREMIER projet [Link] ! 🎉
On va créer ensemble une petite application qui dit "Bonjour" et fait quelques calculs. C'est simple, mais ça va nous permettre de vérifier que tout fonctionne correctement.

Prêt ? C'est parti !

📁 Créer le Projet
1 Créer un dossier pour tes projets
Je te recommande de créer un dossier dédié à tous tes projets [Link].

🪟 Windows
1. Ouvre l'Explorateur de fichiers

2. Va dans C:\ ou Documents

3. Crée un dossier nommé NodeJS-Projects

4. À l'intérieur, crée un sous-dossier 01-premier-projet

🍎 macOS / 🐧 Linux
# Ouvre le terminal
cd ~
mkdir NodeJS-Projects
cd NodeJS-Projects
mkdir 01-premier-projet
cd 01-premier-projet

2 Ouvrir le dossier dans VS Code

1. Lance VS Code

2. Clique sur File → Open Folder

3. Navigue vers 01-premier-projet

4. Clique sur Sélectionner le dossier

Ton dossier s'ouvre dans VS Code. La barre latérale gauche montre l'explorateur de fichiers (vide pour l'instant).

3 Créer ton premier fichier JavaScript

1. Dans l'explorateur de fichiers (à gauche), clique sur l'icône "New File" ( 📄+)
2. Nomme le fichier : [Link]

3. Appuie sur Entrée

Le fichier s'ouvre dans l'éditeur. C'est là qu'on va écrire notre code !

💻 Écrire ton Premier Code

4 Le fameux "Hello World"
Tape ce code dans [Link] :

// Mon premier programme [Link] !

[Link]("🎉 Bonjour depuis [Link] !");
[Link]("Hello Sénégal 🇸🇳");

// Quelques calculs
const nombre1 = 10;
const nombre2 = 5;
const somme = nombre1 + nombre2;

[Link](`${nombre1} + ${nombre2} = ${somme}`);

💡📖 Explications du code :

// = commentaire (ignoré par [Link])

[Link]() = affiche quelque chose dans le terminal

const = déclare une variable constante (qui ne change pas)

${} = template literal (pour insérer des variables dans du texte)

5 Exécuter ton programme

1. Sauvegarde le fichier ( Ctrl + S )

2. Ouvre le terminal intégré ( Ctrl + ` )

3. Tape cette commande :

node [Link]

Tu devrais voir :

🎉 Bonjour depuis [Link] !

Hello Sénégal 🇸🇳
10 + 5 = 15

✅🎊 FÉLICITATIONS ! 🎊
Tu viens d'exécuter ton PREMIER programme [Link] ! C'est un grand moment ! 🚀
Tu as peut-être l'impression que c'est simple, et c'est normal. Mais tu viens de franchir la première étape. À partir de maintenant, on va construire des choses de plus en plus complexes et intéressantes !

📦 Initialiser un Projet NPM

🗣️ Maintenant qu'on sait exécuter du code, on va initialiser un vrai projet [Link] avec npm.

Ça va créer un fichier [Link] qui contient toutes les informations sur ton projet (nom, version, dépendances, etc.). C'est comme la carte d'identité de ton projet !

6 Créer le [Link]
Dans le terminal de VS Code, tape :

npm init -y

L'option -y accepte automatiquement toutes les valeurs par défaut.

Un fichier [Link] apparaît dans ton dossier ! Clique dessus pour le voir.

💡📄 Contenu de [Link] :

{
"name": "01-premier-projet",
"version": "1.0.0",
"description": "",
"main": "[Link]",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}

7 Ajouter un script personnalisé

Modifie la section "scripts" dans [Link] :

"scripts": {
"start": "node [Link]",
"dev": "node [Link]"
},

Sauvegarde le fichier. Maintenant, tu peux exécuter ton programme avec :

npm start

Ou :

npm run dev

C'est plus propre et professionnel ! ✨

🎨 Installer ton Premier Package
8 Installer chalk (pour des couleurs dans le terminal)
On va installer un package populaire qui permet de colorer le texte dans le terminal.

npm install chalk@4.1.2

⚠️ Note : On installe la version 4.1.2 car c'est la dernière compatible avec require()
Après l'installation :

Un dossier node_modules apparaît (contient le package)

[Link] a une nouvelle section dependencies

Un fichier [Link] est créé (ignore-le pour l'instant)

9 Utiliser chalk dans ton code

Modifie [Link] :

// Importer chalk
const chalk = require('chalk');

// Texte coloré !
✅ Bonjour depuis [Link] !'));
[Link]([Link]('
[Link]([Link]('🌍 Hello Sénégal 🇸🇳'));

// Calculs avec couleurs

const nombre1 = 10;
const nombre2 = 5;
const somme = nombre1 + nombre2;

[Link]([Link](`${nombre1} + ${nombre2} = `) + [Link](somme));

// Succès !
[Link]([Link](' SUCCÈS ! Ton premier package fonctionne ! '));

10 Exécuter et admirer

npm start

Tu vas voir du texte en COULEURS dans ton terminal ! 🎨

✅🏆
Tu viens de :
Bravo champion !

✅ Créer ton premier projet [Link]

✅ Écrire et exécuter du code JavaScript
✅ Initialiser un projet npm
✅ Installer et utiliser un package externe
Tu es officiellement un développeur [Link] débutant ! 🎓

🔗 Test de Connexion MySQL avec [Link]

🗣️ On arrive au moment crucial : connecter [Link] à MySQL !

C'est une étape SUPER IMPORTANTE parce que la plupart des applications [Link] ont besoin d'une base de données. Et MySQL, c'est THE base de données relationnelle qu'on va utiliser tout au long du cours.

On va faire un test simple pour vérifier que tout communique bien.

📦 Installer le Package MySQL

1 Créer un nouveau projet de test

1. Sors du dossier actuel et crée un nouveau projet :

# Dans le terminal
cd ..
mkdir 02-test-mysql
cd 02-test-mysql

2. Ouvre ce nouveau dossier dans VS Code ( File → Open Folder )

3. Initialise npm :

npm init -y

2 Installer mysql2
mysql2 est le package [Link] pour se connecter à MySQL (plus moderne que mysql ).

npm install mysql2

Attends que l'installation se termine...

🗄️ Créer une Base de Données de Test

3 Créer une DB dans phpMyAdmin

1. Assure-toi que MySQL est démarré dans XAMPP

2. Ouvre [Link] dans ton navigateur

3. Clique sur l'onglet "Bases de données" en haut

4. Dans "Créer une base de données" :

Nom : test_nodejs

Interclassement : utf8mb4_general_ci

5. Clique sur Créer

📸 Capture : Base de données "test_nodejs" créée dans phpMyAdmin

4 Créer une table de test

1. Clique sur ta base de données test_nodejs dans la liste de gauche

2. Clique sur l'onglet SQL en haut

3. Copie-colle cette requête SQL :

CREATE TABLE etudiants (

id INT AUTO_INCREMENT PRIMARY KEY,
nom VARCHAR(100) NOT NULL,
prenom VARCHAR(100) NOT NULL,
email VARCHAR(150) UNIQUE NOT NULL,
age INT,
created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

4. Clique sur Exécuter

5. Tu devrais voir un message de succès !

5 Insérer des données de test

Toujours dans l'onglet SQL, exécute :

INSERT INTO etudiants (nom, prenom, email, age) VALUES

('Diop', 'Aminata', '[Link]@[Link]', 22),
('Ndiaye', 'Mamadou', '[Link]@[Link]', 23),
('Sow', 'Fatou', '[Link]@[Link]', 21);

Clique sur Exécuter. Tu as maintenant 3 étudiants dans ta base !

🔌 Se Connecter depuis [Link]

6 Créer le fichier de connexion
Dans VS Code, crée un fichier [Link] :

// Importer mysql2
const mysql = require('mysql2');

// Configuration de la connexion
const connection = [Link]({
host: 'localhost', // Serveur MySQL
user: 'root', // Utilisateur
password: '', // Mot de passe (vide par défaut)
database: 'test_nodejs' // Notre base de données
});

// Tester la connexion
[Link]((err) => {
if (err) {
[Link](' ❌ Erreur de connexion:', [Link]);
return;
}
[Link]('✅ Connecté à MySQL avec succès !');
[Link]('📊 ID de connexion:', [Link]);
});

// Fermer la connexion
[Link]();

7 Tester la connexion

node [Link]

Tu devrais voir :

✅ Connecté à MySQL avec succès !

📊 ID de connexion: 8

✅🎉 Excellente nouvelle !
[Link] communique avec MySQL ! La connexion fonctionne ! 🔗
📊 Récupérer des Données
8 Lire les étudiants de la base
Crée un nouveau fichier [Link] :

const mysql = require('mysql2');

// Connexion
const connection = [Link]({
host: 'localhost',
user: 'root',
password: '',
database: 'test_nodejs'
});

// Requête SQL
const sql = 'SELECT * FROM etudiants';

[Link](sql, (err, results) => {

if (err) {
[Link](' ❌ Erreur:', [Link]);
return;
}

[Link](' 📚 Liste des étudiants :\n');

// Afficher chaque étudiant
[Link]((etudiant) => {
[Link](`👤 ${[Link]} ${[Link]}`);
[Link](` 📧 Email: ${[Link]}`);
[Link](` 🎂 Âge: ${[Link]} ans`);
[Link](` 🆔 ID: ${[Link]}\n`);
});

[Link](` ✅ Total: ${[Link]} étudiant(s)`);

});

[Link]();

9 Exécuter

node [Link]

Tu devrais voir la liste de tes 3 étudiants s'afficher ! 📋

✅🏆 PARFAIT ! 🏆
Tu viens de :

✅ Créer une base de données MySQL

✅ Connecter [Link] à MySQL
✅ Exécuter une requête SQL depuis [Link]
✅ Afficher des données
C'est ÉNORME ! Tu as maintenant toutes les bases pour construire des applications complètes ! 🚀

📌📌 Note importante :
Dans ce cours, on utilisera Sequelize (un ORM) pour communiquer avec MySQL de manière plus simple et élégante. Mais c'est bien de comprendre la connexion brute comme on vient de le faire !

🔧 Dépannage (Troubleshooting)
🗣️ Parfois, malgré qu'on suive toutes les étapes, il peut y avoir des petits soucis. Pas de panique ! C'est NORMAL, ça arrive même aux développeurs expérimentés.

Voici les problèmes les plus courants et comment les résoudre. Si tu rencontres un problème, cherche-le dans cette section !

❌ Problème 1 : "node n'est pas reconnu..."

⚠️ Message d'erreur :

'node' n'est pas reconnu en tant que commande interne...

Cause : [Link] n'est pas dans le PATH.

Solutions :

1. Redémarre ton ordinateur (souvent ça suffit !)

2. Vérifie que [Link] est bien installé :

Windows : Cherche "[Link]" dans le menu Démarrer

Réinstalle [Link] en cochant bien "Add to PATH"

3. Ajoute manuellement au PATH (avancé) :

Windows : Panneau de configuration → Système → Paramètres avancés → Variables d'environnement

Ajoute C:\Program Files\nodejs dans le PATH

❌ Problème 2 : MySQL ne démarre pas dans XAMPP

⚠️ Erreur : Le bouton Start de MySQL est rouge ou ne démarre pas.

Causes possibles :

1. Port 3306 occupé

Un autre programme utilise le port MySQL

Solution : Dans XAMPP, clique sur "Config" à côté de MySQL → "[Link]"

Cherche la ligne port=3306

Change en port=3307

Sauvegarde et redémarre XAMPP

2. Service MySQL déjà installé

Tu as peut-être MySQL installé séparément

Solution : Désinstalle l'autre MySQL ou utilise celui-là

3. Antivirus bloque XAMPP

Ajoute XAMPP aux exceptions de ton antivirus

❌ Problème 3 : Erreur de connexion MySQL depuis [Link]

⚠️ Erreur :

Error: ER_ACCESS_DENIED_ERROR: Access denied for user...

Solutions :

1. Vérifie les identifiants :

User : root

Password : '' (vide par défaut)

2. Si tu as changé le mot de passe root, mets le bon mot de passe dans ton code

⚠️ Erreur :

Error: connect ECONNREFUSED [Link]:3306

Cause : MySQL n'est pas démarré ou n'écoute pas sur le port 3306.

Solutions :

1. Vérifie que MySQL est bien démarré dans XAMPP (voyant vert)

2. Si tu as changé le port, mets le nouveau port dans ton code :

const connection = [Link]({

host: 'localhost',
port: 3307, // Si tu as changé le port
user: 'root',
password: '',
database: 'test_nodejs'
});

❌ Problème 4 : npm install très lent ou échoue

⚠️ Cause : Connexion internet lente ou problème avec le registre npm.

Solutions :

1. Essaie d'installer un par un au lieu de tous ensemble

2. Nettoie le cache npm :

npm cache clean --force

3. Réessaie l'installation

❌ Problème 5 : Extensions VS Code ne fonctionnent pas

⚠️ Solutions :

1. Redémarre VS Code

2. Vérifie que l'extension est bien activée (clic droit → Enable)

3. Désinstalle et réinstalle l'extension

❌ Problème 6 : "Cannot find module..."

⚠️ Erreur :

Error: Cannot find module 'express'

Cause : Le module n'est pas installé.

Solution :

npm install express

Installe le module manquant !

💡 Astuces Générales
💡 Quand quelque chose ne marche pas :

1. 🔄 Redémarre - Ordinateur, VS Code, XAMPP, terminal

2. 📖 Lis l'erreur - Elle dit souvent exactement quoi faire

3. 🔍 Google l'erreur - Copie-colle le message d'erreur

4. 📚 StackOverflow - La mine d'or des solutions

5. 💬 ChatGPT - Explique ton problème en détail

6. 👥 Forums [Link] - La communauté est là pour aider

✅🎯 Conseil de Pro :
Quand tu codes, TOUJOURS :

✅ Sauvegarde régulièrement ( Ctrl + S )

✅ Teste après chaque modification
✅ Lis les messages d'erreur attentivement
✅ Utilise [Link]() partout pour déboguer
✅ Fais des pauses ☕ (un cerveau reposé résout mieux les bugs !)

🎉 Récapitulatif - Tu es Prêt !
✅ Ce que tu as accompli aujourd'hui :
1. ✅ Installé [Link] et npm
2. ✅ Installé XAMPP (MySQL + phpMyAdmin)

3. ✅ Configuré VS Code avec toutes les extensions

4. ✅ Créé ton premier projet [Link]

5. ✅ Utilisé npm et installé des packages

6. ✅ Connecté [Link] à MySQL

7. ✅ Exécuté ta première requête SQL depuis [Link]

🚀 Prochaine Étape :
Maintenant que ton environnement est prêt, tu vas pouvoir attaquer le vrai développement [Link] ! Dans le Document 2, on va apprendre :

📦 Les modules [Link] en profondeur

🔄 La programmation asynchrone (Promises, async/await)
📁 Le système de fichiers
🎯 Et plein de mini-projets pratiques !

Tu es prêt à devenir un développeur [Link] ! 💪

Prends une pause bien méritée, puis passe au Document 2 ! 🎓

← Document précédent Document suivant →

Aucun 📗 Doc 2 : Fondamentaux [Link]

📚 Formation [Link] 2025 - Partie 1 : Installation et Setup

Créé avec ❤️ pour les étudiants du Sénégal 🇸🇳

Version 1.0 - Mis à jour en Octobre 2025