Build a Weather App with HTML, CSS, & JS

💥 Get 10% off Frontend Mentor Pro with my code JESSCHAN10 -- https://www.frontendmentor.io/?via=je...

Source code: https://www.frontendmentor.io/solutio...

____________

💻 LEARN TO CODE 💻

MY COURSE:
🟢 Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/responsive

RECOMMENDED RESOURCES:
Tools and resources I use myself and highly recommend, with exclusive discounts (affiliate links help support this channel-- thank you!)

🔷 Frontend Mentor Pro -- Practice building real-world projects (10% off with code JESSCHAN10) -- https://www.frontendmentor.io/?via=je...
🔷 Boot.dev -- Learn back-end development (25% off) -- https://www.boot.dev/?promo=CODERCODER
🔷 Zero to Mastery -- Learn web dev, AI, DevOps and more with 100+ courses -- https://academy.zerotomastery.io/a/af...

OTHER STUFF:
🟢 Coder Coder Dark -- My VS Code theme -- https://marketplace.visualstudio.com/...
🟢 Coder Coder Merch -- get my hoodie, coffee cup, and more! -- https://coder-coder.com/merch

SOCIALS:
  / thecodercoder  
  / thecodercoder  

______________________

0:00:00 - Setup project & styles
0:44:43 - HTML markup
1:13:59 - Header styles
1:39:22 - Hero styles
2:02:14 - Current Weather styles
2:41:10 - Daily Forecast styles
2:55:17 - Hourly Forecast styles
3:13:34 - Dashboard grid
3:39:47 - Setting up Weather & Location APIs
4:03:40 - Figuring out Celsius/Fahrenheit
4:21:09 - Current Weather data
5:02:59 - Daily Forecast data
6:50:57 - Hourly Forecast data
9:39:53 - Celsius/Fahrenheit dropdown

_____________________


#css #javascript #html