JavaScript de zéro : les fondamentaux
Par DevWorkWeb
Ce cours enseigne JavaScript en partant de zéro : pas besoin d'avoir déjà programmé. Chaque notion (variables, boucles, fonctions, tableaux, objets) est illustrée par de petits exercices, avant d'aborder la manipulation du DOM, les événements, puis la programmation asynchrone et les appels à des API externes.
Ce que vous allez apprendre
Prérequis
Connaître les bases du HTML et du CSS (niveau du cours « Développement Web »).
Public cible
- • Débutants ayant déjà les bases HTML/CSS et souhaitant ajouter l'interactivité
- • Développeurs venant d'un autre langage et découvrant JavaScript
Programme détaillé
12 modules · 41 leçons1. Variables 3 leçons
Les trois façons de déclarer une variable en JavaScript, leur portée et les bonnes pratiques de nommage.
- let, const et var : quelles différences ? 10 min
- Portée des variables (scope) 12 min
- Bonnes pratiques de nommage 8 min
2. Types 3 leçons
Les types de données primitifs de JavaScript et comment convertir de l'un à l'autre.
- Types primitifs (string, number, boolean, null, undefined) 12 min
- Conversion de types (type coercion) 10 min
- L'opérateur typeof 6 min
3. Conditions 3 leçons
Exécuter du code différemment selon des conditions : if/else, switch, et les opérateurs logiques.
- if / else / else if 10 min
- switch 8 min
- Opérateurs logiques et ternaire 10 min
4. Boucles 4 leçons
Répéter des instructions avec for, while et les boucles adaptées aux tableaux et objets.
- La boucle for 10 min
- while et do...while 10 min
- for...of et for...in 10 min
- break et continue 6 min
5. Fonctions 4 leçons
Regrouper du code réutilisable dans des fonctions, avec la syntaxe classique et les arrow functions.
- Déclarations et expressions de fonction 12 min
- Arrow functions 10 min
- Paramètres par défaut et rest 10 min
- Portée et introduction aux closures 10 min
6. Arrays 4 leçons
Créer, parcourir et transformer des tableaux avec les méthodes modernes map, filter et reduce.
- Créer et manipuler un tableau 10 min
- map, filter, reduce 18 min
- forEach et itération 8 min
- Trier et rechercher dans un tableau 10 min
7. Objects 3 leçons
Représenter des données structurées avec des objets, et extraire leurs valeurs avec le destructuring.
- Créer et manipuler un objet 10 min
- Destructuring 10 min
- Méthodes d'objet et le mot-clé this 12 min
8. ES6+ 4 leçons
Les fonctionnalités modernes de JavaScript : template literals, spread/rest, modules et une première approche des classes.
- Template literals 8 min
- Spread et rest operator 12 min
- Modules (import / export) 12 min
- Introduction aux classes 12 min
9. DOM 3 leçons
Sélectionner et modifier les éléments d'une page depuis JavaScript.
- Sélectionner des éléments (querySelector) 10 min
- Modifier le DOM (contenu, styles, attributs) 12 min
- Créer des éléments dynamiquement 12 min
10. Events 3 leçons
Réagir aux actions de l'utilisateur : clics, saisie, soumission de formulaire.
- addEventListener 10 min
- L'objet event et la délégation d'événements 14 min
- Rendre un formulaire interactif 12 min
11. Async / Await 4 leçons
Comprendre pourquoi certaines opérations sont asynchrones, et comment les gérer proprement avec Promises et async/await.
- Callbacks et leurs limites 10 min
- Les Promises 14 min
- async / await 14 min
- Gérer les erreurs avec try/catch 10 min
12. Fetch API 3 leçons
Communiquer avec une API externe depuis le navigateur : requêtes GET, POST, et gestion des réponses.
- Faire une requête GET avec fetch 12 min
- Envoyer des données avec POST 12 min
- Gérer les réponses et les erreurs API 12 min
🎯 Projet final
Application météo avec API
Le projet fil rouge consiste à construire une application qui interroge une API météo publique et affiche les résultats dynamiquement, sans recharger la page.
- Accès à vie
- Certificat inclus
- Exercices pratiques
- Mises à jour gratuites