1.1 Un Langage Né dans la Nuit

L'Électricité dans les Veines

La ville web dort. Le HTML trace les murs, le CSS pose les couleurs. Mais sans JavaScript, tout reste figé, cadavre numérique. L'interactivité, c'est l'électricité qui fait bouger les ombres — un interrupteur qui grésille, une porte qui grince toute seule, un écran qui s'allume dans le noir.

JavaScript. C'est ce qui sépare une vitrine d'une pièce vivante.

1995 : Les 10 Jours qui Ont Tout Changé

Brendan Eich. Un type pressé. Dix nuits blanches pour pondre un langage. D'abord appelé Mocha, puis LiveScript. Une solution rapide pour un problème brûlant.

Mais c'est devenu le chaos.

Chaque flic du navigateur — Chrome, Firefox, Safari — a interprété le code à sa manière. Le bordel parfait pour planquer des crimes. Puis est arrivé ECMAScript (ES pour les initiés). La norme. La loi.

ES6 (2015) : Le big bang. Comme passer d'un revolver rouillé à un Glock nickel-chromé. let, const, les fonctions fléchées => — de nouvelles armes.

Maintenant, une nouvelle version chaque année. Les règles changent. Tout le monde essaie de suivre.

Où Ça Tourne ?

• Le Navigateur : Son territoire historique. Là où les fantômes s'animent.
• Les Serveurs : Avec Node.js, le langage a fuité hors du navigateur. Maintenant il court partout.

Ta Boîte à Outils

1. Un Navigateur : Chrome ou Firefox. Tes yeux dans l'ombre.
2. VS Code : Ton bureau éclairé au néon. Gratuit. Efficace.
3. Les DevTools (F12) : Ton scanner à mensonges. L'onglet Console, c'est là où les morts parlent.

1.2 Les Premières Balises

Injecter le Code

Deux façons de planter le couteau :

<!-- 1. Le fichier externe (propre) -->
<script src="mon-script.js"></script>

<!-- 2. En ligne (rapide, sale) -->
<script>
  console.log("Ça commence ici.");
</script>

Les Commentaires : Graffitis sur le Mur

// Une ligne. Pour soi. Ou pour ceux qui fouilleront après.

/*
  Un bloc.
  Pour expliquer
  ce qui ne devrait pas exister.
*/

Parler dans le Noir

// La console. Ton micro caché.
console.log("Trace normale."); // Gris.
console.error("Sang et erreurs."); // Rouge.
console.warn("Ça sent le roussi."); // Jaune.

// L'alerte. Brutale. Année 2000.
alert("On a un problème.");

Déboguer : Suivre la Piste

1. Le code crache.
2. F12. Les DevTools s'ouvrent.
3. Onglet Console. Les erreurs saignent en rouge.
4. Pose des console.log() comme des mouchards.

let suspect = "Alice";
console.log("Le suspect :", suspect); // "Le suspect : Alice"

1.3 Variables : Les Noms Changent, les Cadavres Restent

Les Boîtes aux Lettres

Une variable, c'est un pseudonyme. Un nom derrière lequel cacher une valeur.

L'ancien temps (à oublier) :

var ombre = "Vieille méthode"; // "var". Plein de fuites.

Maintenant :

// let -> L'alias qui peut changer
let compteur = 0;
compteur = 1; // Changement d'identité.
compteur = compteur + 1; // Le compteur est maintenant 2.

// const -> Le vrai nom. Inchangeable.
const empreinte = "ADN_XYZ";
// empreinte = "Nouvelle_ADN"; // ERREUR. L'ADN ne ment pas.

La règle : const par défaut. let seulement si t'es sûr que ça va devoir bouger.

Baptiser ses Démons

• Soyez clair : armeDuCrime vaut mieux que objetA.
• camelCase : La marque de fabrique. nomDuSuspect, lieuDuForfait.
• Caractères autorisés : Lettres, chiffres, $, _. Pas de chiffre en premier.
• Sensible : victime et Victime sont deux personnes différentes.
• Mots réservés : N'appelez pas votre variable if, function, let. C'est déjà pris par le syndicat.

Le Code : Instructions et Blocs

• Une instruction : Une balle. Termine-la par un ;.

let chargeur = 5;
console.log(chargeur);

• Un bloc : { }. Une pièce fermée. Ce qui se déclare à l'intérieur, y reste.

{ // La porte s'ouvre
  let secret = "Ça reste entre nous.";
  console.log(secret); // OK.
} // La porte se referme.
// console.log(secret); // ERROR. Le secret est mort ici.

Fin du premier round. Tu sais ce que c'est que JavaScript. Où il opère. Comment écrire, écouter, traquer les bugs. Comment créer des variables — les premiers faux noms d'une longue liste. La logique arrive. Et avec elle, les ennuis.