Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Build a Weather App in JavaScript Without Needing a Server

Web Dev Simplified via YouTube

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
Learn how to build a weather app in JavaScript without a server in this comprehensive 55-minute tutorial. Explore key concepts such as utilizing APIs, transforming complex data, and implementing tricky CSS. Follow along as the instructor guides you through setting up the project, creating HTML and CSS for the header, day section, and hour section. Discover how to use HTML templates, connect to a weather API, transform the received data, and render it effectively. Finally, learn how to obtain the user's location to provide accurate weather information. Gain valuable skills in front-end development and API integration while creating a practical and visually appealing weather application.

Syllabus

- Introduction
- Setup
- Header HTML
- Header CSS
- Day Section HTML
- Day Section CSS
- Hour Section HTML
- Hour Section CSS
- HTML Templates
- Connecting To The API
- Transforming API Data
- Rendering The Data
- Getting The User’s Location

Taught by

Web Dev Simplified

Reviews

Start your review of How to Build a Weather App in JavaScript Without Needing a Server

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.