Sorry if this is a bit of a long one. But some of you wanted to see some actual projects built. So here is one in vanilla JS. Please let me know if you want to see a full on modern javascript series! Thank you so much for the support! Let's go 1000 Subscribers this month!
I haven't even finished the video but Dev Ed is THE best person to explain how javascript works and how apis work with it. All of your videos are super helpful! Thank you so much for giving back to the youtube community and helping us aspiring developers out!
I like the way you explain everything so well,after all that is why I'm here and really enjoyed your video,watched entire video and liked it.Keep doing your work because You are so good at it.
Thanks a million.. I was trying to inject the api data onto my html... I was on the verge of throwing my laptop.... You just saved my day..... Keep up the good work.
I thought Vanilla JS was a seperate framework, so I kept avoiding this video, but I found out that it is just plain javascript, now I can watch so many more tutorials.
Great tutorial for beginners! I’ve been struggling to put all the pieces together and this really helped. I also really appreciate that you keep the mistakes in the video so we can follow along your logic to fix the errors. It’s SUPER helpful. Thank you and more please!
Great video! Really enjoyed the foundations you laid, it allowed me to practise my skills further by building a forecast and adding some further detail in there. i struggled for while due to DarkSkyWeather API closing sign ups. in the end i opted for WeatherAPI (another free service) i preferred this one as it gave more detail that openWeather but it also provide links to the relevant icons from their site also an added bonus of not needing to 'cors'. This meant i could further streamline the code and not use SkyCons. anyway great project, looking for to watching the next one
Thank you so much! This is incredibly helpful. I’m a beginner who’s almost binge watching your vids. I’m gonna work on my weather app and this was so good! Thank you
What a fantastic walkthrough and project. Followed it myself, and all working perfectly! Love it, thank you. And a big yes please to the series! Subscribed +notification! :)
No need to replace and upper case the skycon icon name, it accepts (as per the documentation on the site) the icon names directly from darksky (skycons were made for them specifically).
Hey! Just wanna drop a thank you message for all the tutorials, i found your channel about a week ago and been doing the basic JS lessons + some of the projects. Thanks a lot, i learned much :) and wow to your channel growth ! SUBS count doubled since i found it :D way to go man!
Super cool tut. I got lost on one of my lines of code, instead of guessing what I broke, I restarted from scratch. Super informative. Keep up the tuts!!
absolutely, gain the traction for your channel, teach others, I feel it is a great experience to teach, and benefit from that process! thank you for asking!
Nice tutorial, I think when it comes to font. Having body tag with percentage on font-size then font-size using say h1 with em rather than px makes controlling font-size more flexible at user level. But I guess that's another tutorial
@@calanick Well! That's how to focus and serious he is when it comes to teaching javascript. Even me, I advise them that I'm going to make a video and they just walk past on my camera, I will get mad too. But I like how he didn't cut it. He was like "Ohh fuckk this! Not going to cut this 10,000 times. Let them know that I get mad sometimes"
Oh mate you are just great. We are humans and we make mistakes but you didn't freak out.. You just took your time and found the error. I learn a lot today so I will be looking forward for your next videos! Thanks!
Awesome job Ed! Learning a lot. Javascript is now just a little bit less stressful lol. The code wasn't working and I was furious. I kept wondering why and finally after a while I console.logged again and found out that I did this: let long; let let; // Instead of: let lat; Little mistakes hahahaha...Now the code works. Hope to keep seeing more javascript from you.
Hi! I got this message from my console: Failed to load resource: the server responded with a status of 429 (Too Many Requests) . Anyone can help me with this? cheers :)
You can use other API's (i used openweathermap.org). The fundamentals are still the same, just the selectors are different. For example, where Ed uses: const { temperature, summary } = data.currently at 22.53 you will have to use other variables based on what the API is returning. for example, mine looks like this: const { temp } = data.main; const weather = data.weather[0].description; Then you will have to work your own way to get the icons. I used Font Awesome SVG icons and an If statement that ads each icon as a class to the icon span... Hope this helps!
thanks for this tutorial, ive learned vanilla vanilla js and had no idea how to implement it with Html and css to do something cool, this tutorial gave me a lot of confidence to keep pushing through to the end! subbed!
thank you for this! I came back to this project and CORS-ANYWHERE HOROKU discontinued their service due to abuse. I literally just deleted my proxy line of code and boom works.
What a bummer hay, im new to the field and was hoping this would be my first practice but now I cannot cause new dark shy sign-ups aren't being accepted, any alternative I could use? Your assistance with be highly appreciated.
Super awesome! I was getting frustrated with an app I'm building and decided to do something fun. This was great. I'm excited to stretch my muscles with some refactoring and to research some of the things I hadn't seen before. Thanks!
Great tutorial! I had to play around with it to make it work since DarkSky isn't available anymore, and am very pleased with the end result. Thanks for all the great content! I bought your course and look forward to going through it soon.
Thank you. This kind of videos are making the difference for me. I follow along and try to understand as much as I can. I'm new to programming and is a need to learn vanilla in order to deal with frameworks in the future and take the best out of them. Thank again, this is very usefull.
You are awesome Man!! Keep up the awesome work. Your channel will definitely grow at much higher rate if you will continuously do this amazing work. Thanks once again :)
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
Sorry if this is a bit of a long one. But some of you wanted to see some actual projects built. So here is one in vanilla JS. Please let me know if you want to see a full on modern javascript series! Thank you so much for the support! Let's go 1000 Subscribers this month!
Full JS script will be great
Yes
yyeessssss
This was awesome, don't apologize.
I wish you kept it longer. Towards the end it became hard to follow.
Yes! JS for Beginners. Let's see it :)
yeah
same here
Yes please
That' d be greattttttt!!!
yes, please
here it is
ua-cam.com/video/2nZiB1JItbY/v-deo.html
I love the fact you didn't cut out a person in the background hehehe, great tutorial thanks for explaining everything so clearly!
The feeling of understanding what he is doing before he describes , as a beginner . Worth a lot to me
same bro
and stay safe
@@mmsskk1413 you to bro
Your excitement in this tutorial actually got me so focused till the end of the tutorial. thanks, man love it.
I haven't even finished the video but Dev Ed is THE best person to explain how javascript works and how apis work with it. All of your videos are super helpful! Thank you so much for giving back to the youtube community and helping us aspiring developers out!
After so many months, I finally followed a project through to completion. I'm so proud! Thank you.
You should be proud! Great job!
I like the way you explain everything so well,after all that is why I'm here and really enjoyed your video,watched entire video and liked it.Keep doing your work because You are so good at it.
Yo this was amazing! I didn't even know how to make api calls and I learned so much! Can't thank you enough!
Thanks a million.. I was trying to inject the api data onto my html... I was on the verge of throwing my laptop.... You just saved my day..... Keep up the good work.
Just want to say thank you sir. I'm very glad to have found your channel.
I thought Vanilla JS was a seperate framework, so I kept avoiding this video, but I found out that it is just plain javascript, now I can watch so many more tutorials.
Yes for the beginner JavaScrip.!
Thank you for being so amazing and easy to understand
Two years ago and i still learn of this videos, THANKS MAAAAAN YOU ARE A INCREIBLE HUMAN
this is probably the best tutorial for weather stuff with js only,,, and you explain stuff really nicely so everything is perfect
There are many concepts in JavaScript that I learned from this series, it is absolutely amazing
Great tutorial for beginners! I’ve been struggling to put all the pieces together and this really helped. I also really appreciate that you keep the mistakes in the video so we can follow along your logic to fix the errors. It’s SUPER helpful. Thank you and more please!
Thanks so much as well!
Great video! Really enjoyed the foundations you laid, it allowed me to practise my skills further by building a forecast and adding some further detail in there.
i struggled for while due to DarkSkyWeather API closing sign ups. in the end i opted for WeatherAPI (another free service) i preferred this one as it gave more detail that openWeather but it also provide links to the relevant icons from their site also an added bonus of not needing to 'cors'. This meant i could further streamline the code and not use SkyCons. anyway great project, looking for to watching the next one
How did you implement the other api? I'm trying to use OpenWeather and it wasn't working
Thanks Ed! Im glad I've found your channel! Such a underrated channel! More content to come! Love you works :D
Thank you so much! This is incredibly helpful. I’m a beginner who’s almost binge watching your vids. I’m gonna work on my weather app and this was so good! Thank you
What a fantastic walkthrough and project. Followed it myself, and all working perfectly! Love it, thank you. And a big yes please to the series! Subscribed +notification! :)
I'm a beginner and I just love your channel. Lots of things I have learned here.
No need to replace and upper case the skycon icon name, it accepts (as per the documentation on the site) the icon names directly from darksky (skycons were made for them specifically).
Took an extra day to chase my problems, but it's in the bag. Thank you, Ed. Please keep them coming!
glad it worked out! Thanks!
I appreciate your teaching style.
You are one of my favorite coach ever!! Thanks a ton! God Bless You!
Hey!
Just wanna drop a thank you message for all the tutorials, i found your channel about a week ago and been doing the basic JS lessons + some of the projects. Thanks a lot, i learned much :)
and wow to your channel growth ! SUBS count doubled since i found it :D way to go man!
Super cool tut. I got lost on one of my lines of code, instead of guessing what I broke, I restarted from scratch. Super informative. Keep up the tuts!!
23:20 “I’m gonna have to make 10000 cuts now” when someone intrudes your coding session lols
Lol I forgot to cut that part out
Dev Ed, I just want to say thank you and you are a good teacher and always will be. God richly bless you for your great job.
You speak perfect English, I just recognized you are German when you said "die" for "the".
I CAN Speak german too and i know you are vietnam so BOOM
he is in berlin
Guys, he's from Romania.
He's from Machu Picchu
@@winterdaisy5610 :// btw I'm researching Vietnam for my term project lol (1967's) (Son My village, My Lai massacre)
I watched it until the end and I love the way you explained the whole things. Thank you, it gives me some ideas.
hahaha 23:28 we learned alot about relationships. Thank you for the great tutorial 😂😂😂😂😂
absolutely, gain the traction for your channel, teach others, I feel it is a great experience to teach, and benefit from that process! thank you for asking!
Good job, helped a lot. Please add some more API videos like these. Cheers
Holy crap you were only at 1000 subs when you made this!? Glad to see your channel has taken off since then. Well deserved
Nice tutorial, I think when it comes to font. Having body tag with percentage on font-size then font-size using say h1 with em rather than px makes controlling font-size more flexible at user level. But I guess that's another tutorial
yes we need java script Videos for biginners :) love from INDIA:)
@23:00
"I'm going to have to make 10,000 cuts now"
"Oh" *walks out, shuts door"
hahhaha i was thinking the same and i laugh so hard. hahhahaha. his mood change so fast. like 5 min of inside rage.
anyway i like your content.
@@calanick Well! That's how to focus and serious he is when it comes to teaching javascript. Even me, I advise them that I'm going to make a video and they just walk past on my camera, I will get mad too. But I like how he didn't cut it. He was like "Ohh fuckk this! Not going to cut this 10,000 times. Let them know that I get mad sometimes"
Yes definitely should do a whole Javascript series! This tutorial helped me. thanks!
Yeah I'd like to see more "modern" JavaScript. That would be cool.
Absolutely yes!! the way you explain the topics and JS projects for beginners is so nice..it's really helpful for me. You are awesome :)
41:14 "where is my multiply" hahahahahahah XD that was hilarious. Thanks for the video! Really enjoyed it :D
Oh mate you are just great. We are humans and we make mistakes but you didn't freak out.. You just took your time and found the error. I learn a lot today so I will be looking forward for your next videos! Thanks!
They are no longer accepting new signups for Dark Sky Api.
So, does this mean I shouldn't waste my time trying to watch this video and do what he does?
@@nathanlegakis9822 Not exactly, You can find another APIs.
@@AminSani Name one please.
@@nathanlegakis9822 Rapidapi
@@nathanlegakis9822 If my comment was helpful for you please like my videos on my channel
Awesome job Ed! Learning a lot. Javascript is now just a little bit less stressful lol.
The code wasn't working and I was furious. I kept wondering why and finally after a while I console.logged again and found out that I did this:
let long;
let let; // Instead of: let lat;
Little mistakes hahahaha...Now the code works. Hope to keep seeing more javascript from you.
Before watching this video I taught I'm decent with css...
I had a lot of fun working on this program because of you! I really like the way you explain!
Anyone else getting "Uncaught (in promise) TypeError: el.getContext is not a function with the Skycons??...PLEASE HELP!
I'm finally learning javascript and I don't have any prior experience so I'd appreciate more beginner JS content!
SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data :( can anyone help me out?
Yes, I saw this channel only this weekend, but now it is my favourite channel for 2019!
me too just found it this week. totally love it
Biggest compliment I've got. You made me smile!
You too!
since Darksky is no longer accepting new signups i used Open weather map api instead
Thank you for that :)
could you share your code please
definitely not beginner friendly. i think i'm going to give up on this project.
Always love your content! You are doing a great job. I see many paid courses but frankly say that I learn a lot from your channel. Love from Norway!
Hi! I got this message from my console: Failed to load resource: the server responded with a status of 429 (Too Many Requests) . Anyone can help me with this? cheers :)
I am getting the same, any idea @dev Ed what might be the proboblem?
Yep, same here. Please help.
Missing required request header. Must specify one of: origin,x-requested-with
yes bring on the JavaScript tutorial series, it is needed
Uncaught (in promise) SyntaxError: Unexpected token I in JSON at position any body tell the solution..??
.text() instead of .json()
@@vishalsl-taskseveryday3153 did this then i got a cannot destructure property 'temperature' of 'data.currently' as it is undefined.
@@@zurzieh1022 sometime you will get that error by proxy.
Thank you so much. Ive watched 2 of your videos. Rapid and painless learning. Keep it up.
i dont know what im doing. just im copying what he writes :D
same :>
Thanks man! Do more of this. I'm really enjoying your tutorials and its 2 in the morning rn.
Darksky stopes allowing new singups...😭😭
Exact Problem :(
You can use other API's (i used openweathermap.org). The fundamentals are still the same, just the selectors are different. For example, where Ed uses:
const { temperature, summary } = data.currently
at 22.53
you will have to use other variables based on what the API is returning. for example, mine looks like this:
const { temp } = data.main;
const weather = data.weather[0].description;
Then you will have to work your own way to get the icons. I used Font Awesome SVG icons and an If statement that ads each icon as a class to the icon span...
Hope this helps!
@@jchandlervids Thanks a lot, mate
@@jchandlervids Can you share you code here? Im facing a lot of problems
thanks for this tutorial, ive learned vanilla vanilla js and had no idea how to implement it with Html and css to do something cool, this tutorial gave me a lot of confidence to keep pushing through to the end! subbed!
If you use Open Weather you don't even have to use a proxy.
thank you for this! I came back to this project and CORS-ANYWHERE HOROKU discontinued their service due to abuse. I literally just deleted my proxy line of code and boom works.
great stuff, ed. thanks for being so thorough-- errors and all! much appreciated.
Unfortunately Dark Sky is bought by apple!
What a bummer hay, im new to the field and was hoping this would be my first practice but now I cannot cause new dark shy sign-ups aren't being accepted, any alternative I could use? Your assistance with be highly appreciated.
right
const api= `${proxy}samples.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${long}&appid=439d4b804bc8187953eb36d2a8c26a02`;
@@amarjitsingh8954 is it working sir??
Aena Qadeer yes my friend it works!!
You explain things very clearly and with such a joy that makes me wanna learn more and more. You're awesome, thank you!
Awesome tutorial brother, I’ve learn tons of new skills and tricks. Keep up the good work. God bless !
Great tutorial!
You make one of the best tutorials on UA-cam!
Super awesome! I was getting frustrated with an app I'm building and decided to do something fun. This was great. I'm excited to stretch my muscles with some refactoring and to research some of the things I hadn't seen before. Thanks!
Yes. Definitely the series would be a great idea. Thanks again. Awesome tutorial.
The life hack at 21:53...thank you!
Very nice.
Writing JavaScript start: 10:02
He said look at this " Beautiful Error" That's a big motivation for me. as I was always scared of errors. Guys Errors are beautiful ! 🌹
Great video. I’ve been learning for a few months now and I found your video extremely helpful. Thank you.
Your way of guiding is awesome! Your videos made so many misconceptions clear to me.. keep up the good work!
Great tutorial! I had to play around with it to make it work since DarkSky isn't available anymore, and am very pleased with the end result. Thanks for all the great content! I bought your course and look forward to going through it soon.
how exactly did you play around it because i am now realising that dark sky isn't available in the middle of the video
Thank you. This kind of videos are making the difference for me. I follow along and try to understand as much as I can. I'm new to programming and is a need to learn vanilla in order to deal with frameworks in the future and take the best out of them. Thank again, this is very usefull.
thank you!
Yes I want JavaScript for beginners!
Love the way you explain bro...I am a beginner but I have learnt many things by watching you..keep it up ..love from india ❤️
Hello from Belarus. This is awesome tutorial! Thanks.
Great, simple and digestible tutorial ...
Definitely go for the JavaScript tutorial series.
How can someone dislike such a great video
We owe you a big thank you, people land jobs because of the help you provide 🙏🏼
Old video, but you’ve taught me a lot. One love lil nikka.
It cannot be more simplified....Thanks to you
Just the walkthrough I’ve been looking for - and very well done.
Thank you so much. I have been searching non stop. Then this came on my recommendations, I was like no way. Thank you :)
the best fetch explanation I found, you're the best
I have been looking for the solution to that CORS issue for weeks now. Thanks bro.
Congratulations , you are now almost at 500k subs , 499k in just less than 2 years.👍👍👍👍
When i am frustrated while coding ! i like to watch your video see how he is enjoying and laughing making project and coding
You're doing really a great job and you have won one more subscription. Thanks a lot and keep on doing the good work!
Great job with the teaching! Very easy to follow and encouraging to see just how much one can do with Vanilla JS :)
What an amazing teacher! keep on making these amazing tutorials!!!!
you are frigging genius ... keep the good work flowing
I just got into web development again after a year of not doing anything, I forgot how much fun this is.
Awesome man! Love your videos. Easy and fun to watch and follow your tutorials. Got my weather app running just fine.
Thanks a lot you say everything in your projects and also you say how we can fix our mistakes so it's really helpful , 🙏🙏
You are awesome Man!! Keep up the awesome work. Your channel will definitely grow at much higher rate if you will continuously do this amazing work. Thanks once again :)
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