Coder une app 'qualité de l'air' sur navigateur
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Coder une app "qualité de l'air" sur navigateur

Enzo Ustariz

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce cours vidéo gratuit dédié à Javascript, nous allons coder ensemble une application permettant d'afficher le niveau de pollution de votre localisation !

Au programme de ce tuto créer une app Qualité de l'air en javascript

  • Nous coderons tout de A à Z, de la structure de base HTML, jusqu'au style CSS, en finissant par les fonctionnalités JavaScript.
  • Savoir manipuler des données en JavaScript est crucial pour tout développeur. C'est pourquoi nous allons utiliser la méthode fetch() afin d'envoyer des requêtes HTTP permettant de récupérer des données.
  • L'API que nous utiliserons se nomme IQair, et bonne nouvelle, elle est gratuite.

Ce genre de projet est parfait pour vous faire gagner en compétence en développement web, on y voit beaucoup de notions clés.

Comme d'habitude, le code source sera fourni, ainsi que le code de départ.

Suivant votre niveau, vous pouvez tenter de créer ce projet tout seul, de votre côté, ou alors suivre l'entièreté du cours en codant avec moi.
Libre à vous d'en faire ce que vous voulez ensuite, en tant qu'aide-mémoire ou dans de futurs projets.
La seule chose interdite est d'en refaire un cours / tuto sur le web, c'est évident.

Pré-requis pour développer cette app

En tant que prérequis, de simples connaissancess en HTML-CSS-JS sont un plus, mais j'explique de toute façon chaque ligne de code en détail.
Rendez-vous de l'autre côté pour commencer à coder !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Introduction
Leçon 2
Coder l'HTML et obtenir la clé d'API
Leçon 3
Coder le CSS
Leçon 4
Obtenir et aficher les données
Leçon 5
Ajouter un loader
Leçon 6
Gérer les erreurs

Plan détaillé du cours

Leçon 1Introduction
02m04s
Leçon 2Coder l'HTML et obtenir la clé d'API
06m43s
Leçon 3Coder le CSS
15m43s
Leçon 4Obtenir et aficher les données
20m52s
Leçon 5Ajouter un loader
05m52s
Leçon 6Gérer les erreurs
13m08s

Avis des apprenants

Détail des avis
195
Apprenants
6
Commentaires
4,7/5
Note moyenne
5/5
5
4/5
0
3/5
1
2/5
0
1/5
0
Membre-9960-8959
Membre-9960-8959
Publié le 09/02/2024
merci Enzo pour ce super tuto clair et précis!
Cslu
Cslu
Publié le 31/03/2023
Tuto très agréable à suivre, avec un résultat visuel rapide ce qui est certainement motivant pour les débutants. Des notions importantes sont abordées de manière simple. Bravo.
Membre-8659-7897
Membre-8659-7897
Publié le 29/03/2023
Tuto super sympa et même si perso je connais la base, il y a des petites subtilités qu'on découvre. Une API que j'utiliserai bien en remplacement d'openweather pour recup l'info pollution

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1337 tutos gratuits

Notre politique de protection des données