⚡ Cours

JavaScript

De zéro à un niveau solide. DOM, événements, conditions, switch, boucles, fonctions. Chaque leçon a un devoir pratique.

📹 47 leçons
🇫🇷 FR
🎯

💡 Le devoir de chaque leçon est directement sur la page (bouton de téléchargement en bas).

🔤 Bases du langage 1–3
1
Les variables en JavaScript (let)
2
Les types de données en JavaScript
3
La conversion de types en JavaScript
🧱 Bases du DOM 4–12.3
4
querySelector ou comment sélectionner une balise en js (innerHTML en JavaScript)
5
Ajouter un comportement au clic sur un bouton en JavaScript ( onclick )
6
Qu'est-ce que += ou la réécriture (onClick en JavaScript)
7
Comment récupérer les données d'un champ de saisie ( input value en JavaScript )
8
Input value ( type number ) en JavaScript ( += )
9
Input ( date, color ) en JavaScript ( style.background )
10
L'événement onchange sur input type range ( utilisation de style width et height en JavaScript )
11
L'événement onchange sur select option ( JavaScript )
12.1
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
12.2
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
12.3
innerHTML, input, select, value, querySelector, function, onclick, += (JavaScript)
🔀 Conditions 13–17
13
Les conditions if else en JavaScript
14
L'opérateur === et if else en JavaScript
15
Les opérateurs if, else, else if en JavaScript
16
Les opérateurs de comparaison > >= < <= == === != (JavaScript)
17
Les opérateurs logiques && |
🚀 Mini-projets 18–25
18
Créer un simulateur de dépôt bancaire à partir de zéro (Math.round)
Projet
19
Mini-projet Resize Ball - Redimensionner une balle
Projet
20
Mini-projet : changer la taille et la couleur
Projet
25
Créons une mini boutique en ligne avec son propre programme de réduction
Projet
⚙️ Switch 21–26.5
21
Qu'est-ce que switch et pourquoi il faut le connaître
22
Qu'est-ce que default dans switch et l'événement oninput
23
Pourquoi break est nécessaire dans switch
24
Créons un convertisseur d'unités avec switch
Projet
26.1
switch, case, default, if, else if, else, oninput
26.2
switch, case, default, if, else if, else, oninput
26.3
switch, case, default, if, else if, else, oninput
26.4
switch, case, default, if, else if, else, oninput
26.5
switch, case, default, if, else if, else, oninput
🔄 Boucles 27–40.3
27
Qu'est-ce qu'une boucle et comment fonctionne for, et pourquoi les boucles infinies sont dangereuses
28
Comment utiliser la boucle for pour travailler avec le HTML
29
Les littéraux de gabarit dans la boucle for ``, incrémentation et décrémentation
30
Générateur de table de multiplication, pratique de for
Projet
31
Générateur de cartes produits, pratique de for
Projet
32
Générateur d'étoiles de notation, pratique de for
Projet
33
Emoji Generator, pratique de for
Projet
34
La boucle while et sa syntaxe d'utilisation
35
Les boucles for imbriquées
36
Boucles for imbriquées, intégration dans le HTML
37
Boucles for imbriquées, intégration dans le HTML
38
Boucles for imbriquées, Price Matrix
39.1
Calculateur de poids du sac à dos 1, pratique
39.2
Calculateur de poids du sac à dos 2, pratique
40.1
Comment fonctionne for et ce que c'est
40.2
Comment fonctionne for et ce que c'est
40.3
Comment fonctionne for et ce que c'est
🧩 Fonctions (Module 2) 41–47.3
41
Qu'est-ce qu'une fonction et comment utiliser les arguments
42
String (length, toLowerCase, toUpperCase) et arguments
43
Le scope, ou comment fonctionne le compilateur
44
Qu'est-ce que return et pourquoi en avons-nous besoin
45.1
Calculateur de prix de course en taxi, pratique
Pratique
45.2
Calculateur de prix de course en taxi, partie 2 — complexification
Pratique
46.1
Calculateur de coût de livraison de colis, pratique
Pratique
46.2
Calculateur de coût de livraison de colis, partie 2 — complexification
Pratique
46.3
Calculateur de coût de livraison de colis, partie 3 — complexification
Pratique
47.1
Calculateur de prix de billets de concert, pratique
Pratique
47.2
Calculateur de prix de billets de concert, partie 2 — complexification
Pratique
47.3
Calculateur de prix de billets de concert, partie 3 — complexification
Pratique