How To Make Weather App Using JavaScript Step By Step Explained

  Рет қаралды 1,375,655

GreatStack

GreatStack

Күн бұрын

Пікірлер: 1 200
@GreatStackDev
@GreatStackDev 2 ай бұрын
👉 My JavaScript Advanced Course: greatstack.dev/go/javascript-course (75% Discount)
@maheshsale
@maheshsale Жыл бұрын
Just finished building this app. It was really an awesome experience for a beginner. Everything is explained step by step, systematically. Thank you for your efforts.
@Chandan-Singh10
@Chandan-Singh10 Жыл бұрын
Any error
@nazamwasi3357
@nazamwasi3357 Жыл бұрын
Bro i got error ,not getting details of city time stamp 22:32
@panktichaudhari
@panktichaudhari Жыл бұрын
Hey are you getting temperature in Celsius? Because I'm not getting it after applying units=metric
@behappy1666
@behappy1666 10 ай бұрын
Bro weather images are not updating...
@RudraShejwal-jv2bf
@RudraShejwal-jv2bf 9 ай бұрын
​@@nazamwasi3357 same
@quinojuan2
@quinojuan2 Жыл бұрын
"That's it... practice, practice, practice." Thanks a lot. I'm planning view all your videos.
@VaibhavgiriGoswami-wx8ql
@VaibhavgiriGoswami-wx8ql 8 ай бұрын
You sloved addEventListener problem I not able to click and change city information
@UwasombaNnaemeka
@UwasombaNnaemeka 11 ай бұрын
bro i have been watching your tutorials since you were easytutorials and i have learnt stuff like digital clock, calculator responsive login/signup page. Thank you for this
@gomeztorricellygomez7808
@gomeztorricellygomez7808 10 ай бұрын
I just finished this one and I'll finish all 30 projects....you are a good teacher,god bless you
@Shivi-e2d
@Shivi-e2d 8 ай бұрын
Not able to fetch the temp of Himachal pardesh. Can you please help me
@itsmehwishhere
@itsmehwishhere 8 ай бұрын
how much time it took to create the API?
@prathmeshkirve
@prathmeshkirve 7 ай бұрын
usne city leha hai state nahi @@Shivi-e2d
@princeshukraan3099
@princeshukraan3099 7 ай бұрын
Bro,please help me out
@SkyCarly
@SkyCarly 6 ай бұрын
How long it took you to active the API ?? Can you please tell ?
@RahamathAliShaik-w5p
@RahamathAliShaik-w5p 8 ай бұрын
Just finished building this app. It was really good experience for a beginner. Everything is explained step by step, systematically. Thank you
@harishrajaramesh1694
@harishrajaramesh1694 4 ай бұрын
DId the API key worked?? bcoz for me it shows invalid every time
@june756
@june756 3 ай бұрын
@@harishrajaramesh1694 same
@ÀleezaBhatti-g7u
@ÀleezaBhatti-g7u 3 ай бұрын
@@harishrajaramesh1694 Same it's not activating what should i do
@debadritadey314
@debadritadey314 3 ай бұрын
@@harishrajaramesh1694 same for me. did you solved the problem?
@AhanaSarkar-p7q
@AhanaSarkar-p7q 2 ай бұрын
Can anyone tell me which api he used and it is paid or not? and there is any link from where i can get the codes
@adityarajsah414
@adityarajsah414 2 ай бұрын
Just finished the application, get to know about api in detail, finished this project within 2 hours, take 20 minutes time to revise and i get to know that everything i am able to understand. Thank you for making this project.
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code 😢
@adityarajsah414
@adityarajsah414 2 ай бұрын
@@Sumairesthetics_ here in comment section you want or somewhere else?
@Bruiser03
@Bruiser03 Ай бұрын
@@adityarajsah414 can u give here only
@ibrahimcutomization7961
@ibrahimcutomization7961 Ай бұрын
meray se to search button ka layout shape hi round nhi bn rhi pta nhi kahan error aa raha
@kevinvikan8115
@kevinvikan8115 Жыл бұрын
Great video, learning by practicing is so much better. Even if all you do is copying a few lines of code that you see in each lesson. It's much more effective than just taking notes. I know this because I tried everything and the only way I could learn (and retain what I learned) was when I started doing that. Once a friend suggested me a few books with interactive content, that made me practice what I learned at each chapter. Edit: For those asking about the books I mentioned, these are the best ones: "Javascript In Less than 50 Pages" "Head First Javascript Programming" If you are into learning Python, I love "Smarter Way to Learn Python".
@Qasimyousaf-zw5kw
@Qasimyousaf-zw5kw Жыл бұрын
best
@maheshwarimandigam5464
@maheshwarimandigam5464 Жыл бұрын
"Could you please clarify where JavaScript is utilized in the project? Although it was mentioned that we would be building it with the help of JavaScript, it doesn't appear to have been incorporated
@AmanSingh-nf1kn
@AmanSingh-nf1kn Жыл бұрын
i was literally searching for this comment , now i'm confident that i can learn through projects rather than watching tutorials only
@littlecurrybread
@littlecurrybread Жыл бұрын
@@AmanSingh-nf1kn also try to add at least one feature or one thing that is just from you, thats helping me a lot. It tests my knowledge
@quinojuan2
@quinojuan2 Жыл бұрын
somebody has this book ""Javascript In Less than 50 Pages"" in PDF?
@sirnicholas6177
@sirnicholas6177 7 ай бұрын
You are my best youtuber now. I developed my first web app with your tutorial
@louwe05
@louwe05 4 ай бұрын
he uses old ways of coding, you should try learn modern ways (usign a local host plugin or even software + not in beginning from a project and write it completely identical same but try to use courses and then just from scrath on your own)
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code
@justcodeandsmile
@justcodeandsmile 4 ай бұрын
Heyy man, thank you for this tutorial, I finished this project in approximately 4 hours of my time. I am currently specializing my skills in javascript, because I want to be a web developer someday and this project series of yours is one of the things that I am looking for. Thank you for your time and effort just to make this 30 projects and shared to your audience.🎉
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Hey can you please give me source code!?
@isamsvideoediting4572
@isamsvideoediting4572 Жыл бұрын
Avinash, You are a real hero...... You make coding very easy for us to learn.
@lakshmiprasannanadendla5145
@lakshmiprasannanadendla5145 Жыл бұрын
Clear cut and straight forward to the content. Best yet easy lecture Thanks a lot 🤗🤗🤗
@LesK-n2s
@LesK-n2s 7 ай бұрын
good video. Tech with Tim is also good.
@AmanYadav-vi4hn
@AmanYadav-vi4hn Жыл бұрын
THIS WHOLE PLAYLIST IS A GIFT FOR FRESSHERS LIKE ME WHO WANTS TO LEARN SOMETHING NEW
@Chandan-Singh10
@Chandan-Singh10 Жыл бұрын
Aman you build this weather aap
@chukwuemekandiukwu1220
@chukwuemekandiukwu1220 6 ай бұрын
You are the best teacher ever in the world. You simplify things to the ground.
@aditya_prakash_official07
@aditya_prakash_official07 7 ай бұрын
I,ve just finish this project and i,ll definetly finish all the project which is present in playlist😍.
@AhanaSarkar-p7q
@AhanaSarkar-p7q 2 ай бұрын
Can anyone tell me which api he used and it is paid or not? and there is any link from where i can get the codes
@ritikfunde8150
@ritikfunde8150 Ай бұрын
bro how manytime taking to generating an api reply me
@nandinii317
@nandinii317 3 ай бұрын
it was an awesome experience building this app . Cleared a lot of concepts .
@NatarajNachimuthu
@NatarajNachimuthu 2 ай бұрын
crisp and sharp to the point without any unwanted content. looking forward to complete every projects as mentioned for continuous 30 days .Thanking you for creating this wonderful playlist.
@Soulcode-k
@Soulcode-k 2 ай бұрын
For people who are wondering The API Activates roughly around 3 hours, hope this helps
@bhuvaneswarip1032
@bhuvaneswarip1032 2 ай бұрын
In between that time, did we log off our lap?
@Soulcode-k
@Soulcode-k 2 ай бұрын
@@bhuvaneswarip1032 yup as long as u know ur password, or u just logged in in the browser u will be able to access it
@iam_sami74
@iam_sami74 Ай бұрын
I was using the same api the he used but wrong api message occured why ? Can u plz tell me where i get free api with key
@Soulcode-k
@Soulcode-k Ай бұрын
@@iam_sami74 i need to see your code to understand and solve the problem.
@harshilkhopkar69
@harshilkhopkar69 Ай бұрын
Its been 4 insane hours and my api key isn't activated yet, what should I do???
@babarshabbir2554
@babarshabbir2554 6 ай бұрын
"Excellent tutorial! Clearly explained, easy to follow. Made creating a weather app with JavaScript a breeze."
@Kalicharan-tu6kr
@Kalicharan-tu6kr 5 ай бұрын
30:42 I m having Event listener error why???
@vivekpspk6326
@vivekpspk6326 5 ай бұрын
Best Channel for hands on working with Javascript projects...Please do nodejs projects also...Thank you
@GreatStackDev
@GreatStackDev 5 ай бұрын
Thanks for your comment Vivek. Have already done E-commerce and Food Delivery app using Nodejs. Please check it.
@mokars24
@mokars24 2 ай бұрын
i just start learning JavaScript, i think so far your content is one of the best keeping up the good work and we love you so much
@guy-was-taken
@guy-was-taken Жыл бұрын
Thanks a lot you actually started my web dev journey!!!
@sathyathappetla4610
@sathyathappetla4610 8 ай бұрын
U did it very beautifully, just one thing is that we need u explain the code purpose while writing any line of code so that the newbies also can understand very easily. That helps a lot. Thank u
@anjalinagar6632
@anjalinagar6632 8 ай бұрын
exactly
@KardanKaaal
@KardanKaaal 3 ай бұрын
I also completed this project alongside you. Also I used weather api icons for dynamic changes. Loved this simple and informative project.
@GreatStackDev
@GreatStackDev 3 ай бұрын
Glad to hear that. Did you also check out our To-Do list app in JavaScript?
@KardanKaaal
@KardanKaaal 3 ай бұрын
@@GreatStackDev Done it by myself. Is there any fully functional e-commerce website project ?🤞🏻
@debadritadey314
@debadritadey314 3 ай бұрын
@@KardanKaaal my api is not working can you tell me what to do please
@Applecitylightkiwi
@Applecitylightkiwi Жыл бұрын
tried this without watching only checked the api, really like the result of the video, but its way more fun to try it first
@Krrishgames007
@Krrishgames007 7 ай бұрын
00:02 Create a weather app using HTML, CSS, and JavaScript. 02:40 Automated webpage refresh after code changes 08:37 Creating weather app using JavaScript 12:07 Styling the weather details with CSS for better visibility. 18:13 Setting up API key and URL for weather app 21:48 How to display weather information in the browser console using JavaScript 27:41 Creating a weather app using JavaScript and fetching the city information from an API. 30:39 Updating weather information and images based on city input. 36:20 Adding error message for invalid city name input 39:05 Handling invalid city names and displaying error messages
@Jack-CS
@Jack-CS 29 күн бұрын
My friend, THANK YOU, I have only done your first lesson but wow, I cannot wait to do all of them. Thanks again
@Daniel-fj9ux
@Daniel-fj9ux 10 ай бұрын
This video was so useful to me for practicing as a beginner, by doing my own version of this project i could learn and improve a lot. Thank you sir!
@alimkdm1543
@alimkdm1543 10 ай бұрын
if you have made it can you give me the source code
@mdnawaz8346
@mdnawaz8346 3 ай бұрын
just completed wether app project .this waaaaay i say project based learning !!! thank u so mach 😍😍😍
@kimayagupta8982
@kimayagupta8982 2 ай бұрын
Amazing project for beginners, well explained. completed it within 2 hours. Thank you so much for this series. (PS: the API key was activated within 10 to 15 minutes)
@GreatStackDev
@GreatStackDev 2 ай бұрын
Glad you liked it! Thank for the information on API.
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Hey please give me source code 😢
@muhammadarslan78676
@muhammadarslan78676 5 ай бұрын
completed the app today, thanks for the great explanation
@GreatStackDev
@GreatStackDev 5 ай бұрын
Glad to hear that. Thanks for your comment. 😊
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code
@hotclasher2278
@hotclasher2278 6 ай бұрын
You are an awesome teacher, but when you said Germany is a city, it was too funny.
@rishita4794
@rishita4794 Ай бұрын
Thank you so much Bhaiya,I have completed it....
@charcplayz
@charcplayz Ай бұрын
Hlo bhai
@GreatStackDev
@GreatStackDev Ай бұрын
Happy to hear that. Keep up the excellent work.
@Raj-ij6cw
@Raj-ij6cw 8 ай бұрын
I have 1 query regarding API like How much time API taking for activation ?
@pankajmandal7204
@pankajmandal7204 3 ай бұрын
bro please do tell me does it takes hours to activate because i am stuck in this now
@aartsprinkler
@aartsprinkler 2 ай бұрын
How much it's take
@aartsprinkler
@aartsprinkler 2 ай бұрын
​​@@pankajmandal7204 how much time it's has taken
@riashik7426
@riashik7426 2 ай бұрын
@@aartsprinkler In Vdo he said, it may take couple of hours🤔..............
@chandrabhushansingh6886
@chandrabhushansingh6886 Жыл бұрын
All the projects are life savior for beginners, thank you 3000❣️
@Nitishyadavlog
@Nitishyadavlog 10 ай бұрын
Hello. Can u understand me to how can I acess sir's pdf in which all images are there
@Manas361
@Manas361 8 ай бұрын
@@Nitishyadavlog There is a given link of google drive .. from where you can download images
@sawako2501
@sawako2501 Жыл бұрын
I really appreciate your lecture. This is my first app using JavaScript. I'm happy that I could make an actual app. I couldn't understand some lines, so I will search later and keep learning. Thank you for making this lecture!
@yashikagoyal9523
@yashikagoyal9523 Жыл бұрын
Hey, i need a help
@unknownguywholovespizza
@unknownguywholovespizza Жыл бұрын
@@yashikagoyal9523 where
@chinmaywasule249
@chinmaywasule249 Жыл бұрын
howlong did it take to activvate the activation key??
@joybratadas902
@joybratadas902 Жыл бұрын
@@chinmaywasule249 I have the similar question
@chinmaywasule249
@chinmaywasule249 Жыл бұрын
@@joybratadas902 it was activated in an hour or 2 ig
@scholas_creative_space
@scholas_creative_space 23 күн бұрын
Thank you so much for this! It was very thoughtful of you to teach us why we add what. Going back to the console, then showing us something, then going back to the html file and telling us when we do this, by adding what we saw in the console we get "this" I managed to make the exact app by following your tutorial. Thanks again! Keep publishing these please.
@harismalik4330
@harismalik4330 3 ай бұрын
great project completed in 3 hours
@GreatStackDev
@GreatStackDev 3 ай бұрын
Glad you completed it. Keep making more projects.
@sk.creations.
@sk.creations. 3 ай бұрын
bro can you send me source code
@harismalik4330
@harismalik4330 3 ай бұрын
@@sk.creations. provide your email ID
@babarshabbir2554
@babarshabbir2554 6 ай бұрын
"Excellent, easy-to-follow guide for creating a weather app with JavaScript! Highly recommend."
@codeAlongwith
@codeAlongwith Жыл бұрын
Very good tutorial. I am wondering how we can set defaults so that it is the users current location and also how to add an error catcher for the async function?
@Akash-do2vb
@Akash-do2vb 12 күн бұрын
Thank you very much, I liked the video and completed this project too, will learn more projects from your channel🔥... Also if do complete all your 30 projects will it help me after my graduation for jobs and does it make me very skill full
@gurvirsinghkhalsa614
@gurvirsinghkhalsa614 Жыл бұрын
This Tutorial was very amazing .... i have learned many new things from this weather tutorial app like how to use api keys, some interactive javascript functioning etc... IT LOOKS VERY AMAZING WHEN I HAD APPLIED *SHAKE ANIMATION* ON *INVALID CITY NAME* That i have learned from your last tutorial ... Thanks GREAT STACK & TEAM :) Keep It UP
@princeshukraan3099
@princeshukraan3099 7 ай бұрын
Bro,please help me,I'm stuck
@gurvirsinghkhalsa614
@gurvirsinghkhalsa614 7 ай бұрын
@@princeshukraan3099okey bro, How can i help you ?
@abcdabcd8605
@abcdabcd8605 6 ай бұрын
@@princeshukraan3099 where are you stuck?
@saikumarr_
@saikumarr_ 5 ай бұрын
@@abcdabcd8605 those images are not changing according to the weather data
@sandeepchintu830
@sandeepchintu830 5 ай бұрын
@@abcdabcd8605 bro you can help me im stuck
@mmhoq8828
@mmhoq8828 Жыл бұрын
সত্যিই খুবই চমৎকার একটি শিক্ষনীয় ভিডিও। বোঝানোর ক্ষমতা অসাধারণ-A very nice educational video indeed. The power of persuasion is extraordinary.
@-goendadhadha6172
@-goendadhadha6172 8 ай бұрын
apnar bari kothay bro???
@Wifg123
@Wifg123 Жыл бұрын
Hey in part 34:00 when yall are adding the weather images you can add them like this -> if (data.weather[0].main != null) { weatherIcon.src = "images/" + data.weather[0].main + ".png"; }
@ifiokubongukpong2814
@ifiokubongukpong2814 10 ай бұрын
Thanks for this
@GleristonCastro
@GleristonCastro Жыл бұрын
Great tutorial, I'll do the other 29... But a suggestion following the syntax you were using. why use if (data.weather[0].main == 'Clouds') { weatherIcon.src = 'images/clouds.png' } else if (data.weather[0].main == 'Clear') { ... } instead of weatherIcon.src = `....images/${data.weather[0].main}.png` Remember to rename the first letter of each image you are going to use.
@ARYANSINGH-y3k
@ARYANSINGH-y3k Жыл бұрын
thank you for this suggestuion @@epicgameboi
@rudreshraj1298
@rudreshraj1298 11 ай бұрын
dont worry it also works with lower case
@gopikrishna6808
@gopikrishna6808 11 ай бұрын
That is why he used == not ===
@maxlearningtech3423
@maxlearningtech3423 11 ай бұрын
Awesome tutorial💯 Just finished buidling the Weather App I learnerd how to use InnerHTML with Javascript and alot of cool concepts. Thank you very much sir.💥💫
@abhishekmishra3010
@abhishekmishra3010 11 ай бұрын
@JGxJAMES i am also getting an error are you also getting error 401 ?
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code 😢
@princeadiele777
@princeadiele777 Жыл бұрын
I really appreciate your lecture ❤. This is my first app using JavaScript and it’s not working well for some reasons I don’t know 🤷‍♀️, it’s says in the console (uncaught TypeError: cannot read properties of null (reading’addEventListeneer’) 😢)
@gaminghubnepal8500
@gaminghubnepal8500 Жыл бұрын
Do js inside html not external ( Herald ko ho bhane reply )
@potnurujaivanth7819
@potnurujaivanth7819 Жыл бұрын
​@@gaminghubnepal8500won't it work if I do it in an external js file?
@xqyba2645
@xqyba2645 Жыл бұрын
@@gaminghubnepal8500 is there any way to make it work in external js
@jcorreaUdeA
@jcorreaUdeA Жыл бұрын
You can use external js file, just use the defer attribute on the script tag
@clydeforland5944
@clydeforland5944 Жыл бұрын
Just finished this! Thank youu so much for great tutorials!
@Chessnerd2003
@Chessnerd2003 Жыл бұрын
in place of if else if statements to select images we can also write -> document.querySelector(".weather-icon").setAttribute("src","images/"+data.weather[0].main+".png");
@gauravpatil68
@gauravpatil68 Жыл бұрын
Op bro You have really good command on DOM Manipulation. Thanks for good suggestion.
@wetbread9401
@wetbread9401 Жыл бұрын
what a legend! thank you for this command!
@nullzero9224
@nullzero9224 Жыл бұрын
Nice - There is an even easier way to do it by setting the src property directly: document.querySelector(".weather-icon").src = "images/"+data.weather[0].main+".png"
@sickle7291
@sickle7291 8 ай бұрын
It did not go as planned. I had to create a function that converts the city name into it's lat and lon (even though the tutorial is only 1 year old). But that was a challenge that helped me write some more code without mindlessly copying from you. Great video nonetheless. I will look at the rest of the playlist.
@RaminCanada7
@RaminCanada7 Жыл бұрын
A nice explanation and it looks like clear and very easy lecture for students a lot ..Really very thanks to you Avinash Sir.. I love the Way of Explanation
@maheshwarimandigam5464
@maheshwarimandigam5464 Жыл бұрын
"Could you please clarify where JavaScript is utilized in the project? Although it was mentioned that we would be building it with the help of JavaScript, it doesn't appear to have been incorporated
@anishtiwari9643
@anishtiwari9643 9 ай бұрын
To be honest, I am compelled to write this - This video has been one of the best project videos I have ever seen. You deserve subscription. Keep up the good work...
@Shivi-e2d
@Shivi-e2d 8 ай бұрын
Hye , can you please help me. I am not able to fetch the temperature of Himachal pardesh af some of the other district..
@AubreyChilambwe
@AubreyChilambwe 9 ай бұрын
Thank you very much. You explain so well and clearly. God bless you abundantly.
@exveer4939
@exveer4939 Жыл бұрын
It's awesome... How we get your source code, sir?
@NeverTooMuchLead
@NeverTooMuchLead Жыл бұрын
you dont need all those if statements to change the icon based on condition, you can try this instead: let weatherCondition = data.weather[0].main.toLowerCase(); weatherIcon.src = `images/${weatherCondition}.png`;
@axitpoojara
@axitpoojara Жыл бұрын
its just amazing , very proper explanation also better than some paid courses . thanks a lot
@Noobgaminglk
@Noobgaminglk 9 ай бұрын
For anyone getting 401 error in console replace the following code entirely with your current function async function checkWeather(){ const response = await fetch(apiUrl + `&appid=${apiKey}`); var data = await response.json(); console.log(data); } Ps: The problem with my code is that I used single quotes ( ' ) instead of backticks ( ` ). Hope this solved your problem.
@pushpkambo
@pushpkambo 9 ай бұрын
Thank you, It corrected the errors I was getting.
@munchkin._.delights
@munchkin._.delights 6 ай бұрын
im getting a fetch error its saying failed to fetch, i checked the URL its working great but I don't know its giving error on console
@harishrajaramesh1694
@harishrajaramesh1694 4 ай бұрын
thanks for explaining bro
@june756
@june756 3 ай бұрын
Thank you so much
@Sadiq611
@Sadiq611 10 ай бұрын
a better and simple for better understanding instead appending Api Id in the fetch ``` const apiKey = "apiKey" const apiUrl = "apiUrl + apiKey " const response = await fetch(apiUrl) ```
@satyajeetsahoo5845
@satyajeetsahoo5845 2 ай бұрын
the original code wasnt working for some reason thanks this one really helped
@andihoxhaj3527
@andihoxhaj3527 Жыл бұрын
This was PERFECT , thank you for this it worked perfectly and it was easy to follow you up
@Zaynahazlanworld
@Zaynahazlanworld 6 ай бұрын
how does image comes? by default or it should b save in our pc?
@Shanma09
@Shanma09 5 ай бұрын
@@Zaynahazlanworld we should save those images provided in the description so that we can addd them.
@Asma_Soltani
@Asma_Soltani 20 күн бұрын
Thank you so much ❤❤❤❤❤
@GreatStackDev
@GreatStackDev 20 күн бұрын
You're welcome. 😊 Keep coding.
@pandipatipavan3804
@pandipatipavan3804 Жыл бұрын
Please provide the code files and the links in the description as soon as possible. Thank You.
@chefernandez563
@chefernandez563 Жыл бұрын
It's better to learn by typing everything yourself not just copy ans paste
@robingaming2428
@robingaming2428 Жыл бұрын
Finally Done This Challenge of 30 days JavaScript Project.....
@nehashetty3015
@nehashetty3015 Жыл бұрын
how did you practice javascript...and after learning perfectly did you follow this challenge please reply
@riksangma3359
@riksangma3359 Жыл бұрын
been learning alot thanks to this videos. i was able to recreate this project...everything worked fine....except the weather icon its not changing.. if(data.weather[0].main=="clouds"){ weathericon.src="images/clouds.png"; if you could give me some pointer it would really help me.
@mubashirzahid4824
@mubashirzahid4824 Жыл бұрын
I think it's "Clouds" not "clouds" in the condition
@riksangma3359
@riksangma3359 Жыл бұрын
I see I will try it later. Thanks 🙂
@KanhaiyaPadol
@KanhaiyaPadol Жыл бұрын
I m getting same problem will u pls send ur code to me if possible
@manavjoshi6427
@manavjoshi6427 Жыл бұрын
I m getting same problem how does they will solve the issue any one can help in code ?
@ryanboland7307
@ryanboland7307 Жыл бұрын
Try using this for me it worked switch (data.weather[0].main) { case "Clouds": weatherIcon.src="images/clouds.png"; break; case "Clear": weatherIcon.src="images/clear.png"; break; case "Rain": weatherIcon.src="images/rain.png"; break; case "Drizzle": weatherIcon.src="images/drizzle.png"; break; case "Mist": weatherIcon.src="images/mist.png"; break; default: console.log("No weather icon available."); }
@StyloGenius
@StyloGenius 3 ай бұрын
You made coding very easy Sir!!!
@rahulrajmehra7532
@rahulrajmehra7532 Жыл бұрын
So simple yet very good and excellent explanation thank you!👍
@maheshwarimandigam5464
@maheshwarimandigam5464 Жыл бұрын
"Could you please clarify where JavaScript is utilized in the project? Although it was mentioned that we would be building it with the help of JavaScript, it doesn't appear to have been incorporated
@rahulrajmehra7532
@rahulrajmehra7532 Жыл бұрын
@@maheshwarimandigam5464 well it is simple beginners project where we are using javascript just to fetch API data and display that data using getelementbyId or querySelector
@rahulrajmehra7532
@rahulrajmehra7532 Жыл бұрын
@@maheshwarimandigam5464 are you beginner ?
@06-bhaveshrathod40
@06-bhaveshrathod40 Жыл бұрын
​​@@maheshwarimandigam5464bro he did something that we don't no not in javascript but in css too
@june756
@june756 3 ай бұрын
@@maheshwarimandigam5464 It's the code where he is using api and calling the function ,that's the javascript part.
@arpitavishwakarma4449
@arpitavishwakarma4449 4 ай бұрын
thank you so much for this project i have made it and it is perfect for my mini project
@GreatStackDev
@GreatStackDev 4 ай бұрын
Glad to hear that. Thank you. 😊
@yashsharma-td6ii
@yashsharma-td6ii 7 ай бұрын
Can I close the tabs or the system while waiting for the API to get activated and then come back to the link again ??
@yethinvutukuri6110
@yethinvutukuri6110 4 ай бұрын
Thank you sir , very useful . but you could've written the script in a separate Js file , it would look more cleaner . 🤗
@GreatStackDev
@GreatStackDev 4 ай бұрын
Thank you. 😊 Noted.
@PoojaKumari-cl1uh
@PoojaKumari-cl1uh Жыл бұрын
I'm unable to fetch api, it shows unauthorized(401)
@adsye0015
@adsye0015 Жыл бұрын
Same here I can't fetch in console log say unauthorized please help me and can't change places on card
@humanbetterthanai
@humanbetterthanai Жыл бұрын
​@@adsye0015check ur api key
@yogeshdudde562
@yogeshdudde562 Жыл бұрын
Take 15 min then fetch
@learner2998
@learner2998 Жыл бұрын
Maybe your account is expired so try to sign up with another account. Then it will work perfectly
@unknownalphaplusman
@unknownalphaplusman Жыл бұрын
Did you able to fetch api?
@NateInTech_
@NateInTech_ 6 ай бұрын
Great tutorial! App looks great. Seamless walkthrough my friend. Thank you!
@GreatStackDev
@GreatStackDev 6 ай бұрын
Glad you liked it. Thank You. 😊
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code
@SnlUmut
@SnlUmut Жыл бұрын
i have a cod:401 "invalid api key" error. But in members section my key is seems to active. What is the problem ?
@salonishinde1485
@salonishinde1485 Жыл бұрын
Hey you got the solution? If yess then plzz tell me
@srishtigarg4511
@srishtigarg4511 Жыл бұрын
@Kelvin Mvungi its showing me the same error in the console. previously on browser search it was fine for me.
@geniuskdb3972
@geniuskdb3972 Жыл бұрын
u there?@KelvinMvungi
@johncarter6505
@johncarter6505 8 ай бұрын
I have solution
@johncarter6505
@johncarter6505 8 ай бұрын
Add API key (&units=metric) just same as like
@Asma_Soltani
@Asma_Soltani 20 күн бұрын
Excellent tutoriel 😍
@GreatStackDev
@GreatStackDev 20 күн бұрын
Thank you. 😊 Keep coding.
@nandinishivani4044
@nandinishivani4044 Жыл бұрын
Sir console me API ka data update nhi ho rha erors aa rhe h java script ki please help
@271_jatin_singh_6
@271_jatin_singh_6 Жыл бұрын
you should surround the variable with backticks (`) instead of single quotes (') for it to be interpreted as a template literal wrong-const response = await fetch( apiUrl + '&appid=${apiKey}' ); right-const response = await fetch(`${apiUrl}&appid=${apiKey}`);
@hareshvishal7816
@hareshvishal7816 4 ай бұрын
​@@271_jatin_singh_6thanks a lot.. It worked 😊
@Adelina-r6s
@Adelina-r6s Жыл бұрын
Thank you for the video! For me, as a beginner, it is a great way to learn more and develop skills.
@ramanismaeel
@ramanismaeel 10 ай бұрын
did you get the activation key
@princeshukraan3099
@princeshukraan3099 7 ай бұрын
It's not displaying like yours😭
@man32681
@man32681 6 ай бұрын
Bro, device ka bhe farak padta h . If you are using pixels
@mrsniffles7089
@mrsniffles7089 6 ай бұрын
Did you work it out?
@Pawfessor1
@Pawfessor1 4 ай бұрын
skill issue
@Subham_Singh_555
@Subham_Singh_555 4 ай бұрын
Minimise the use of px, instead use % or vh,vw
@malwaredev33
@malwaredev33 3 ай бұрын
Hey, it's an amazing tutorial for learning HTML, CSS, and JavaScript by making a small hands-on weather app. Thank you.
@krish7305
@krish7305 Жыл бұрын
Broo why you hurt bruuuh xd what you do i know but i give source code of it with more functionality to many people
@Rytchie
@Rytchie 3 ай бұрын
Thanks man! I've been learning JS and this was very helpful. I'm going to push this project to my github.
@tayyabnawaz6389
@tayyabnawaz6389 2 ай бұрын
after how much time Api key activates?
@asrarahmed177
@asrarahmed177 11 ай бұрын
Thank you so much for the content - only a couple suggestions - I am not sure sometimes why you remove something, or add something. For example you said remove console log - but no reasoning given - or you add something without reason. Please give reason it will be very useful.
@DavidLopez-eg6it
@DavidLopez-eg6it 29 күн бұрын
the Console.log() is only for testing the code in the browser console. It does not do anything to the app itself. That's why it was removed. Basically, it is not part of the code. It was only used to show the information returned in the variable Data.
@waleligndamene
@waleligndamene 6 ай бұрын
Thanks a lot! You are wonderful. I followed the whole video and the outcome is the same as yours. I gained fundamental knowledge about the differences between HTML, CSS, and JS in practice not only in theory. Keep up the good work.
@bi.ke__editor
@bi.ke__editor 6 ай бұрын
Your api key is working?
@waleligndamene
@waleligndamene 6 ай бұрын
@@bi.ke__editorAbsolutely!
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Please give me source code
@Creative_skill_kdn
@Creative_skill_kdn 6 ай бұрын
Lots of thank you. My app is working now
@Astra4450
@Astra4450 4 ай бұрын
Api will work?
@Creative_skill_kdn
@Creative_skill_kdn 4 ай бұрын
@@Astra4450 yes if you have any error in your API. Just Copy whole HTML code ,Js Code, Css Code then paste it on Chatgpt. Chat gpt can detect the error and execute your code properly .Then you copy the code and paste in vs code …it will work properly
@Soulcode-k
@Soulcode-k 3 ай бұрын
Seriously so much to learn, it was a great experience❤❤❤
@tayyabnawaz6389
@tayyabnawaz6389 2 ай бұрын
after how much time Api key activates?
@Soulcode-k
@Soulcode-k 2 ай бұрын
@@tayyabnawaz6389 1 day 😂 that's how much i waited for.
@marinaganicheva3462
@marinaganicheva3462 Жыл бұрын
The tutorial is very helpful, thank you so much, but Germany is not the city. Also, CSS could be left for the end, it's definitely not so important in compare to JS part.
@RoKy-y8o
@RoKy-y8o 4 ай бұрын
MashaAllah Kamal ka samjhaya Best
@necrangedu1764
@necrangedu1764 11 ай бұрын
hyper pedagogue je valide ca fonctionne ^^ bien joué
@lavanyasaibollamreddi9959
@lavanyasaibollamreddi9959 5 ай бұрын
Thank you, Avinash! Your explanation thoroughly helped me understand the concepts covered here.
@khushaljain623
@khushaljain623 5 ай бұрын
Did you complete the weather app ? Could you please tell me how much time it took to activate the API key ?
@troiks
@troiks 5 ай бұрын
I really like your chanel and your code along projects. Quick suggestion though, maybe talk about the logic you chose, why you did things a certain way as opposed to another, that would be of immense benefit to those of us who are learning
@meenupatel1256
@meenupatel1256 9 ай бұрын
Amazing Project with straight forward explanation.
@nyokkongor3517
@nyokkongor3517 Жыл бұрын
nice project, though i couldn't get some lines of code , everything was perfect, simple language and i like how you approach at a concept
@Ngongang-bp1nc
@Ngongang-bp1nc 5 ай бұрын
good wow so well explain our future is bright
@GreatStackDev
@GreatStackDev 5 ай бұрын
Glad to hear that. Thanks for your comment. 😊
@abdellatifoutegnit-wl7ge
@abdellatifoutegnit-wl7ge 6 ай бұрын
i learn a lot with you thanks may god bless you 🤲
@shivanisrivastava914
@shivanisrivastava914 Ай бұрын
great videos for beginner
@Myself006
@Myself006 2 ай бұрын
ohh you make me developer🤩
@Sumairesthetics_
@Sumairesthetics_ 2 ай бұрын
Can u please give me source code
@floatingfortress721
@floatingfortress721 Жыл бұрын
Thank you so much! You've earned a new subscriber!!!
@GreatStackDev
@GreatStackDev Жыл бұрын
Thanks for the sub! Hope you will like this 30 JavaScript projects playlist: kzbin.info/aero/PLjwm_8O3suyOgDS_Z8AWbbq3zpCmR-WE9
@Pgibeh5566
@Pgibeh5566 Жыл бұрын
thanks alot after many trials i was able to download the images
@GopalChavan-n7j
@GopalChavan-n7j 3 ай бұрын
I done my first project.. 😊
@GreatStackDev
@GreatStackDev 3 ай бұрын
That is awesome! 😊 Keep doing more projects to master JavaScript.
@GopalChavan-n7j
@GopalChavan-n7j 3 ай бұрын
@@GreatStackDev thank you so much sir... 🙏🥰
@jluna231
@jluna231 Жыл бұрын
It all makes sense now its crazy. I understand everything that is going on.
@meenakshimeeen
@meenakshimeeen 3 ай бұрын
simple and awesome tutorial.... thanks
@GreatStackDev
@GreatStackDev 3 ай бұрын
Glad you liked it!
@LesK-n2s
@LesK-n2s 7 ай бұрын
Great job! Precise and to the point.
@SlinkyCollins
@SlinkyCollins Жыл бұрын
Nice video bro. Keep it up!😎
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,3 МЛН
Мама у нас строгая
00:20
VAVAN
Рет қаралды 9 МЛН
When Cucumbers Meet PVC Pipe The Results Are Wild! 🤭
00:44
Crafty Buddy
Рет қаралды 55 МЛН
APIs for Beginners 2023 - How to use an API (Full Course / Tutorial)
3:07:07
freeCodeCamp.org
Рет қаралды 2,8 МЛН
10 JavaScript Projects in 10 Hours - Coding Challenge 🔥
9:17:09
Florin Pop
Рет қаралды 2,8 МЛН
Fastest way to become a Web Developer in 2025
9:47
Sahil & Sarra
Рет қаралды 727 М.
C Programming Tutorial for Beginners
3:46:13
freeCodeCamp.org
Рет қаралды 14 МЛН
ASMR Programming - Weather App With Javascript - No Talking
20:30
AsmrProg
Рет қаралды 2,8 МЛН
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 616 М.
How to OVER Engineer a Website // What is a Tech Stack?
11:20
Fireship
Рет қаралды 2,5 МЛН
ТЫ В ДЕТСТВЕ КОГДА ВЫПАЛ ЗУБ😂#shorts
00:59
BATEK_OFFICIAL
Рет қаралды 4,3 МЛН