Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners
❤Become a patreon for exclusive videos and more!
https://www.patreon.com/dev_ed
Today I wanted to focus more on building an actual project using vanilla javascript. This video is intended for those who are looking on creating their first projects using javascript or you might be here from freecodecamp with their javascript weather app project.
We are going to be using darksky api to pull all the necessary weather information you need. Darksky can be used free for up to 1000 api calls, so it is great for a demo project.
This project is great if you want to extend your knowledge with vanilla javascript by building a real world weather app.
📔 Materials used in this video:
Darksky API : https://darksky.net
Icons : https://darkskyapp.github.io/skycons/
🛴 Follow me on:
Twitter: https://twitter.com/deved94
Github: https://github.com/DevEdwin
Original source
31 responses to “Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners”
clicked on console but dont see the location or the word location. what do ?
Yes sir. kindly do it.
❄️
I have been looking for the solution to that CORS issue for weeks now. Thanks bro.
Beginner here -> needs help: Why does he qualify the css as 'messy'? i.e. what would be the 'proper' way?
What is the code for the HTML at the beginning, I don't understand what I need to type to get all of this working? Please send me some source code.
I learn so many useful things from this tutorial. Thank you!
Helpful tips:
1.Get live server ext vs code
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
2.Get html boiler plate vs code
https://marketplace.visualstudio.com/items?itemName=sidthesloth.html5-boilerplate
Thanks man! Do more of this. I'm really enjoying your tutorials and its 2 in the morning rn.
Got up to the Cors proxy part and can't progress further. I keep getting a poorly formatted request error. Damn
I did not understand anything -_-
You are the best.
"Missing required request header. Must specify one of: origin,x-requested-with" and status in console always 429 (Too Many Requests).. how i can solve this?
I really love your videos first for the way you teach and because of your happiness and fun, thanks for your content which help us and make us enjoy coding
i cant understand, why we are using Skycons[currentIcon] instead of Skycons.currentIcon;
thanks a lot!
hahaha 23:28 we learned alot about relationships. Thank you for the great tutorial 😂😂😂😂😂
Alternative fix for the cors issue, const api = `herokuappurl/apikey`;
Hey I actually did it and worked!
Tried to use darksky, but it won't confirm my email when I try to register. The link they send me is broken each time. Does anyone know of an alternative to use?
THIS IS AWESOME!
The project on your GitHub doesn't work and I've been trying to troubleshoot my code. Could you fix it please?
how can i solve this problem?
Uncaught (in promise) ReferenceError: setIcons is not defined
at main.js:31
100%% top bra))))))
thank you
How does your app automaticaly refresh when you change somethong in the code?
God bless you Son, Poland watching you 🙂
yes we wnt javascript series
Awesome learnt a lot!
This was an awesome tutorial. Very well explained so I was able to follow and totally understand.
Yes! Bring on the modern JS for beginners series please!!!
That proxy move was a life saving move! I was wondering why my XML request was coming up with some strange errors! Thanks