Retour aux formations
JA Officiel

JavaScript de zéro : les fondamentaux

Par DevWorkWeb

5.0 (0 avis) 7.3 h de contenu Débutant
Aperçu Contenu Avis Enseignant

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

Maîtriser la syntaxe JavaScript : variables, conditions, boucles, fonctions
Manipuler tableaux et objets efficacement
Utiliser les fonctionnalités modernes ES6+
Manipuler le DOM et réagir aux événements utilisateur
Comprendre et utiliser la programmation asynchrone (Promises, async/await)
Consommer une API externe avec fetch

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çons
1. 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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (1 questions)
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
✓ Quiz de validation (1 questions)
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
✓ Quiz de validation (1 questions)
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
✓ Quiz de validation (1 questions)
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
✓ Quiz de validation (2 questions)
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
✓ Quiz de validation (1 questions)

🎯 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

Formations similaires

D�

Développement Web : créer son premier site de A à Z

DevWorkWeb Gratuit
RE

React.js : créer sa première application moderne

DevWorkWeb Gratuit
NO

Node.js : créer sa première API REST

DevWorkWeb Gratuit