Build a Weather app using HTML, CSS & JavaScript in 2020

Learn how to make a Weather app in Vanilla Javascript, css and HTML without the use of any libraries. We use the Open Weather Map API to make calls to a restful api to return the current weather data. This uses the Modern Javascript Fetch API.

A Javascript Project

Day 10 #31Days31Videos

// JOIN THE DISCORD

// MY GEAR FOR CODING AND YOUTUBE

All of these products I own and have tested!

FOLLOW ME ON TWITTER!!!

LIKE, SUBSCRIBE & SHARE

Music
DEAF KEV - Invincible (NCS Release)
Neffex - Grateful (NCS Release)

[HHanna-sxbn]

This is one of the best tutorials I've come across. Thank you so much. Your knowledge was really helpful.

[multihrab]

I love how he said it was going to take a long time to style the app and literally took him what it takes me to center a div lmaooo

[benropa]

let's goooo - finally got a breakthrough in my project. This is the only video that has actually helped me understand APIs. Thanks Tyler!

[tobyroy]

So rock and roll mate. Loved that you were yawning during the video because you can clearly do this kind of thing in your sleep. Thank you for what was arguably one of the best tutorials I have ever experienced. Logical and incredibly well executed. 5 out of 5 stars

[joshuaclark]

This is honestly one of the best tutorials I have done in a long time. Great work on this, I can't wait to see more!

[bowendevries]

Thanks a lot for this wonderful tutorial Tyler! Love how it's just vanilla and no use of any frameworks/libs or whatsoever.

[zachgentner]

This was my first ever code along project using API calls. Thanks for making it easy to understand!

[daryllmamaril]

thank you so much for making a video with clear explanation and not just putting edm in the background while you code!

[aleksandarrasic]

What a knowledge Tyler 👏🏻
Congrats man. wish u all the best 👏🏻👏🏻

[Jrodrulz]

Thank you so much for this man! I followed mainly with the code but added a bunch of comments so I can write exactly what each piece of code does.

[danielhawn]

Those are BACK TICK marks inside that fetch
For anyone who is following along this is the key above tab, next to the 1. `Back Tick` is NOT THE SAME as 'single quotes'

[jovanmatthew]

Wow, really good tutorial. I finally made my first weather app. Thank you so much man !!!

[shahbokhari]

Beautiful walkthrough from scratch. Couldn't ask for more. Thank you so much for sharing. Stay Safe

[Sirhaddock]

Nice tutorial dude, I learn best by playing around with stuff and this has been a huge help. Great base to add stuff to as a challenge, adding changing backgrounds and displaying the time for each location in real time was fun.

[jamesmeegan]

Loved the vid man. Thanks for the tutorial.

[darioorlandi]

I really can't figure out how to get a proper base for the API key...can someone help? Thanks!

[Aslan]

const months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
const days = ["Sun", "Mon", "Tues", "Wed", "thurs", "Fri", "Sat"];

[IncontinenciaBudox]

I'm in minute 02 of this video and I already love you very much for the live-server tip 🤣

[MemeMaster_Magic]

thank you for the video, i got something from it,
nice practise

[GrayOperative]

Great video.
Great start to my portfolio.
Thanks for the info!