JavaScript : les bases · Cours complet de JavaScript
Des instructions de base aux pages interactives : variables, conditions, boucles, fonctions, DOM et événements
- Teacher : none yet
- Beginner
- 1 student
About this course
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.
Syllabus · 114 lessons
JavaScript 1 · Introduction à JavaScript
- Introduction à JavaScript · Texte free preview
- 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 · Code exercise
- 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 · Code exercise
- 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 · Code exercise
- 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 · Code exercise
- 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 · Code exercise
- Quiz : Les fonctions · Quiz
- Devoir 1 : la calculatrice de notes · Graded assignment
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 · Code exercise
- 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 · Code exercise
- Quiz : Les objets · Quiz
- Devoir 2 : la logique de la liste de tâches · Graded assignment
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 · Code exercise
- 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 · Code exercise
- Quiz : Les événements · Quiz
- Devoir 3 : l'interface de la liste de tâches · Graded assignment
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 · Code exercise
- Quiz : L'asynchrone, les API et le stockage · Quiz
- Devoir 4 : enregistrer les tâches · Graded assignment
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 · Code exercise
- Quiz : Les classes, les modules et les bonnes pratiques · Quiz
- Devoir final : la liste de tâches complète · Graded assignment
Student reviews
No reviews yet.