Pourquoi apprendre JavaScript ?
Quand j’ai commencé, je me disais que JavaScript, c’était juste pour faire bouger des trucs sur une page. Erreur monumentale ! Aujourd’hui, il est partout : front-end, back-end, mobile… Bref, un incontournable.
1. Installer son environnement (spoiler : c’est ultra simple)
L’un des gros avantages de JavaScript, c’est que tu n’as rien à installer. Il suffit d’un navigateur (Chrome, Firefox, Edge, peu importe) et d’un éditeur de texte.
1.1 Choisir un bon éditeur de code
Franchement, si tu veux débuter confortablement, je te recommande :
VS Code (le plus populaire, plein d’extensions utiles)
Sublime Text (léger et rapide, mais version gratuite limitée)
WebStorm (payant, mais ultra-puissant)
Moi, j’ai commencé avec Sublime Text, mais après avoir vu un pote coder sur VS Code avec tout plein de raccourcis stylés, j’ai vite switché.
1.2 Où écrire du JavaScript ?
Tu peux coder directement dans ton navigateur ! Ouvre la console (F12 > Console) et tape :
jsconsole.log("Hello, JavaScript!");
Boum, première ligne de code exécutée. Mais pour vraiment structurer ton code, crée un fichier script.js et ajoute-le à une page HTML comme ceci :
html<!DOCTYPE html><html lang="fr"><head> <meta charset="UTF-8"> <title>Mon premier script JS</title></head><body> <h1>Salut, JavaScript !</h1> <script src="script.js"></script></body></html>
2. Les bases de JavaScript (sans prise de tête)
2.1 Les variables : comment stocker des données ?
En JavaScript, on a plusieurs façons de déclarer des variables :
jsvar nom = "Alice"; // Ancienne façon, à éviterlet age = 25; // Moderne et plus sûrconst pays = "France"; // Ne peut pas être modifié
Petit conseil : utilise let et const, oublie var. Pourquoi ? Parce que var a des comportements bizarres avec la portée des variables (je te jure, tu vas éviter des bugs incompréhensibles).
2.2 Les fonctions : ton code en mode réutilisable
Une fonction, c’est un bout de code qu’on peut appeler plusieurs fois. Exemple classique :
jsfunction direBonjour(nom) { return "Bonjour " + nom + " !";}console.log(direBonjour("Alice")); // Bonjour Alice !
Aujourd’hui, on utilise souvent une syntaxe plus moderne, les fonctions fléchées :
jsconst direBonjour = (nom) => `Bonjour ${nom} !`;console.log(direBonjour("Bob"));
Honnêtement, ça m’a pris du temps avant de switcher aux fonctions fléchées (j’étais trop habitué aux function() classiques), mais après coup, ça simplifie le code et évite certains pièges avec this.
2.3 Conditions et boucles : la logique du code
Un peu de logique maintenant !
Conditions (if / else)
jslet age = 20;if (age >= 18) { console.log("Tu es majeur !");} else { console.log("Tu es encore mineur...");}
Boucles (for / while)
Si tu veux répéter une action plusieurs fois :
jsfor (let i = 0; i < 5; i++) { console.log("Tour n°" + i);}
Ou avec while (utile quand on ne sait pas combien de fois répéter) :
jslet compteur = 0;while (compteur < 3) { console.log("Encore une fois..."); compteur++;}
3. Manipuler le DOM (là où JS devient fun)
C’est bien beau tout ça, mais comment interagir avec une page web ?
JavaScript permet de modifier le HTML et le CSS en temps réel. Exemple simple :
html<button id="monBouton">Clique-moi !</button><p id="message"></p><script> document.getElementById("monBouton").addEventListener("click", function() { document.getElementById("message").innerText = "Bravo, tu as cliqué !"; });</script>
En gros, on récupère l’élément #monBouton, on écoute le clic, et on modifie le texte dans #message. Simple et efficace.
4. Par où continuer après les bases ?
Une fois que tu as les bases, voici quelques pistes pour aller plus loin :
Les tableaux et objets – indispensables pour structurer tes données
Les API et AJAX – pour récupérer des infos depuis le web (météo, utilisateurs…)
Les frameworks JS (React, Vue, Angular) – pour faire des applis modernes
Honnêtement, j’ai mis du temps avant d’oser toucher aux frameworks JS, mais une fois que j’ai testé React, j’ai compris pourquoi tout le monde en parle. (Petit conseil : apprends d’abord bien le JS pur avant d’y plonger !).
Conclusion : JavaScript, un langage accessible mais puissant
JavaScript est facile à apprendre mais complexe à maîtriser. Le plus important, c’est de pratiquer tous les jours, même avec de petits projets.
Mon conseil ? Ne te prends pas trop la tête avec la théorie. Commence par coder, amuse-toi, et tu apprendras naturellement en faisant des erreurs.
Allez, maintenant, ouvre ton éditeur et commence à coder !