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 !
Table des matières de cette formation JavaScript (durée : 1h04m)
-
- Introduction 00:02:04
- Coder l'HTML et obtenir la clé d'API 00:06:43
- Coder le CSS 00:15:43
- Obtenir et aficher les données 00:20:52
- Ajouter un loader 00:05:52
- Gérer les erreurs 00:13:08
- Fichiers sourcestélécharger
- Certificat
Formateur : Enzo Ustariz
-
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.
-
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
-
Très sympa, merci...
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés