Créez votre première application web avec une API en JavaScript
À propos du cours
Vos pages web sont statiques ? Donnez-leur vie ! Apprenez à connecter votre application à des données réelles via une API externe.
Vous maîtrisez le HTML et le CSS, et vous vous débrouillez avec le JavaScript côté navigateur. Mais pour l’instant, tout le contenu de vos sites est “codé en dur”. Vous vous demandez comment font les sites modernes pour afficher des données qui changent tout le temps (météo, listes de produits, profils utilisateurs) sans recharger la page ?
La réponse tient en trois lettres : A P I.
Dans ce cours pratique, nous allons nous concentrer sur la compétence la plus essentielle pour un développeur moderne : savoir dialoguer avec un Back-end existant.
Nous allons construire une application web concrète en utilisant l’excellente API publique et gratuite REST Countries. Vous apprendrez à récupérer des données distantes et à les transformer en une interface utilisateur attractive et dynamique.
Ce que vous allez apprendre dans ce cours :
-
Comprendre les APIs REST : Qu’est-ce qu’une API et découvrir le format de données JSON, découvrir l’API REST Countries via l’URL
https://restcountries.com/ -
Maîtriser la communication asynchrone en JS :
-
Toucher l’API avec
fetch. -
Utiliser la syntaxe
async/awaitpour écrire du code asynchrone lisible.
-
-
Manipulation dynamique du DOM :
-
Récupérer les données brutes de l’API et les traiter en JavaScript (boucles, filtres).
-
Générer du HTML à la volée pour créer des cartes de pays, afficher les drapeaux et les statistiques directement dans la page.
-
Contenu du cours
Introduction et Mise en place
-
Bienvenue dans le cours
-
Présentation du projet : African Map
-
La boîte à outils du développeur moderne
Module 1 : Les fondations théoriques (Comprendre avant de coder)
Module 2 : Le cœur du réacteur – JavaScript Asynchrone
Module 3 : Projet Phase 1 – Connexion et Rendu initial
Module 4 : Projet Phase 2 – Interactivité et Filtrage dynamique
Notes et avis de l’apprenant
