Apprendre JavaScript en 1 Jour : Variables, Tableaux, Fonctions + Mini-Projet (Guide Débutant)

Vous souhaitez apprendre à coder en JavaScript rapidement, sans passer par des heures de théorie compliquée ?
Bonne nouvelle : dans ce guide, nous allons explorer les bases essentielles de JavaScript en une seule journée, et vous réaliserez même un mini-projet fonctionnel.

1. Comprendre les variables et les types de données

En JavaScript, une variable est un espace où l’on stocke une information.
Le document explique que :

« Une variable sert à stocker une information dans la mémoire du programme. » Cours Complet Javascript

On utilise principalement deux mots-clés :

Exemple :

let nom = "Zakaria";
const pays = "Maroc";
console.log("Je m'appelle " + nom + " et je viens du " + pays);

2. Manipuler les tableaux et objets

Les tableaux permettent de stocker plusieurs valeurs, alors que les objets stockent des informations structurées.

Exemple issu du document :

let fruits = ["pomme", "banane", "orange"];
console.log(fruits[1]); // affiche "banane"

Cours Complet Javascript

Et un objet :

let user = {
  nom: "Zakaria",
  age: 27,
  ville: "Marrakech"
};
console.log(user.nom);

Cours Complet Javascript

3. Les conditions & boucles

Les conditions permettent d’exécuter des blocs de code suivant un test logique :

if (age >= 18) {
  console.log("Tu es majeur");
} else {
  console.log("Tu es mineur");
}

Cours Complet Javascript

Les boucles servent à répéter une action :

for (let n of numbers) {
  console.log(n);
}

Cours Complet Javascript

4. Les fonctions

Les fonctions permettent d’éviter de répéter le même code :

function saluer() {
  console.log("Bonjour !");
}
saluer();

Cours Complet Javascript

🚀 Mini-Projet : Calculatrice de notes

Dans le mini-projet inclus dans le cours, vous devez :

✔ demander deux notes
✔ calculer la moyenne
✔ afficher « Admis » ou « Refusé »

Code complet (issu du document PDF) :

function calculMoyenne(note1, note2) {
  return (note1 + note2) / 2;
}
...
if (moyenne >= 10) {
  console.log("Admis ✅ avec une moyenne de " + moyenne);
} else {
  console.log("Refusé ❌ avec une moyenne de " + moyenne);
}

Cours Complet Javascript

➡️ À la fin du Jour 1, vous maîtrisez : variables, tableaux, conditions, boucles et fonctions.