📝 Pseudo-code

& JavaScript

Penser comme un programmeur

Formation DWWM - 2025

Au programme 📋

  • 🤔 Qu'est-ce que le pseudo-code ?
  • 🎯 Variables : stocker des informations
  • 🔀 Conditions : prendre des décisions
  • 🔄 Boucles : répéter des actions
  • 📦 Fonctions : réutiliser du code
  • ✨ Exemples complets
  • 🎮 Exercices pratiques

🤔 Partie 1

Le Pseudo-code

C'est quoi le pseudo-code ? 🤔

Pseudo-code : Écrire les étapes d'un programme en français simple, avant de coder

Analogie : Recette de gâteau 🎂

  • 📝 Pseudo-code = La recette en français
  • 💻 Vrai code = Les actions dans la cuisine
Pourquoi ? Pour réfléchir à la LOGIQUE avant la syntaxe

Exemple : Faire un café ☕

En français normal :

Je veux un café. Je prends une tasse, je mets du café, j'ajoute de l'eau...

En pseudo-code :

DÉBUT
    Prendre une tasse
    Mettre café dans tasse
    Chauffer eau
    Verser eau dans tasse
    Mélanger
FIN

Le pseudo-code est structuré : étapes claires et ordonnées

Les ordinateurs sont bêtes ! 🤖

Un ordinateur : ❌ Ne comprend PAS : "Fais quelque chose d'intelligent" ✅ Comprend SEULEMENT : - Des instructions PRÉCISES - Dans le BON ORDRE - Une à la fois
Exemple avec un enfant de 3 ans :
"Range ta chambre" → Il ne sait pas comment

Il faut dire :
1. Prends un jouet
2. Mets-le dans le coffre
3. Recommence pour chaque jouet

🎯 Partie 2

Les Variables

Variable = Boîte avec étiquette 📦

Variable : Une boîte pour ranger une information, avec une étiquette (nom)
┌──────────────────┐ │ Étiquette: age │ ← Nom ├──────────────────┤ │ 25 │ ← Valeur └──────────────────┘

Analogie : Casiers d'école 🏫

  • Chaque casier a un numéro (nom de variable)
  • Dedans il y a des affaires (valeur)
  • Tu ouvres le casier n°12 pour voir ce qu'il contient

Variables en pseudo-code 📝

DÉBUT
    age ← 10
    prenom ← "Marie"
    estMajeur ← FAUX
    
    Afficher "Bonjour " + prenom
    Afficher "Tu as " + age + " ans"
FIN

Lecture du pseudo-code 👀

Symbole ←
  • Se lit "reçoit" ou "prend la valeur"
  • age ← 10 = "age reçoit 10"
  • On met 10 dans la boîte "age"

Pseudo-code → JavaScript 💻

Pseudo-code :

age ← 10
prenom ← "Marie"
Afficher "Bonjour " + prenom

JavaScript :

let age = 10;
let prenom = "Marie";
console.log("Bonjour " + prenom);

Les différences 🔍

  • ← devient =
  • On ajoute let devant
  • Point-virgule ; à la fin
  • Afficher devient console.log()

Types de variables 🎨

Type Pseudo-code JavaScript
Nombre age ← 10 let age = 10;
Texte nom ← "Marie" let nom = "Marie";
Booléen estVrai ← VRAI let estVrai = true;

📦 Boîtes différentes pour différents types de données

Chaque objet a ses propres valeurs 🎯

score = 0 📦[ 0 ] score = score + 10 📦[ 10 ] score = score + 5 📦[ 15 ] La boîte change de contenu !
DÉBUT
    score ← 0
    Afficher score        // 0
    
    score ← score + 10
    Afficher score        // 10
    
    score ← score + 5
    Afficher score        // 15
FIN

🔀 Partie 3

Les Conditions

Condition = Choix 🤔

Condition : Faire quelque chose SEULEMENT SI une situation est vraie

Analogie : Parapluie ☔

  • SI il pleut → Je prends le parapluie
  • SINON → Je ne le prends pas
La vie = conditions ! SI j'ai faim → Je mange SINON → Je ne mange pas SI il fait chaud → T-shirt SINON → Pull

Structure SI / SINON 🌳

DÉBUT
    age ← 16
    
    SI age >= 18 ALORS
        Afficher "Majeur"
    SINON
        Afficher "Mineur"
    FIN SI
FIN

Comment ça marche ? ⚙️

1. On teste : age >= 18 ? → 16 >= 18 ? → FAUX 2. Condition FAUSSE → SINON 3. Résultat : "Mineur"

Comme un chemin qui se divise 🛤️

Pseudo-code → JavaScript 💻

Pseudo-code :

SI age >= 18 ALORS
    Afficher "Majeur"
SINON
    Afficher "Mineur"
FIN SI

En JavaScript 💻

JavaScript :

if (age >= 18) {
    console.log("Majeur");
} else {
    console.log("Mineur");
}
SI → if | ALORS → { | SINON → else

Plusieurs conditions 🎯

note ← 15

SI note >= 16 ALORS
    Afficher "Très bien"
SINON SI note >= 14 ALORS
    Afficher "Bien"
SINON SI note >= 10 ALORS
    Afficher "Passable"
SINON
    Afficher "Insuffisant"
FIN SI
let note = 15;

if (note >= 16) {
    console.log("Très bien");
} else if (note >= 14) {
    console.log("Bien");
} else if (note >= 10) {
    console.log("Passable");
} else {
    console.log("Insuffisant");
}

Comparaisons 🔍

Symbole Signification Exemple
== Égal à 5 == 5 → VRAI
!= Différent de 5 != 3 → VRAI
> Plus grand que 10 > 5 → VRAI

Comparaisons (suite) 🔍

Symbole Signification Exemple
< Plus petit que 3 < 8 → VRAI
>= Supérieur ou égal 5 >= 5 → VRAI
<= Inférieur ou égal 4 <= 10 → VRAI

🔄 Partie 4

Les Boucles

Boucle = Répétition 🔁

Boucle : Répéter la même action plusieurs fois sans réécrire le code

Analogie : Se brosser les dents 🪥

  • Tu ne dis pas "dent 1, dent 2, dent 3..."
  • Tu te dis "toutes mes dents" → répétition auto
Sans boucle : écrire 100 fois la même ligne
Avec boucle : écrire 1 fois, répéter auto

Le problème sans boucle 😰

Dire "Bonjour" 5 fois SANS boucle : 
Afficher "Bonjour"
Afficher "Bonjour"
Afficher "Bonjour"
Afficher "Bonjour"
Afficher "Bonjour"
Et pour 1000 fois ? 😱
AVEC boucle : 
POUR i de 1 à 5 FAIRE
    Afficher "Bonjour"
FIN POUR
1 ligne, 5 répétitions !

Boucle POUR 🔢

POUR i de 1 à 5 FAIRE
    Afficher i
FIN POUR
Tour 1: i = 1 → Affiche 1 Tour 2: i = 2 → Affiche 2 Tour 3: i = 3 → Affiche 3 Tour 4: i = 4 → Affiche 4 Tour 5: i = 5 → Affiche 5 STOP

Comme monter des escaliers 🪜 : marche 1, 2, 3...

Pseudo-code → JavaScript 💻

Pseudo-code :

POUR i de 1 à 5 FAIRE
    Afficher i
FIN POUR

Boucle POUR en JavaScript

JavaScript :

for (let i = 1; i <= 5; i++) {
    console.log(i);
}
let i = 1 → Départ
i <= 5 → Continue si...
i++ → Augmente de 1

Exemple : Table de 7 ✖️

POUR i de 1 à 10 FAIRE
    resultat ← 7 * i
    Afficher "7 x " + i + " = " + resultat
FIN POUR
for (let i = 1; i <= 10; i++) {
    let resultat = 7 * i;
    console.log("7 x " + i + " = " + resultat);
}

// 7 x 1 = 7
// 7 x 2 = 14
// ...
// 7 x 10 = 70

Boucle TANT QUE ⏰

TANT QUE : Répète tant qu'une condition est vraie 
compteur ← 0

TANT QUE compteur < 3 FAIRE
    Afficher "Tour " + compteur
    compteur ← compteur + 1
FIN TANT QUE
let compteur = 0;

while (compteur < 3) {
    console.log("Tour " + compteur);
    compteur++;
}

Exemple : Remplir un verre 🥤

niveau ← 0

TANT QUE niveau < 100 FAIRE
    Afficher "Niveau : " + niveau + "%"
    Verser 10% d'eau
    niveau ← niveau + 10
FIN TANT QUE

Afficher "Verre plein !"
niveau = 0 → Verse → 10 niveau = 10 → Verse → 20 ... niveau = 90 → Verse → 100 STOP (niveau pas < 100)

📦 Partie 5

Les Fonctions

Fonction = Boîte à outils 🧰

Fonction : Morceau de code réutilisable qu'on appelle par son nom

Analogie : Machine à laver 🧺

  • Entrée : linge sale
  • Traitement : lavage
  • Sortie : linge propre
  • Utiliser 100x sans la reconstruire !
┌─────────────────┐ │ FONCTION │ │ direBonjour │ ├─────────────────┤ │ Entrée: prenom │ │ Sortie: message │ └─────────────────┘

Fonction en pseudo-code 📝

FONCTION direBonjour(prenom)
    message ← "Bonjour " + prenom
    RETOURNER message
FIN FONCTION

DÉBUT
    msg1 ← direBonjour("Marie")
    msg2 ← direBonjour("Jean")
    
    Afficher msg1  // "Bonjour Marie"
    Afficher msg2  // "Bonjour Jean"
FIN
On écrit le code 1 fois, on l'utilise partout !

Pseudo-code → JavaScript 💻

Pseudo-code :

FONCTION direBonjour(prenom)
    RETOURNER "Bonjour " + prenom
FIN FONCTION

Fonction en JavaScript

JavaScript :

function direBonjour(prenom) {
    return "Bonjour " + prenom;
}

let msg = direBonjour("Marie");
console.log(msg); // "Bonjour Marie"

Fonction avec calcul 🧮

FONCTION calculerAge(anneeNaissance)
    anneeActuelle ← 2025
    age ← anneeActuelle - anneeNaissance
    RETOURNER age
FIN FONCTION

monAge ← calculerAge(1995)
Afficher "Tu as " + monAge + " ans"
function calculerAge(anneeNaissance) {
    let anneeActuelle = 2025;
    let age = anneeActuelle - anneeNaissance;
    return age;
}

let monAge = calculerAge(1995);
console.log("Tu as " + monAge + " ans");
// "Tu as 30 ans"

Fonction = Machine ⚙️

Fonction "additionner" Entrées: a=5, b=3 ↓ ┌──────────┐ │ a + b │ └──────────┘ ↓ Sortie: 8
FONCTION additionner(a, b)
    RETOURNER a + b
FIN FONCTION

somme ← additionner(5, 3)  // 8

✨ Partie 6

Exemples Complets

Exemple 1 : Deviner un nombre 🎲

DÉBUT
    nombreSecret ← 7
    essai ← 5
    
    SI essai == nombreSecret ALORS
        Afficher "Gagné !"
    SINON SI essai < nombreSecret ALORS
        Afficher "Trop petit"
    SINON
        Afficher "Trop grand"
    FIN SI
FIN
let nombreSecret = 7;
let essai = 5;

if (essai === nombreSecret) {
    console.log("Gagné !");
} else if (essai < nombreSecret) {
    console.log("Trop petit");
} else {
    console.log("Trop grand");
}

Exemple 2 : Compter les moutons 🐑

POUR i de 1 à 10 FAIRE
    Afficher i + " mouton(s)..."
FIN POUR
Afficher "Zzz 😴"
for (let i = 1; i <= 10; i++) {
    console.log(i + " mouton(s)...");
}
console.log("Zzz 😴");

// 1 mouton(s)...
// 2 mouton(s)...
// ...
// Zzz 😴

Exemple 3 : Moyenne 📊

Pseudo-code :

FONCTION calculerMoyenne(n1, n2, n3)
    somme ← n1 + n2 + n3
    moyenne ← somme / 3
    RETOURNER moyenne
FIN FONCTION

Utilisation :

maMoyenne ← calculerMoyenne(15, 12, 18)

SI maMoyenne >= 10 ALORS
    Afficher "Admis : " + maMoyenne
SINON
    Afficher "Recalé : " + maMoyenne
FIN SI

Exemple 3 : Moyenne (JavaScript) 📊

function calculerMoyenne(n1, n2, n3) {
    let somme = n1 + n2 + n3;
    let moyenne = somme / 3;
    return moyenne;
}

let maMoyenne = calculerMoyenne(15, 12, 18);

if (maMoyenne >= 10) {
    console.log("Admis : " + maMoyenne);
} else {
    console.log("Recalé : " + maMoyenne);
}

// Admis : 15

Exemple 4 : FizzBuzz 🎯

Règle :

  • Multiple de 3 → "Fizz"
  • Multiple de 5 → "Buzz"
  • Multiple de 3 ET 5 → "FizzBuzz"
  • Sinon → le nombre
POUR i de 1 à 20 FAIRE
    SI i modulo 15 == 0 ALORS
        Afficher "FizzBuzz"
    SINON SI i modulo 3 == 0 ALORS
        Afficher "Fizz"
    SINON SI i modulo 5 == 0 ALORS
        Afficher "Buzz"
    SINON
        Afficher i
    FIN SI
FIN POUR

FizzBuzz en JavaScript 🎯

for (let i = 1; i <= 20; i++) {
    if (i % 15 === 0) {
        console.log("FizzBuzz");
    } else if (i % 3 === 0) {
        console.log("Fizz");
    } else if (i % 5 === 0) {
        console.log("Buzz");
    } else {
        console.log(i);
    }
}

// 1, 2, Fizz, 4, Buzz, Fizz, 7...
// FizzBuzz, 16, 17, Fizz, 19, Buzz
% = modulo = reste de la division

🎮 Partie 7

Exercices

Exercice 1 : Majorité ⭐

Consigne :
  • Demander l'âge
  • Si ≥ 18 : "Majeur"
  • Sinon : "Mineur"
Utilise SI / SINON

Exercice 2 : Compter jusqu'à 100 ⭐

Consigne :
Afficher tous les nombres de 1 à 100
Utilise une boucle POUR

Exercice 3 : Nombres pairs ⭐⭐

Consigne :
Afficher tous les nombres PAIRS de 0 à 20
Un nombre pair : modulo 2 == 0

Exercice 4 : Prix TTC ⭐⭐

Consigne :
Créer une fonction qui calcule le prix TTC
Formule :
Prix TTC = Prix HT × 1.20
(TVA = 20%)

Exercice 5 : Table de 9 ⭐⭐

Consigne :
Table de multiplication de 9
(de 1 à 10)
Résultat attendu : 
9 x 1 = 9
9 x 2 = 18
...
9 x 10 = 90

Exercice 6 : Somme 1 à 100 ⭐⭐⭐

Consigne :
Calculer la somme de 1 + 2 + 3 + ... + 100
Méthode :
- Variable somme = 0
- Boucle de 1 à 100
- somme = somme + i

Exercice 7 : FizzBuzz ⭐⭐⭐

Consigne :
FizzBuzz de 1 à 30

Exercice 8 : Factorielle ⭐⭐⭐

Consigne :
Calculer la factorielle d'un nombre
Exemples :
5! = 5 × 4 × 3 × 2 × 1 = 120
4! = 4 × 3 × 2 × 1 = 24

🎓 Récapitulatif

Concepts clés 🔑

Concept Pseudo-code JavaScript
Variable x ← 10 let x = 10;
Afficher Afficher "Hi" console.log("Hi");
Condition SI...ALORS...SINON if(...){} else{}
Boucle POUR POUR i de 1 à 10 for(let i=1; i<=10; i++)
Fonction FONCTION nom() function nom()

Analogies à retenir 🎯

  • 📦 Variable = Boîte avec étiquette
  • 🌳 Condition = Chemin qui se divise
  • 🔁 Boucle = Répétition automatique
  • 🧰 Fonction = Outil réutilisable
  • 🤖 Ordinateur = Enfant de 3 ans

Pourquoi le pseudo-code ? 💡

Avantages :
  • ✅ Logique avant syntaxe
  • ✅ Pas de syntaxe compliquée
  • ✅ Facile à comprendre
  • ✅ Universel (tout langage)
Règle d'or : Toujours pseudo-code AVANT de coder !

Méthode de résolution 🎯

1. COMPRENDRE le problème 2. DÉCOUPER en étapes 3. ÉCRIRE le pseudo-code 4. TESTER sur papier 5. TRADUIRE en JavaScript 6. TESTER le code

Fin du cours 🎓

À vous de coder !

Rappel :
90% réflexion logique
10% taper du code

Le pseudo-code = le 90% !