🚨 Big Announcement! 🚨 Hey everyone! I've made a big decision for this channel-I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better. If you find my content valuable and want to support my work, there are several ways you can help: Like & Share: Simply liking the video and sharing it with friends helps a lot! Subscribe & Hit the Bell: Stay updated and never miss a new video. TH-cam Thanks: Use the "Thanks" button below to send a one-time donation. Join the Channel Community: Get exclusive perks and behind-the-scenes content. Buy Me a Coffee: buymeacoffee.com/CodeExplained PayPal Donation: www.paypal.com/paypalme/CodeExplained Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support! Let’s keep growing and learning together! 🌟
Hands down to the best tutorial channel. No dumb music. No noisy background. Straight forward teachings. Amazing diagrams for explanation and elaboration. Calm voice. Wish I'm employed, could have bought you a coffee.
Your approach in spending the 1st half on explaining the structure of your app and the 2nd half in actual coding it make the whole experience so much better as each half reinforces the other and I spent a fraction of the time stopping and rewinding than i normally do. Great stuff!! Thank you
It's very rare to find such a detailed explanation of how to use the codes. This is really prcious Tutorial! Thank you so much and I will watch all of your videos.
This is hands down by far the best tutorial on build weather api app with javascript. The explanation of code logic before actually coding is a uniquely effective approach. The actually breaking down of programming logic and algorithm is hands down the best approach to teaching programming. I wish every tutorial could this approach. Job well done
The best thing that I liked about this video is its top-down explanation. First, we see the end, then we see the code. This way we could visualize the code in our heads so it became more clear. You earned a subscriber.
I have seen so many javascript tutorials and most of them were not that much clear concept to me. This tutorial is well explained. Anyone with a little bit of knowledge of HTML5, CSS3, and JavaScript can easily perceive and can be able to make these kinds of interesting projects. I will be waiting for new tutorials. Lots of love, respect and thanks for making these kinds of tutorials.
Your explanations are stunnishing. I'm a beginner and I love how you explain everything. After I saw some of your tutorials, the heaven gates opened for me. Everything is such more clear. Thank you!
I've seen many weather app tuts on YT, but this is probably the most in depth one. If every tutorial is explained like this, learning js would be easy. ;)
This is a wonderful tutorial~ I use it practice Git, JavsScript, API... Really like this hands-on project. Even for me, not an native English speaker, good to use.!
Hi Code explained, Your lessons are really helping us and making us able to get a good grip on these things and technologies. One thing I want to tell you that though you may or may not get expected fortune from youtube, but you are doing far better work than that, helping peoples and sharing knowledge. Its my request from all our kind of learners continue making such great videos ,its helping people improve their life.
💥 Hi everyone, thanks for watching and I hope you learnt a lot! Please remember to like and subscribe: cutt.ly/CodeExplained 👊 Have a great day! and keep on learning. ☕️ If you feel that my videos help you, consider supporting me: www.paypal.me/CodeExplained 🙌 The API key I used in this tutorial is blocked. The OpenWeatherMap API key 82005d27a116c2880c8f0fcb866998a0 is temporary blocked. So if you want to create this project, please head over the Weather API provider and and get a new KEY.
Ah ok, yes I understand why is not working but do you know why when I activate the nodemon in the terminal I get the ReferenceError: document is not defined?
error Failed to load resource: the server responded with a status of 400 (Bad Request), app.js:58 Uncaught (in promise) TypeError: Cannot read property 'temp' of undefined at app.js:58 : fetch(api) + .temp - KELVIN);
Your Very Great!! As a Beginner , I can able to Understand each & every point in a very descriptive manner..Hat's of. This is First Time ' You're one among best tutor ever seen'..Keep Posting. .. Thanks, Regards. Mani Varma.India
Your videos are one of the best. The way how everything is explained is great and you deserve more subscribers and viewers. I hope you keep making these high quality videos in future.
This is my first Project in anything. This is a great project to start with web development. Absolutely top notch explanation and execution. 😃 Just liked the video👍🏼
Well structured tutorial. I liked the way you explained the logic behind the project. I have also checked your portfolio website. You are definitely a busy developer.
Thanks for this tutorial! I really enjoyed the way you explained the whole process! You're an excellent teacher, definitely will be coming back to learn more :)
I got a new key at OpenWeatherMap, but it doesn't seem to work. The app just shows the cloud icon with the question mark. Anyone else having issues with this? On the up side, you explain things so thoroughly...thank you so much for your help and hard work! Edit: I skipped RapidAPI and got a new API key directly from the OpenWeather website. The new key works!
This was so beautiful to watch. It was great to see you explain the concepts well first then the code. Thank you so much.. what if I wanted to add an input field and allow users to search for the location of any place, how do I do it
sir very good explanation and very clearly explained all the methods and API used in the APP . Sir how can we get the data of any place as in this app we can get data only of our current location thank you sir
Thank you so much! This is exactly what I was looking for, a simple weather widget or app that shows the temperature, easily switches between Celsius and Fahrenheit, and displays images and the description of the weather exactly like this. What I’m trying to figure out how to do, though, is display words like "sunny," "cloudy," and "rainy" in a different language. The thing is, it isn’t a language that is supported by any API, so I want to replace these words manually. The language is Louisiana Creole. I already have the terms translated, but I don’t know how to replace the English terms with the Creole terms with code. I’m still quite early on in my coding journey. Any ideas on how I can replace the English terms with terms in my language? I realize I could maybe contact the creators of the API and ask them to provide support in my language, but that could take months. I know there’s got to be a way to code it so it just replaces the words with words you set it to replace.
Sorry, I can't help it. Where are you from ?? I never heard anyone pronounce "weather" and "function" the way you do. LOL But despite this funny fact very good tutorial. I like how much effort you put into explaining your logic before jumping into coding. 10/10. Good job :)
🚨 Big Announcement! 🚨
Hey everyone! I've made a big decision for this channel-I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better.
If you find my content valuable and want to support my work, there are several ways you can help:
Like & Share: Simply liking the video and sharing it with friends helps a lot!
Subscribe & Hit the Bell: Stay updated and never miss a new video.
TH-cam Thanks: Use the "Thanks" button below to send a one-time donation.
Join the Channel Community: Get exclusive perks and behind-the-scenes content.
Buy Me a Coffee: buymeacoffee.com/CodeExplained
PayPal Donation: www.paypal.com/paypalme/CodeExplained
Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support!
Let’s keep growing and learning together! 🌟
Hands down to the best tutorial channel.
No dumb music.
No noisy background.
Straight forward teachings.
Amazing diagrams for explanation and elaboration.
Calm voice.
Wish I'm employed, could have bought you a coffee.
I found the first channel on which a programmer learns in detail! thanks
Happy to hear that. Thanks!
Your approach in spending the 1st half on explaining the structure of your app and the 2nd half in actual coding it make the whole experience so much better as each half reinforces the other and I spent a fraction of the time stopping and rewinding than i normally do. Great stuff!! Thank you
Yeah you really get the idea.
Thanks
No doubt you are a very good teacher. With no need to code, I understand how use this API, and how the code runs.
THANKS A LOT!
Happy to hear that, thanks a lot ❤
It's very rare to find such a detailed explanation of how to use the codes. This is really prcious Tutorial! Thank you so much and I will watch all of your videos.
You're welcome, and thanks you aswell I'm happy to hear that.
This is hands down by far the best tutorial on build weather api app with javascript. The explanation of code logic before actually coding is a uniquely effective approach. The actually breaking down of programming logic and algorithm is hands down the best approach to teaching programming. I wish every tutorial could this approach. Job well done
Happy to hear that, thanks a lot ❤
The best thing that I liked about this video is its top-down explanation. First, we see the end, then we see the code. This way we could visualize the code in our heads so it became more clear. You earned a subscriber.
Happy to hear that, thanks.
Wonderfully explained! NO Doubts!!
Finally, There's one video that explains code very well.
Hats OFF to you man!
Happy to hear that, thanks a lot ❤
I have seen so many javascript tutorials and most of them were not that much clear concept to me. This tutorial is well explained. Anyone with a little bit of knowledge of HTML5, CSS3, and JavaScript can easily perceive and can be able to make these kinds of interesting projects. I will be waiting for new tutorials.
Lots of love, respect and thanks for making these kinds of tutorials.
Thanks a lot for your very positive comment.
Your explanations are stunnishing. I'm a beginner and I love how you explain everything. After I saw some of your tutorials, the heaven gates opened for me. Everything is such more clear.
Thank you!
So happy to hear that.
Thanks! 20:47 - there is no need for Kalvin to Celsius conversion via JS - just insert in your api URL "&units=metric" before "&APPID"
But still you need to convert it back to Celsius or Kelvin again.
Perfect brother. I was trying to learn JavaScript and API from 5 days but useless. Your one video helped me a lot. What a teaching method man
Happy to hear that, thanks a lot ❤
One of the best explanations of written code I have ever seen, AMAZING work!
Happy to hear that, thanks a lot ❤
I've seen many weather app tuts on YT, but this is probably the most in depth one. If every tutorial is explained like this, learning js would be easy. ;)
Thanks, and I'm happy to hear that.
This is a wonderful tutorial~ I use it practice Git, JavsScript, API... Really like this hands-on project. Even for me, not an native English speaker, good to use.!
Thanks
@@CodeExplained please make next video geolocation( current location) like this www.rapidtables.com/tools/my-location.html
This is the most perfect explained code tutorial ever, I really thank you but really from the button of my heart. You saved my life dude.
Happy to hear that.
Dude, You have a button in your heart, that's impressive.
Dang, this tutorial has been the BEST EVER!! So detailed and kind!! Thank you so much BOSS!!
Happy to hear that, thanks a lot ❤
Hi Code explained, Your lessons are really helping us and making us able to get a good grip on these things and technologies.
One thing I want to tell you that though you may or may not get expected fortune from youtube, but you are doing far better work than that, helping peoples and sharing knowledge.
Its my request from all our kind of learners continue making such great videos ,its helping people improve their life.
Great talk bro! It's not always about money, helping people and get such positive comments is more important.
💥 Hi everyone, thanks for watching and I hope you learnt a lot! Please remember to like and subscribe: cutt.ly/CodeExplained
👊 Have a great day! and keep on learning.
☕️ If you feel that my videos help you, consider supporting me: www.paypal.me/CodeExplained 🙌
The API key I used in this tutorial is blocked.
The OpenWeatherMap API key 82005d27a116c2880c8f0fcb866998a0 is temporary blocked.
So if you want to create this project, please head over the Weather API provider and and get a new KEY.
Ah ok, yes I understand why is not working but do you know why when I activate the nodemon in the terminal I get the ReferenceError: document is not defined?
Damn ppl dont get their own api key lol
Application does not work on mobile device
Sir, now im gonna t9 leave an comment about that key, !!
error
Failed to load resource: the server responded with a status of 400 (Bad Request),
app.js:58 Uncaught (in promise) TypeError: Cannot read property 'temp' of undefined
at app.js:58 : fetch(api) + .temp - KELVIN);
Excellent tutorial. Explaining the logic first is just brilliant. Thank you.
Happy to hear that. Thanks!
It was the first time I needed to use an weather API and your explanation was incredible, thank you and keep it up with the good work ;)
Happy to hear that. Thanks!
Really enjoyed this course, dude. Good explanation. Do more like this ..
Happy to hear that, thanks a lot ❤
This is amazing stuff. You explained the project very well!
Glad you liked it!
Really awesome......make a move like this.....one day it will give you a treasure....
Thanks
Your Very Great!! As a Beginner , I can able to Understand each & every point in a very descriptive manner..Hat's of. This is First Time ' You're one among best tutor ever seen'..Keep Posting. .. Thanks, Regards. Mani Varma.India
Glad it was helpful!
And thans a lot for your comment.
Your videos are one of the best. The way how everything is explained is great and you deserve more subscribers and viewers. I hope you keep making these high quality videos in future.
Thanks, and I'll try to :)
This is my first Project in anything. This is a great project to start with web development. Absolutely top notch explanation and execution. 😃
Just liked the video👍🏼
API Key is not working how to fix it
Well structured tutorial. I liked the way you explained the logic behind the project.
I have also checked your portfolio website.
You are definitely a busy developer.
Happy to hear that, thanks a lot ❤
It’s a great tutorial. Thank you so much for carefully explaining each aspect of the project
Happy to hear that, thanks a lot ❤
The way you explained is very good :) Thank you for this
Happy to hear that, Thanks!
Really good explanation thank you so much ✨
Subbed before I could finish watching...the comment section is on fire 🔥
Happy to hear that, thanks a lot ❤
Thank you. I really hope you have more to come! Great content and excellent presentation/teaching style.
Thanks
for the love of dam god thankyou very much for sharing the logic instead of simply typing the code
You are most welcome
excellent work, a true method of teaching..
MashAllah Aameen 🤲 🙏 😍
thank you for the great tutorial. you helped me a lot to sort out this weather challenge. really appreciate it!
Happy to hear that, thanks a lot ❤
Thanks for this tutorial! I really enjoyed the way you explained the whole process! You're an excellent teacher, definitely will be coming back to learn more :)
Well done! This is a very nice and detailed tutorial for beginners. Keep it up!
Happy to hear that, thanks a lot ❤
It's realy cool.My english is't well but i understand your explanation.
Thanks you,man!
P.s i'm watching you from Russia.
Happy to hear that.
PS: Hi to russia :)
It was 100% perfectly explained!!! Great job dude, super helpful!
Happy to hear that, thanks a lot ❤
Dude you have explained it like you really know what you are doing. Perfectly explained 👍👍
Happy to hear that. Thanks!
OMG Thank you so much! the best development channel ever found, subscribe!
Happy to hear that, thanks
Thanks for your explanation! It's very clear, condensed, and easy to understand.
Glad you think so!
I will try this to put this feature on my cousin website I'm making. Thank you for having the patience to explain each step of your code
Glad it was helpful!
really he explain soo well to clear all the doubts in unique way, thanks buddy
Happy to hear that, thanks
Best possible way to explain, thanks Dude,.
Subbed and shared this channel link with friends.
Keep up the good work.
Happy to hear that, thanks a lot ❤
You are great bro....Your explanation is just awesome.....keep on explaining instead of only writing the code
Happy to hear that, Thanks!
I got a new key at OpenWeatherMap, but it doesn't seem to work. The app just shows the cloud icon with the question mark. Anyone else having issues with this? On the up side, you explain things so thoroughly...thank you so much for your help and hard work!
Edit: I skipped RapidAPI and got a new API key directly from the OpenWeather website. The new key works!
Great 👍
Thank you for this clear and concise tutorial!
Happy to hear that, thanks a lot ❤
You are providing great tutorials pleas continue to do we appreciate. From Tanzania
Happy to hear that, Thanks!
Welcome Tanzania !
Thanks you..
Love from Bangladesh...
Thanks
Thank you so much, It really helps understand, not just see a video and copy the code!
Happy to hear that
thank you for explaining everything in detail. super helpful!!! have subscribed to your channel!
Happy to hear that, thanks and welcome.
Thanks for posting it . Keep uploading stuffs like these.
Thanks, and I will.
Liked the way you explained.
Your explanations are dope.. :)
Please Explain Tic Tac Toe Minimax algorithm using JavaScript.
Thanks, I will give it a try.
dayum! GREAT explaination, great code. made it veryveryvery easy for beginners to understand collecting data from api. Thank you!
Happy to hear that, thanks a lot ❤
THANK YOU for making a clear and concise video for myself to use. I certainly appreciate it. Hopefully, Git next? :)
I hope so!
Thank you so much for keep doing tutorings.
You're welcome yuksel.
Thank you for sharing your great great project
Happy to hear that, thanks a lot ❤
Brother you did awesome. i understood clearly. Thank you very much.
Happy to hear that, thanks a lot ❤
Good job, Clear explanation 👍
Happy to hear that, thanks a lot ❤
Just take my like. High quality content.
Happy to hear that, Thanks!
Nice and thorough explanation. Thank you!
Happy to hear that, thanks a lot ❤
i love youre chanel so much. Big thank for your sharing
Happy to hear that. Thanks!
you are a blessing for us
Happy to hear that, thanks
Excellent Work
I very like the video. Thank you for sharing. Keep it up!
Happy to hear that, thanks a lot ❤
Amazing tutorial! Thanks for doing it, i learnt a lot!
Happy to hear that, thanks a lot ❤
This was so beautiful to watch. It was great to see you explain the concepts well first then the code. Thank you so much.. what if I wanted to add an input field and allow users to search for the location of any place, how do I do it
Did you figure out how to do it, or still need help?
Appreciate the way u taught us! Thnaks man
Happy to hear that, thanks a lot ❤
sir very good explanation and very clearly explained all the methods and API used in the APP . Sir how can we get the data of any place as in this app we can get data only of our current location
thank you sir
Awesome explained.
Best explanation ever :::::D
Thank you so much! This is exactly what I was looking for, a simple weather widget or app that shows the temperature, easily switches between Celsius and Fahrenheit, and displays images and the description of the weather exactly like this. What I’m trying to figure out how to do, though, is display words like "sunny," "cloudy," and "rainy" in a different language. The thing is, it isn’t a language that is supported by any API, so I want to replace these words manually. The language is Louisiana Creole. I already have the terms translated, but I don’t know how to replace the English terms with the Creole terms with code. I’m still quite early on in my coding journey. Any ideas on how I can replace the English terms with terms in my language? I realize I could maybe contact the creators of the API and ask them to provide support in my language, but that could take months. I know there’s got to be a way to code it so it just replaces the words with words you set it to replace.
Very good tutorial but so under rated
Thanks a lot.
Thanks so much for your tutorial, very helpful indeed and much appreciated!
Happy to hear that, thanks a lot ❤
you deserve more subscriber
Happy to hear that, thanks a lot ❤
Thank you! Great tutorial! Keep up the good work.
Thanks
What else to say? It's just perfect.
Thanks
Excellent explanation, useful code snippet
Happy to hear that, Thanks!
Thank you , i love your tutorials
Happy to hear that, thanks a lot ❤
Very helpful for me! thanks you.
Happy to hear that, thanks a lot ❤
The best tutorial thanks
Happy to hear that, thanks a lot ❤
cant stop laughing the way you pronounce "weather"
very good explanation
wither !
"wither" or not he pronounces it right, the tutorial is awesome!
@Kate Miluk happy to make you laugh.
i find this approach is very discriptive
Thanks
i really like your explaination !
Thanks.
very nice
i follow you
Very well done!!!
Happy to hear that, thanks a lot ❤
you are the best man !!!
Happy to hear that, thanks a lot ❤
Great Channel
Thanks
Sorry, I can't help it. Where are you from ?? I never heard anyone pronounce "weather" and "function" the way you do. LOL But despite this funny fact very good tutorial. I like how much effort you put into explaining your logic before jumping into coding. 10/10. Good job :)
Happy to hear that, Thanks!
Very Goood Explanation....
Happy to hear that, thanks.
Veery good tutorial man, Love it!
Thanks
You are the best !!
Very good tutorial! Thanks. :)
You're welcome and thanks.
Very well explained
Thanks
Tank you sir, this video was very useful for me. Josephe fram Norway
Happy to hear that. Thanks!
Your explanation was ultratech
I request you to make javascript tutorial pls with good explanation
Happy to hear that. and I will ...