Module 1 : Introduction à JavaScript
1.1 — Premiers pas en JavaScript Aperçu
Module 2 : Opérateurs et conditions
2.1 — Conditions et logique Aperçu
Module 3 : Fonctions et portée
3.1 — Écrire et utiliser des fonctions Aperçu
Module 4 : Boucles et tableaux
4.1 — Tableaux et boucles Aperçu
Module 5 : Objets et JSON
5.1 — Objets JavaScript Aperçu
Module 6 : DOM — Sélectionner des éléments
6.1 — Le DOM et les sélecteurs Aperçu
Module 7 : DOM — Modifier le contenu et le style
7.1 — Modifier la page Aperçu
Module 8 : Événements
8.1 — Écouter les événements Aperçu
Module 9 : Formulaires dynamiques et validation
9.1 — Validation avancée Aperçu
Module 10 : API Fetch — Requêtes HTTP
10.1 — Fetch et async/await Aperçu
Module 11 : Manipulation de données — filter, map, reduce
11.1 — Filter, Map, Reduce Aperçu
Module 12 : Stockage local — localStorage
12.1 — Persister des données Aperçu
Module 13 : Modules et organisation du code
13.1 — Modules ES6 Aperçu
Module 14 : Projet final — Site interactif complet
14.1 — Application web interactive Aperçu

Le reste de la formation est réservé aux inscrits.

S'inscrire gratuitement
Module 10 : API Fetch — Requêtes HTTP Aperçu gratuit

10.1 — Fetch et async/await

📋 Objectifs d'apprentissage

  • Faire une requête GET avec fetch()
  • Utiliser async/await
  • Envoyer des données avec POST
  • Gérer les erreurs avec try/catch
🌐 fetch() — Requêtes HTTP const response = await fetch("https://api.exemple.com/users"); const data = await response.json(); console.log(data); // [{nom: "Jean"}, ...]

Fetch en 3 étapes

async function getUsers() {
    try {
        const response = await fetch("https://jsonplaceholder.typicode.com/users");
        const users = await response.json();
        console.log(users);
    } catch (error) {
        console.error("Erreur :", error);
    }
}

POST : envoyer des données

const response = await fetch("https://api.site.com/users", {
    method: "POST",
    headers: { "Content-Type": "application/json" },
    body: JSON.stringify({ nom: "Jean", age: 25 })
});

💡 API publique gratuite

JSONPlaceholder (jsonplaceholder.typicode.com) fournit de fausses APIs pour tester. /users, /posts, /comments... Idéal pour apprendre fetch sans créer de serveur.

Ceci est un aperçu gratuit.
Voir la formation complète