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

11 ай бұрын

best

@maheshwarimandigam5464

8 ай бұрын

"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

8 ай бұрын

i was literally searching for this comment , now i'm confident that i can learn through projects rather than watching tutorials only

@littlecurrybread

8 ай бұрын

@@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

7 ай бұрын

somebody has this book ""Javascript In Less than 50 Pages"" in PDF?

Avinash, You are a real hero...... You make coding very easy for us to learn.

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

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

8 ай бұрын

Any error

@nazamwasi3357

8 ай бұрын

Bro i got error ,not getting details of city time stamp 22:32

@panktichaudhari

8 ай бұрын

Hey are you getting temperature in Celsius? Because I'm not getting it after applying units=metric

@behappy1666

6 ай бұрын

Bro weather images are not updating...

@RudraShejwal-jv2bf

5 ай бұрын

​@@nazamwasi3357 same

You are my best youtuber now. I developed my first web app with your tutorial

You are the best teacher ever in the world. You simplify things to the ground.

Clear cut and straight forward to the content. Best yet easy lecture Thanks a lot 🤗🤗🤗

@user-rg7ec9cn7d

2 ай бұрын

good video. Tech with Tim is also good.

Just finished building this app. It was really good experience for a beginner. Everything is explained step by step, systematically. Thank you

Thanks a lot you actually started my web dev journey!!!

"That's it... practice, practice, practice." Thanks a lot. I'm planning view all your videos.

@VaibhavgiriGoswami-wx8ql

4 ай бұрын

You sloved addEventListener problem I not able to click and change city information

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`;

Thanks, finally something i can relate, understand and practice for my vue projects.

I just finished this one and I'll finish all 30 projects....you are a good teacher,god bless you

@user-gu2sh6ty7x

4 ай бұрын

Not able to fetch the temp of Himachal pardesh. Can you please help me

@mehwishjabeen526

3 ай бұрын

how much time it took to create the API?

@prathmeshkirve

2 ай бұрын

usne city leha hai state nahi @@user-gu2sh6ty7x

@princeshukraan3099

2 ай бұрын

Bro,please help me out

@SkyCarly

Ай бұрын

How long it took you to active the API ?? Can you please tell ?

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

Just finished this! Thank youu so much for great tutorials!

Thank you very much. You explain so well and clearly. God bless you abundantly.

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

5 ай бұрын

if you have made it can you give me the source code

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

8 ай бұрын

"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

Thanks a lot. You describe things very nicely. Appreciate your work.

Really enjoy this video. Using API's is awesome, hope you'll make more projects based on this approach!

All the projects are life savior for beginners, thank you 3000❣️

@Nitishyadavlog

5 ай бұрын

Hello. Can u understand me to how can I acess sir's pdf in which all images are there

@Manas361

4 ай бұрын

@@Nitishyadavlog There is a given link of google drive .. from where you can download images

THIS WHOLE PLAYLIST IS A GIFT FOR FRESSHERS LIKE ME WHO WANTS TO LEARN SOMETHING NEW

@Chandan-Singh10

8 ай бұрын

Aman you build this weather aap

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.🎉

Fantastic tutorial and easy to follow along. Thank you so much.

This was PERFECT , thank you for this it worked perfectly and it was easy to follow you up

@Zaynahazlanworld

Ай бұрын

how does image comes? by default or it should b save in our pc?

@Shanma09

8 күн бұрын

@@Zaynahazlanworld we should save those images provided in the description so that we can addd them.

tried this without watching only checked the api, really like the result of the video, but its way more fun to try it first

its just amazing , very proper explanation also better than some paid courses . thanks a lot

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?

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

2 ай бұрын

Bro,please help me,I'm stuck

@gurvirsinghkhalsa614

2 ай бұрын

@@princeshukraan3099okey bro, How can i help you ?

@abcdabcd8605

Ай бұрын

@@princeshukraan3099 where are you stuck?

@saikumarr_

26 күн бұрын

@@abcdabcd8605 those images are not changing according to the weather data

@sandeepchintu830

9 күн бұрын

@@abcdabcd8605 bro you can help me im stuck

Great learning experience. Thank you for this video. Highly appreciate your efforts.

Thank you so much for the lesson! It's great!

So simple yet very good and excellent explanation thank you!👍

@maheshwarimandigam5464

8 ай бұрын

"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

8 ай бұрын

@@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

8 ай бұрын

@@maheshwarimandigam5464 are you beginner ?

@06-bhaveshrathod40

8 ай бұрын

​​@@maheshwarimandigam5464bro he did something that we don't no not in javascript but in css too

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

Жыл бұрын

Hey, i need a help

@thecoolnewsguy

Жыл бұрын

@@yashikagoyal9523 where

@chinmaywasule249

11 ай бұрын

howlong did it take to activvate the activation key??

@joybratadas902

11 ай бұрын

@@chinmaywasule249 I have the similar question

@chinmaywasule249

11 ай бұрын

@@joybratadas902 it was activated in an hour or 2 ig

This is amazing! I learned so much doing this! Thank you!!

"Excellent, easy-to-follow guide for creating a weather app with JavaScript! Highly recommend."

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.

@user-gr9mc4dr1v

8 ай бұрын

thank you for this suggestuion @@epicgameboi

@rudreshraj1298

7 ай бұрын

dont worry it also works with lower case

@gopikrishna6808

6 ай бұрын

That is why he used == not ===

Amazing Project with straight forward explanation.

cannot ask more. amazing and perfect!!!!

It's awesome... How we get your source code, sir?

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

11 ай бұрын

Op bro You have really good command on DOM Manipulation. Thanks for good suggestion.

@wetbread9401

11 ай бұрын

what a legend! thank you for this command!

@nullzero9224

9 ай бұрын

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"

Amazingly simple, simply amazing.

"Excellent, easy-to-follow tutorial on creating a weather app with JavaScript! Highly recommend."

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

11 ай бұрын

Do js inside html not external ( Herald ko ho bhane reply )

@potnurujaivanth7819

11 ай бұрын

​@@gaminghubnepal8500won't it work if I do it in an external js file?

@xqyba2645

7 ай бұрын

@@gaminghubnepal8500 is there any way to make it work in external js

@jcorreaUdeA

7 ай бұрын

You can use external js file, just use the defer attribute on the script tag

Please provide the code files and the links in the description as soon as possible. Thank You.

@chefernandez563

7 ай бұрын

It's better to learn by typing everything yourself not just copy ans paste

Fantastic exercise for a beginner. Thank you

Thanks, great tutorial, I learn about fetch API after this one.

Can I close the tabs or the system while waiting for the API to get activated and then come back to the link again ??

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

Жыл бұрын

I think it's "Clouds" not "clouds" in the condition

@riksangma3359

Жыл бұрын

I see I will try it later. Thanks 🙂

@KanhaiyaPadol

Жыл бұрын

I m getting same problem will u pls send ur code to me if possible

@manavjoshi6427

Жыл бұрын

I m getting same problem how does they will solve the issue any one can help in code ?

@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."); }

I,ve just finish this project and i,ll definetly finish all the project which is present in playlist😍.

thank you so much for using very simple words and no words to describe

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

5 ай бұрын

Thanks for this

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

4 ай бұрын

Thank you, It corrected the errors I was getting.

@munchkin._.delights

Ай бұрын

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

i have a cod:401 "invalid api key" error. But in members section my key is seems to active. What is the problem ?

@salonishinde1485

Жыл бұрын

Hey you got the solution? If yess then plzz tell me

@srishtigarg4511

Жыл бұрын

@Kelvin Mvungi its showing me the same error in the console. previously on browser search it was fine for me.

@geniuskdb3972

10 ай бұрын

u there?@KelvinMvungi

@johncarter6505

3 ай бұрын

I have solution

@johncarter6505

3 ай бұрын

Add API key (&units=metric) just same as like

Bro, u have an excellent didatic! U do shows up this so easily.

It all makes sense now its crazy. I understand everything that is going on.

Sir console me API ka data update nhi ho rha erors aa rhe h java script ki please help

@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}`);

I'm unable to fetch api, it shows unauthorized(401)

@adsye0015

Жыл бұрын

Same here I can't fetch in console log say unauthorized please help me and can't change places on card

@humanbetterthanai

9 ай бұрын

​@@adsye0015check ur api key

@yogeshdudde562

9 ай бұрын

Take 15 min then fetch

@learner2998

8 ай бұрын

Maybe your account is expired so try to sign up with another account. Then it will work perfectly

@unknownalphaplusman

7 ай бұрын

Did you able to fetch api?

ThankYou buddy. Was an intreseting video, learned very much.

Thank you so much .I learn a lot from you.🎉My second app

Broo why you hurt bruuuh xd what you do i know but i give source code of it with more functionality to many people

It's not displaying like yours😭

@man32681

Ай бұрын

Bro, device ka bhe farak padta h . If you are using pixels

@mrsniffles7089

Ай бұрын

Did you work it out?

Thanks alot,, great great playlist. It’s helpful for beginner ❤

Thank you for the video! For me, as a beginner, it is a great way to learn more and develop skills.

@ramanismaeel

6 ай бұрын

did you get the activation key

u are truely fabulous sir it was best for me till now thanks a lot god bless u dear.

Very great and clear tutorial, thank you!

very good tutorial we learnt a lot of new things from you thank you for your affectionating work.😀

Awesome as always! Thank you!

"Excellent tutorial! Clearly explained, easy to follow. Made creating a weather app with JavaScript a breeze."

@Kalicharan-tu6kr

26 күн бұрын

30:42 I m having Event listener error why???

Great job! Precise and to the point.

I liked this weather app taught me in depth, thanks

Lots of thank you. My app is working now

Very Helpful video. was very easy to follow. Thanks sir you this kind of video

Thank you very much for this Totorial its help me very much to programm with apis

great video with a superb explanation. thank you sir!

Great video , Thanks Wanted to add another variable for time to show moon instead of the sun kindly could you share where you got the pictures so that I could look for ones with moons ,would really appreciate

Thanks very clear, understandable.

Ammazing. We need more like this tutorial

Awesome tutorial. Learned so many new things

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

thanks alot after many trials i was able to download the images

i am followingg yourr js serries great work man thanks

Thank you I was able to complete this tutorial

perfect project and perfect speaking

Thank you for this great course😃🥰

you can avoid doing those if and else for weather icon here the short way weatherIcon.src= `images/${(data.weather[0].main)}.png`; I hope this can help to anyone

Sir you are great 👍👍, you are boon for students like us

i learn a lot with you thanks may god bless you 🤲

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

6 ай бұрын

@JGxJAMES i am also getting an error are you also getting error 401 ?

সত্যিই খুবই চমৎকার একটি শিক্ষনীয় ভিডিও। বোঝানোর ক্ষমতা অসাধারণ-A very nice educational video indeed. The power of persuasion is extraordinary.

@-goendadhadha6172

3 ай бұрын

apnar bari kothay bro???

Thanku very much sir you explain it very easily

Nicely Done , Helped me refine my Skills

Thanks for this amazing tutorial can't way to watch the other tutorials.

a simple and clear tutorial

This is amazing. Thank you so much.

Thank you for your videos, very helpful always

Great video , great explanation bro, this will help for many people, thanks

Thanks for the wonderful explanation and video , and please explain the js with detailed information 😊

completed the app today, thanks for the great explanation

@GreatStackDev

20 күн бұрын

Glad to hear that. Thanks for your comment. 😊

gracias por los tutoriales, saludos desde Argentina.

Thanks man. This was useful.