JS 1/3. Contacter une API via une fonction asynchrone (Async/Await)
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO JS 1/3. Contacter une API via une fonction asynchrone (Async/Await)

Carl Brison
Vente flash ! -25% Jusqu'au 19 mars, 11:40
14,90€19,90€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Apprenez à interagir avec les API et développez une application dynamique !

Dans le monde du développement web moderne, les API sont essentielles pour récupérer et afficher des données en temps réel. Cette formation vous guide pas à pas pour comprendre et exploiter pleinement ces concepts en JavaScript.

Ce que vous allez apprendre :

Chapitre 1 : Opérations synchrones et asynchrones (29 min)

  • ✅ Comprendre la différence entre opérations synchrones et asynchrones
  • ✅ Apprendre à appeler un fichier JSON
  • Gérer les erreurs pour des requêtes robustes
  • ✅ Comparer XMLHttpRequest, API fetch et async/await

Chapitre 2 : Exercice d’application (43 min)

  • 🎯 Mise en place d’un projet pratique : afficher dynamiquement des données API
  • ✅ Structurer le projet avec HTML et CSS
  • ✅ Afficher une liste d’éléments récupérée depuis une API
  • Manipuler les ID pour récupérer des détails spécifiques
  • ✅ Ajouter un loader pour améliorer l’expérience utilisateur

Pourquoi suivre cette formation ?

  • Accessible aux débutants : concepts expliqués clairement et mis en pratique
  • Projet concret : appliquez vos connaissances sur un vrai cas d’usage
  • Code source inclus : expérimentez et réutilisez le code
  • Support et entraide : posez vos questions, le formateur vous accompagne

Prêt à faire passer vos compétences JavaScript au niveau supérieur ? Rejoignez la formation dès maintenant 📢
 

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Opérations synchrones et asynchrones
Chapitre 2
Exercice d'application
Chapitre 3
Conclusion

Plan détaillé du cours

Chapitre 1 : Opérations synchrones et asynchrones
29m18
 
Leçon 1C'est quoi une opération synchrone ?
Leçon 2C'est quoi une opération asynchrone ?
Leçon 3Appeler un fichier JSON
Leçon 4Gérer les erreurs
Leçon 5Comparaison entre XMLHttpRequest, API Fetch et async/await
Chapitre 2 : Exercice d'application
43m47
 
Leçon 1Présentation du Job
Leçon 2Mise en place du HTML
Leçon 3Mise en place du CSS
Leçon 4Afficher la liste des races
Leçon 5Récupérer l'id de la race
Leçon 6Afficher la photo correspondante
Leçon 7Ajouter un loader
Chapitre 3 : Conclusion
01m54
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
1
Apprenant
1
Commentaire
5/5
Note moyenne
5/5
1
4/5
0
3/5
0
2/5
0
1/5
0
Alain Tardif
Alain Tardif
Publié le 14/03/2025
Merci Carl pour ce cours sur la connexion aux API avec Async/Await en JavaScript ! J’ai particulièrement apprécié votre explication sur la gestion des requêtes asynchrones et l’intégration des données dans le DOM. L’utilisation du couple try/catch pour sécuriser les appels API est un vrai plus, car il permet d’anticiper les erreurs et d’assurer une meilleure expérience utilisateur. L’exemple avec TheDogAPI était parfait pour comprendre la dynamique entre récupération de données et affichage interactif. Une approche claire et efficace que je vais appliquer dans mes projets. Validé 100%.
Carl Brison
Carl Brison
Merci beaucoup Alain, pour votre commentaire très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source de l'exercice

Payer plus tard

Prix d'achat : 14,00 €
Pour payer plus tard, sélectionnez Klarna comme moyen de paiement lors du règlement.

Ajoutez des articles à votre panier

Sélectionnez Klarna lors du règlement

Recevez une autorisation

Payez dans 30 jours

Klarna : conditions d'utilisation du paiement différé.

Attendez ! 🤗

Accédez à plus de 1453 tutos gratuits

Notre politique de protection des données