Introduction
- Introduction
- Project presentation and API key
Air quality app development
- Coding of the HTML
- Styling the app part 1
- Styling the app part 2
- Making the API call
- Populating the UI
- Pointer placement
- Errors handling
What you'll learn
- JavaScript
- APICall
- UI Design
- Tips and tricks
- HTML - CSS
Description
Hello everyone and welcome to this JavaScript - Web Development course.
We are going to code together an application to display the level of pollution of your location in JavaScript.
We'll code everything from A to Z, from basic HTML structure, to CSS styling, ending with JavaScript functionalities.
Knowing how to manipulate data in JavaScript is crucial, so we'll use the fetch() method to send HTTP requests to retrieve data.
The API we'll be using is called IQair, and good news, it's free.
This kind of project is perfect for you to improve your web development skills, you can see a lot of key concepts there.
As usual, the source code will be provided, as well as the starting code.
Depending on your level, you can try to create this project on your own, on your side, or follow the entire course while coding with me.
It's up to you to do what you want with it afterwards, as a memory aid or using it in future projects.
The only forbidden thing is to redo a course / tutorial based on the same source code, that's obvious.
As a prerequisite, simple knowledge of HTML-CSS-JS is a plus, but I explain each line of code in detail.
See you on the other side to start coding.
The University of Sheffield
Other Courses
The Cyber Security Series: Introduction to Cyber Security
Learn Cyber Security and Hacking at a beginners level.
Three Hour Cyrillic
Learn how to read and pronounce Russia's Cyrillic alphabet in just a few hours!
Store Design: How to Design Successful Retail Stores
Everything you need to know to create effective brick & mortar retail stores: Image, Display, Storefront, and Lighting.
Boost Your Productivity -Ultimate AI Toolkit for SMEs
AI Powered Virtual Assistants, Chatbots, Data Analytics, CRM, Accounting, Content Creation + ChatGPT
PMP® Certification: PMP® Project Selection Methods - 1 PDU
PMP® Exam Prep: PMP® Project Selection Methods Training for PMI's PMP® Certification Exam. (PMBOK® Guide v6 Compliant)
How to Start a Blog - 7 Day WordPress Blog Challenge
Are you a WordPress beginner blogger looking to create a blog? Step-by-step guide on how to start a blog in seven days.
About the instructors
- 4.63 Calificación
- 48582 Estudiantes
- 39 Cursos
Enzo Ustariz - Web School
Learn anything
Hi, Enzo Here !
I've been coding for 8 years and creating courses for 3.
I'm specialized in Web Development and Front-End development.
I actually sell courses in English and French, so be careful when you choose them(just look at the title lang).
In my catalog you will find courses about React.js and the others JS Frameworks, CSS, JavaScript, Next.js, TypeScript, Git&Github, etc ...
So take what you need and never stop learning !
Enzo.
Student feedback
4.5
Course Rating
Reviews
Carmen
21-04-2024
its really cool that its so praxis-orientated! the frustrating part is, for me as a newby to js, that esp. in the end i couldnt follow every concept and the relations between each other. i hope one day i´ll be able to reconstruct that...