JavaScript fondamentaux : apprendre le langage du Web
JavaScript fondamentaux est un cours de niveau débutant de 6 leçons (environ 3 h 50), avec 18 exercices et 18 questions de quiz. Prérequis : Bases de la programmation et algorithmique. Les exercices s'exécutent dans le navigateur, sans installation.
- Front-end
- Débutant
- 6 leçons
- 3 h 50
- 18 exercices
- Exercices exécutés dans le navigateur
Le cours en bref
Ce cours enseigne les bases du langage JavaScript dans sa version moderne (ES2024 et au-delà), indépendamment du navigateur. Vous manipulerez variables, conditions, boucles, fonctions, tableaux et objets, apprendrez à gérer les erreurs et à organiser votre code en modules. Les exercices sont vérifiés par des tests automatiques, et le projet final consiste à écrire le moteur de calcul d'un panier d'achat.
Ce que tu sauras faire
- Déclarer des variables et manipuler les types primitifs sans pièges de conversion
- Écrire des conditions et des boucles, et utiliser ?? et ?. à bon escient
- Concevoir des fonctions pures, réutilisables et testables
- Transformer des collections avec map, filter, reduce et toSorted
- Modéliser des données en objets et échanger du JSON
- Gérer les erreurs et découper son code en modules ES
Programme des 6 leçons
- Déclarer des variables avec const et let
- Reconnaître les types primitifs et utiliser typeof
- Construire des chaînes avec les gabarits et comparer avec ===
Variables (const, let)Types primitifs JavaScriptOpérateurs et comparaisons
- 02
Conditions et boucles
- Prendre des décisions avec if/else, l'opérateur ternaire et switch
- Comprendre les valeurs truthy/falsy et les opérateurs ?? et ?.
- Répéter des instructions avec for, for...of et while
- 03
Les fonctions
- Déclarer des fonctions classiques et fléchées
- Utiliser paramètres par défaut, paramètres rest et valeurs de retour
- Comprendre la portée des variables et les fonctions passées en argument
- 04
Les tableaux et leurs méthodes
- Créer, lire et modifier des tableaux
- Transformer des données avec map, filter, reduce, find, some et every
- Trier et copier sans modifier l'original (toSorted, spread)
TableauxMéthodes de tableaux (map, filter, reduce)Copie et immuabilité
- 05
Les objets et JSON
- Créer et manipuler des objets (propriétés, méthodes, accès dynamique)
- Décomposer, copier et fusionner des objets
- Parcourir un objet et convertir des données en JSON
- 06
Gérer les erreurs et organiser son code en modules
- Lever et intercepter des erreurs avec throw, try/catch/finally
- Valider des données en entrée de fonction
- Découper un programme en modules ES (import/export)
Projet final
Moteur de calcul d'un panier d'achat
Écrivez, sous forme de module JavaScript sans interface, la logique complète d'un panier : ajout et retrait d'articles, modification de quantités, calcul du sous-total, des frais de livraison par paliers, de la TVA et d'un code promo, puis export du panier en JSON et rechargement depuis un JSON. Toutes les fonctions sont pures et valident leurs entrées.
Livrables
- Un fichier panier.js exportant au moins 6 fonctions (ajouter, retirer, changerQuantite, sousTotal, total, exporter/importer)
- Un fichier de tests utilisant node:assert couvrant les cas normaux et les cas d'erreur
- Un court README décrivant le format JSON du panier
Critères d'évaluation
- Montants calculés en centimes entiers, sans erreur d'arrondi
- Aucune fonction ne modifie le panier reçu (copies avec spread, map, filter)
- Entrées invalides rejetées par des erreurs explicites (RangeError, TypeError)
- Import d'un JSON invalide géré proprement avec try/catch
- Utilisation pertinente de map, filter, reduce, décomposition et ??
- Code découpé en fonctions courtes aux noms explicites, exportées en modules ES
Questions fréquentes
Faut-il connaître HTML et CSS pour suivre ce cours JavaScript ?
Non : ce cours porte sur le langage lui-même et ses exercices s'exécutent sans page web. Il faut seulement connaître les bases de la programmation (variables, conditions, boucles), vues dans le cours d'algorithmique. HTML et CSS seront nécessaires pour le cours DOM et événements.
Ce cours enseigne-t-il le JavaScript moderne ?
Oui : const et let, fonctions fléchées, décomposition, spread, ?? et ?., toSorted (ES2023), Object.groupBy (ES2024) et modules ES. Les anciennes pratiques comme var sont signalées comme à éviter.
Comment sont corrigés les exercices ?
Chaque exercice de code est vérifié par des tests automatiques exécutés avec Node.js. Vous voyez immédiatement quels tests passent et des indices sont proposés en cas de blocage.
Quelle est la suite après JavaScript fondamentaux ?
Le cours DOM et événements applique ces notions dans le navigateur, puis le cours JavaScript asynchrone aborde les promesses, fetch et les API.
Ce cours, raconté pour ton métier
Dis ce que tu veux savoir faire : « JavaScript fondamentaux » prend sa place dans ton parcours, avec des exemples de ton secteur. Les notions restent celles du cours.