JavaScript : les bases · Cours complet de JavaScript
Des instructions de base aux pages interactives : variables, conditions, boucles, fonctions, DOM et événements
- Professeur : aucun pour le moment
- Débutant
- 1 étudiant
À propos de ce cours
La formation JavaScript pour débutants, sur le même modèle que le cours de Python : chaque notion suit le plan définition, syntaxe, exemples. Les instructions de base (console.log, variables et types, opérateurs, conditions, boucles, fonctions, tableaux, objets), puis JavaScript dans la page (le DOM et les événements), et le JavaScript moderne (asynchrone, fetch et API, localStorage, classes et modules). Des exercices à la fin de chaque chapitre, des exercices de code corrigés automatiquement, un quiz par chapitre, et des devoirs corrigés par le professeur pour construire une application de liste de tâches. Prérequis conseillé : la formation HTML et CSS.
Programme · 114 leçons
JavaScript 1 · Introduction à JavaScript
- Introduction à JavaScript · Texte aperçu gratuit
- Le programme de la formation · Texte
- Où écrire du JavaScript · Texte
- La fonction console.log · Texte
- Les commentaires et les instructions · Texte
- Les exercices sur l'introduction · Texte
- Code : votre premier programme · Exercice de code
- Quiz : Introduction à JavaScript · Quiz
JavaScript 2 · Les variables et les types de données
- Les variables : let · Texte
- Les constantes : const · Texte
- Les règles de nommage · Texte
- Les types de données et typeof · Texte
- Les chaînes de caractères et la concaténation · Texte
- Les gabarits (template literals) · Texte
- Les méthodes des chaînes · Texte
- Les nombres et l'objet Math · Texte
- Les conversions de type · Texte
- Les exercices sur les variables et les types · Texte
- Code : se présenter avec un gabarit · Exercice de code
- Quiz : Les variables et les types de données · Quiz
JavaScript 3 · Les opérateurs et les conditions
- Les opérateurs arithmétiques · Texte
- Les opérateurs d'affectation · Texte
- Les opérateurs de comparaison · Texte
- Les opérateurs logiques · Texte
- Condition simple : if · Texte
- Condition multiple : if else · Texte
- Condition multiple : if else if … else · Texte
- Conditions imbriquées · Texte
- Condition ternaire · Texte
- Condition switch · Texte
- Les exercices sur les conditions · Texte
- Code : la mention d'une note · Exercice de code
- Quiz : Les opérateurs et les conditions · Quiz
JavaScript 4 · Les boucles
- Les structures répétitives · Texte
- La boucle for · Texte
- La boucle for imbriquée · Texte
- La boucle while · Texte
- La boucle do…while · Texte
- La boucle for…of · Texte
- Les structures de contrôle : break et continue · Texte
- Les exercices sur les boucles · Texte
- Code : table de multiplication et somme · Exercice de code
- Quiz : Les boucles · Quiz
JavaScript 5 · Les fonctions
- Qu'est-ce qu'une fonction ? · Texte
- Définition et appel de la fonction · Texte
- La valeur de retour : return · Texte
- Les paramètres par défaut · Texte
- La portée des variables · Texte
- Les fonctions fléchées · Texte
- Les fonctions de rappel (callbacks) · Texte
- Les exercices sur les fonctions · Texte
- Code : trois fonctions fléchées · Exercice de code
- Quiz : Les fonctions · Quiz
- Devoir 1 : la calculatrice de notes · Devoir noté
JavaScript 6 · Les tableaux
- Créer un tableau et accéder aux éléments · Texte
- Ajouter et supprimer des éléments · Texte
- Rechercher dans un tableau · Texte
- Parcourir un tableau : forEach · Texte
- Transformer un tableau : map · Texte
- Filtrer un tableau : filter et find · Texte
- Réduire un tableau : reduce · Texte
- Trier un tableau : sort · Texte
- Les exercices sur les tableaux · Texte
- Code : statistiques des notes · Exercice de code
- Quiz : Les tableaux · Quiz
JavaScript 7 · Les objets
- Créer un objet · Texte
- Lire et modifier les propriétés · Texte
- Les méthodes et le mot-clé this · Texte
- Parcourir un objet · Texte
- Les tableaux d'objets · Texte
- La décomposition et la propagation · Texte
- Le format JSON · Texte
- Les exercices sur les objets · Texte
- Code : le total d'un panier · Exercice de code
- Quiz : Les objets · Quiz
- Devoir 2 : la logique de la liste de tâches · Devoir noté
JavaScript 8 · Le DOM : modifier la page
- Qu'est-ce que le DOM ? · Texte
- Sélectionner un élément · Texte
- Sélectionner plusieurs éléments · Texte
- Modifier le texte et le contenu HTML · Texte
- Modifier les attributs et les champs · Texte
- Modifier le style et les classes · Texte
- Créer, ajouter et supprimer des éléments · Texte
- Les exercices sur le DOM · Texte
- Code : afficher une liste depuis un tableau · Exercice de code
- Quiz : Le DOM : modifier la page · Quiz
JavaScript 9 · Les événements
- Réagir à un événement : addEventListener · Texte
- Les principaux événements · Texte
- L'objet événement · Texte
- Les formulaires : submit et preventDefault · Texte
- La délégation d'événements · Texte
- Les exercices sur les événements · Texte
- Code : un compteur avec trois boutons · Exercice de code
- Quiz : Les événements · Quiz
- Devoir 3 : l'interface de la liste de tâches · Devoir noté
JavaScript 10 · L'asynchrone, les API et le stockage
- Le code asynchrone : setTimeout · Texte
- Répéter : setInterval · Texte
- Les promesses, async et await · Texte
- Gérer les erreurs : try et catch · Texte
- Récupérer des données : fetch et les API · Texte
- Enregistrer dans le navigateur : localStorage · Texte
- Les exercices sur l'asynchrone · Texte
- Code : attendre avec await · Exercice de code
- Quiz : L'asynchrone, les API et le stockage · Quiz
- Devoir 4 : enregistrer les tâches · Devoir noté
JavaScript 11 · Les classes, les modules et les bonnes pratiques
- Les classes et les objets · Texte
- L'héritage : extends et super · Texte
- Lancer une erreur : throw · Texte
- Les modules : import et export · Texte
- Déboguer et bonnes pratiques · Texte
- Les exercices sur les classes et les modules · Texte
- Code : une classe CompteBancaire · Exercice de code
- Quiz : Les classes, les modules et les bonnes pratiques · Quiz
- Devoir final : la liste de tâches complète · Devoir noté
Avis des étudiants
Aucun avis pour le moment.