Variables et types

C'est quoi une variable ?

Imagine que tu cuisines. Tu notes la température du four, le nom du plat, le nombre de portions. Tu utilises des post-its.

En JavaScript, une variable, c'est pareil : une boîte avec un nom. Tu y ranges une information. Tu peux y mettre un nombre, un texte — n'importe quoi. Tu retrouves l'info en utilisant le nom de la boîte.

// Je crée une variable qui s'appelle "prenom"
// et je lui donne la valeur "Marie"
let prenom = "Marie";

// Je l'affiche
console.log(prenom); // Affiche : Marie

// Je peux aussi changer sa valeur
prenom = "Thomas";
console.log(prenom); // Affiche : Thomas

Ligne par ligne :

• let — "je crée une nouvelle variable"
• prenom — le nom qu'on choisit pour la variable
• = — signe d'assignation. Attention : pas le même sens qu'en maths !
• "Marie" — la valeur mise dans la variable
• ; — termine la ligne, comme un point à la fin d'une phrase

let ou const — quelle différence ?

On déclare les variables avec deux mots-clés : let et const.

let — pour les valeurs qui peuvent changer

Utilise let quand la valeur va changer. Par exemple : un score dans un jeu, un compteur.

let score = 0;
console.log(score); // 0

score = 10;          // on change la valeur
console.log(score); // 10

score = score + 5;  // on ajoute 5 au score actuel
console.log(score); // 15

const — pour les valeurs fixes

Utilise const quand la valeur ne changera jamais. Par exemple : le nom d'un site, le taux de TVA, le nombre de jours dans une semaine.

const NOM_DU_SITE = "MonMiniLab";
const TVA = 0.20;
const JOURS_PAR_SEMAINE = 7;

Les types de données

Chaque valeur a un type : est-ce du texte ? Un nombre ? Vrai ou faux ?

JavaScript reconnaît le type automatiquement. Tu n'as pas besoin de le préciser.

Le texte — String

Pour stocker du texte, mets la valeur entre guillemets. Tu peux utiliser des guillemets doubles "...", simples '...', ou des backticks `...`.

const nom     = "Alice";         // guillemets doubles
const ville   = 'Paris';         // guillemets simples
const message = `Bonjour, ${nom} !`; // backtick — avec variable dedans !

console.log(message); // Bonjour, Alice !

Les backticks sont pratiques. Mets une variable entre ${ } et elle s'insère dans le texte. C'est un template literal.

Les nombres — Number

JavaScript utilise un seul type pour tous les nombres : entiers, décimaux, positifs, négatifs.

const age      = 25;       // nombre entier
const prix     = 9.99;    // nombre décimal (point, pas virgule !)
const temp     = -3;      // nombre négatif

console.log(age + 1);     // 26
console.log(prix * 2);   // 19.98

Les booléens — Boolean

Un booléen, c'est soit vrai soit faux. En JavaScript : true ou false. En minuscules, sans guillemets.

let estConnecte = false;
let aPayé       = true;
let menuOuvert  = false;

console.log(estConnecte); // false

// On peut changer la valeur
estConnecte = true;
console.log(estConnecte); // true

Les booléens servent pour les conditions. On verra ça dans la leçon 4.

Les valeurs spéciales : null et undefined

Deux valeurs spéciales à connaître :

• null — "rien, vide, volontairement absent". Tu le mets toi-même pour dire "pas de valeur ici".
• undefined — "variable existante mais sans valeur". JavaScript le met automatiquement.

let utilisateurConnecte = null; // pas encore connecté

let nomUtilisateur; // déclarée mais pas initialisée
console.log(nomUtilisateur); // undefined

Règles de nommage des variables

Les noms de variables suivent des règles :

• Peuvent contenir des lettres, des chiffres, _ et $
• Ne peuvent pas commencer par un chiffre
• Sensibles à la casse : prenom et Prenom sont deux variables différentes
• Pas de mots réservés : let, const, function, if…

La convention en JavaScript, c'est le camelCase : première lettre en minuscule, chaque mot suivant commence par une majuscule.

// ✅ Bien — camelCase
let prenom = "Alice";
let dateDeNaissance = "1990-05-12";
let nombreDePoints = 42;

// ❌ Mal — à éviter
let date_de_naissance = "...";  // snake_case — plutôt pour PHP
let x = 42;                      // trop court, pas explicite

Essaie dans le playground