1/4. Appeler et gérer facilement des APIs grâce à l'API Fetch
1/4. Appeler et gérer facilement des APIs grâce à l'API Fetch
Plongez dans une formation complète et pratique pour maîtriser l'API Fetch en JavaScript !
Dans ce cours en ligne, nous vous guiderons étape par étape pour apprendre à contacter des APIs, manipuler les données reçues et les afficher de manière dynamique sur votre site web.
Dans ce Bundle : Contacter des APIs grâce à l'API Fetch de JavaScript
Ce que vous apprendrez :
- Les bases de l'API Fetch : comprendre son fonctionnement et l'utiliser efficacement.
- Manipuler les promesses avec
fetch,then, et les alternatives pour une gestion fluide et performante. - Réaliser des opérations CRUD (Create, Read, Update, Delete) avec des APIs.
Exercices pratiques :
- Intégrer une API météo pour afficher des données en temps réel.
- Explorer une API d'images et afficher du contenu visuel.
- Travailler avec une API complète pour mettre en œuvre le CRUD et construire des fonctionnalités interactives.
Que vous soyez débutant ou souhaitiez approfondir vos compétences, cette formation offre des exercices concrets et des explications claires pour vous permettre de développer des projets web modernes et captivants.
Rejoignez-nous dès maintenant pour maîtriser l'API Fetch et donner vie à vos idées web !
Cours dans ce bundle
2/4. Contacter une Api météo avec Fetch de JavaScript
2/4. Contacter une Api météo avec Fetch de JavaScript
3/4. Api Fetch JS. Contacter des données non textuelles
3/4. Api Fetch JS. Contacter des données non textuelles
4/4. Appeler une API et effectuer le CRUD
4/4. Appeler une API et effectuer le CRUD
Plan détaillé des cours
Chapitre 1 : Rappels fondamentaux
35m14
Leçon 1L'objet XMLHttpRequest
Leçon 2Le langage Json
Leçon 3Les bases du Json
Leçon 4Les booléens
Leçon 5Les clés
Leçon 6Les tableaux
Leçon 7Les objets
Leçon 8Compléments
Leçon 9Tableaux d'objets
Chapitre 2 : L'API Fetch
18m59
Leçon 1Présentation de l'API Fetch
Leçon 2Utilisation de la méthode fetch
Leçon 3Ajouter une attente de réponse
Leçon 4Boucler sur les réponses
Chapitre 3 : Exercice d'application
43m
Leçon 1Appel d'une API
Leçon 2Afficher le nom du pays recherché et sa capitale
Leçon 3Afficher le drapeau du pays recherché
Leçon 4Mettre en forme les datas reçues
Leçon 5Contrôle du retour de l'API
Leçon 6Sécuriser notre programme
Chapitre 4 : Conclusion
01m17
Leçon 1Conclusion
Chapitre 1 : Contacter une Api météo
1h50
Leçon 1S'inscrire sur une API Météo
Leçon 2Tester l'API météo
Leçon 3Envoyer une ville à l'API météo
Leçon 4Donner une ambiance à notre site
Leçon 5Mettre en forme le champ de recherche
Leçon 6Déclarer une boîte Ville
Leçon 7Afficher la date du jour
Leçon 8Afficher une image météo
Leçon 9Mettre en forme la température
Leçon 10Afficher la température depuis l'API
Leçon 11Mettre en forme le vent
Leçon 12Afficher la vitesse du vent depuis l'API
Leçon 13Sécuriser notre programme
Leçon 14Correction d'une erreur d'identifiant
Leçon 15Mettre en place un loader
Chapitre 2 : Bonus
09m56
Leçon 1Sécuriser la clé API
Leçon 2Conclusion
Chapitre 1 : Contacter des données non textuels
11m53
Leçon 1Présentation de la méthode Blob
Leçon 2Contacter une image
Chapitre 2 : Exercice : Contacter l'API d'images de pexels
53m25
Leçon 1Mise en place des bases
Leçon 2Découvrir l'Api de Pexels
Leçon 3Construire une fonction
Leçon 4Afficher les images
Leçon 5Mettre en place une animation d'attente
Leçon 6Protéger la clé Api
Leçon 7Initialiser une session cUrl
Chapitre 3 : Résumé de ce que nous avons appris
02m07
Leçon 1Résumé de ce que nous avons appris
Chapitre 1 : Fetch. Les autres méthodes
24m50
Leçon 1Présentation
Leçon 2Utiliser la méthode POST
Leçon 3Utiliser la méthode PUT
Leçon 4Utiliser la méthode PATCH
Leçon 5Utiliser la méthode DELETE
Chapitre 2 : Exercice d'application concret
2h31
Leçon 1Mettre en place les bases du projet
Leçon 2Créer le formulaire d'insertion
Leçon 3Mettre en forme le formulaire d'insertion
Leçon 4Créer une promesse d'insertion
Leçon 5Afficher un message d'insertion
Leçon 6Afficher la valeur des datas insérées
Leçon 7Ajouter un loader
Leçon 8Contrôler le formulaire d'insertion
Leçon 9Créer le formulaire de modification
Leçon 10Contrôler le formulaire de modification
Leçon 11Créer une promesse de modification
Leçon 12Dynamiser le menu déroulant
Leçon 13Créer une fonction d'affichage d'un Post
Leçon 14Afficher les datas dans les champs du formulaire
Leçon 15Créer une fonction d'affichage de tous les Posts
Leçon 16Récupérer le nom du fichier courant
Leçon 17Afficher le titre de chaque Post
Leçon 18Adapter notre CSS
Leçon 19Ajouter un formulaire de suppression
Leçon 20Ajouter du CSS
Leçon 21Supprimer un Post
Chapitre 3 : Conclusion
01m39
Leçon 1Conclusion
