📘 Chapitre 1 – Variables, types de données et opérateurs

1. 🎯 Objectif pédagogique

Comprendre et utiliser les variables, les types de données et les opérateurs en JavaScript pour manipuler et afficher des informations.

2. 📚 Concepts abordés

  • Notion de variable (let, const, var)
  • Types de données : nombres, chaînes, booléens
  • Opérateurs arithmétiques (+, -, *, /, %)
  • Opérateurs de comparaison (==, ===, !=, >, <)
  • Opérateurs logiques (&&, ||, !)
  • Utilisation de console.log() pour afficher des résultats

3. 🧠 Explication théorique

En JavaScript, une variable est comme une boîte qui stocke une valeur (un nombre, un texte, etc.).

  • let : déclare une variable dont la valeur peut changer.
  • const : déclare une constante (valeur immuable).

Exemple :

let nom = "Ali";
const PI = 3.14;
console.log("Bonjour " + nom);

Les opérateurs arithmétiques permettent d’effectuer des calculs, par exemple :

let a = 10;
let b = 3;
console.log(a + b); // 13
console.log(a % b); // 1

Les opérateurs de comparaison et logiques servent à vérifier des conditions, par exemple :

console.log(5 > 2);  // true
console.log(5 == "5");  // true (comparaison de valeur)
console.log(5 === "5"); // false (comparaison stricte)

4. 🛠 Tutoriel pratique

Résumé

Nous allons créer un petit script JavaScript qui déclare des variables, effectue des calculs simples et affiche les résultats dans la console.

Arborescence du projet 

mon_projet/
└── index.html

Étape 1 : Créer un fichier HTML

Crée un fichier index.html et ajoute le code suivant :

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Variables et opérateurs</title>
</head>
<body>
  <h1>Découverte de JavaScript</h1>
  <script src="script.js"></script>
</body>
</html>

Étape 2 : Ajouter un fichier JavaScript

Crée un fichier script.js et ajoute :

let nombre1 = 10;
let nombre2 = 5;
let somme = nombre1 + nombre2;
console.log("La somme est : " + somme);

Étape 3 : Tester dans la console

Ouvre index.html dans un navigateur, puis ouvre la console (F12 > Console) pour voir le message.

5. 🧾 Résumé et points-clés

  • let et const permettent de déclarer des variables.
  • Les opérateurs arithmétiques réalisent des calculs (+, -, *, /, %).
  • console.log() est un outil pratique pour afficher et tester des valeurs.