• Saturday , 23 November 2019

Build A Weather App With Vanilla Javascript Tutorial | Javascript For Beginners

Code Canyon



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

3d Ocean

Related Posts

31 Comments

  1. jn jn
    October 21, 2019 at 18:00

    clicked on console but dont see the location or the word location. what do ?

  2. pakistan jobs
    October 21, 2019 at 18:00

    Yes sir. kindly do it.

  3. Ice King
    October 21, 2019 at 18:00

    ❄️

  4. David sew
    October 21, 2019 at 18:00

    I have been looking for the solution to that CORS issue for weeks now. Thanks bro.

  5. David sew
    October 21, 2019 at 18:00

    Beginner here -> needs help: Why does he qualify the css as 'messy'? i.e. what would be the 'proper' way?

  6. C10udy YT
    October 21, 2019 at 18:00

    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.

  7. Justin
    October 21, 2019 at 18:00

    I learn so many useful things from this tutorial. Thank you!

  8. Miks Miks
    October 21, 2019 at 18:00

    Thanks man! Do more of this. I'm really enjoying your tutorials and its 2 in the morning rn.

  9. Levi
    October 21, 2019 at 18:00

    Got up to the Cors proxy part and can't progress further. I keep getting a poorly formatted request error. Damn

  10. العابث الاخير
    October 21, 2019 at 18:00

    I did not understand anything -_-

  11. Sangharsh Seth
    October 21, 2019 at 18:00

    You are the best.

  12. Rizki Saputra
    October 21, 2019 at 18:00

    "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?

  13. alex eusebio
    October 21, 2019 at 18:00

    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

  14. Fidan Süleymanova
    October 21, 2019 at 18:00

    i cant understand, why we are using Skycons[currentIcon] instead of Skycons.currentIcon;

  15. Fidan Süleymanova
    October 21, 2019 at 18:00

    thanks a lot!

  16. Shingirai Bondai
    October 21, 2019 at 18:00

    hahaha 23:28 we learned alot about relationships. Thank you for the great tutorial 😂😂😂😂😂

  17. nithish reddy
    October 21, 2019 at 18:00

    Alternative fix for the cors issue, const api = `herokuappurl/apikey`;

  18. David Valencia
    October 21, 2019 at 18:00

    Hey I actually did it and worked!

  19. Defiant Turtle
    October 21, 2019 at 18:00

    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?

  20. SY Z
    October 21, 2019 at 18:00

    THIS IS AWESOME!

  21. Natalie Weishuhn
    October 21, 2019 at 18:00

    The project on your GitHub doesn't work and I've been trying to troubleshoot my code. Could you fix it please?

  22. Lý Việt Hà
    October 21, 2019 at 18:00

    how can i solve this problem?
    Uncaught (in promise) ReferenceError: setIcons is not defined
    at main.js:31

  23. CodsRed71
    October 21, 2019 at 18:00

    100%% top bra))))))
    thank you

  24. MΛRTYNΛSPLΛYZ
    October 21, 2019 at 18:00

    How does your app automaticaly refresh when you change somethong in the code?

  25. Kamil B
    October 21, 2019 at 18:00

    God bless you Son, Poland watching you 🙂

  26. shivansh tiwari
    October 21, 2019 at 18:00

    yes we wnt javascript series

  27. Shruti Saxena
    October 21, 2019 at 18:00

    Awesome learnt a lot!

  28. cdgrandma
    October 21, 2019 at 18:00

    This was an awesome tutorial. Very well explained so I was able to follow and totally understand.

  29. Irishsting
    October 21, 2019 at 18:00

    Yes! Bring on the modern JS for beginners series please!!!

  30. Palmer92
    October 21, 2019 at 18:00

    That proxy move was a life saving move! I was wondering why my XML request was coming up with some strange errors! Thanks

Leave A Comment

You must be logged in to post a comment.