2/4. Contacter une Api météo avec Fetch de JavaScript
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles

TUTO 2/4. Contacter une Api météo avec Fetch de JavaScript

Carl Brison
34,90€
Acheter maintenant, payer plus tard. En savoir plus

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Maîtrisez Fetch pour Contacter une API Météo en JavaScript

Dans cette formation vidéo, découvrez comment interagir avec une API météo en utilisant JavaScript et la méthode fetch.
Je vous encourage à suivre le premier tuto consacré à l'API Fetch

Que vous soyez débutant ou que vous souhaitiez renforcer vos compétences en développement web, cette formation est conçue pour vous guider pas à pas dans la réalisation d'un projet concret.

Nous aborderons :

  • Comment configurer une requête fetch pour appeler une API.
  • L'utilisation des clés API pour accéder aux données météo.
  • Le traitement des réponses JSON pour afficher les informations sur une interface utilisateur.
  • Les bonnes pratiques pour gérer les erreurs et optimiser vos appels réseau.

À la fin de cette formation, vous serez capable de créer une application météo simple, pratique et élégante, tout en approfondissant votre compréhension des concepts fondamentaux de JavaScript et des API web.

En bonus, nous verrons comment sécuriser la clé API.
Je mets les codes de ce projet à votre disposition.

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Contacter une Api météo
Chapitre 2
Bonus

Plan détaillé du cours

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

Aperçus

Avis des apprenants

Détail des avis
9
Apprenants
3
Commentaires
5/5
Note moyenne
5/5
3
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 11/02/2025
Merci pour ce tutoriel très explicite sur l'utilisation pratique de l'api Fetch. Comme toujours très pédagogique et clair. Didier
Carl Brison
Carl Brison
Merci beaucoup Didier, c'est très gentil ;-)
Jean Philippe
Jean Philippe
Publié le 07/02/2025
Bonjour et merci pour ce tutoriel, que j'ai trouvé instructif et génial !
Carl Brison
Carl Brison
Merci beaucoup, c'est super gentil ;-)
Philippe Piatti
Philippe Piatti
Publié le 01/02/2025
Merci Carl pour cette suite d'API cela me donne du pain sur la planche mais c'est passionnant ... par contre il va falloir que je bosse mon PHP ... encore une fois les explications sont super claires et donne envie de continuer ! Merci Carl 😊👍
Carl Brison
Carl Brison
Merci beaucoup Philippe, Je suis très content que cela t'ai plu ;-)

Vos questions sur le cours

Que contient le fichier source ?

Le code source de l'exercice

Quel est le niveau requis pour suivre ce tuto ?

débutant

Payer plus tard

Prix d'achat : 34,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 1448 tutos gratuits

Notre politique de protection des données