Weather App Easy with Javascript | Code Free

Hello everyone, I'm creating a lot of new projects every day and sharing them 😍, including things you'll love to know about javascript and web Developer, Designer. Subscribe to the channel so you don't miss it ✅.

In this tutorial, I will create an extremely cool weather application using only HTML, CSS and Javascript, and help you get acquainted with using the API to send and receive data in a simple way ✅.

Steps - By Steps:
00:00 - Project introduction
00:39 - Setup Project
01:00 - Write HTML and CSS
07:27 - DOM declaration in Javascript
08:27 - Event User Search Weather
09:00 - Create API
10:37 - Insert returned data into the app
13:17 - Animation when API has no data
15:27 - Create your own key

#javascript #code #css

Contact With me:

Buy me a cup of coffee by clicking the thanks button on any video. Thank you very much for your support 😍.

Here, I share all my knowledge about Developer and Web Design including languages ​​such as HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind along with clean code techniques and UI UX Design.

[lundeveloper]

A small application that helps you get acquainted with the API, subscribe to the channel to update new interesting videos every day 😍

[raze_fury]

I Just started my journey in Computer Science. Coding in CSS, HTML is fun and enjoying to do. I am looking forward to achieve my dream of joining a software commpany. Your videos are very helpful, understanding and awesome. Hoping on more projects from you. 😄

[nguyenkhang]

Dạ anh LunDev nếu có thể anh làm chatbox realtime thử anh

[kunalkhare]

this channel is gold mine for web developers, thank you for such content ❤❤

[Fatima-dzc]

Your explanation is wonderful! Could you please create a video tutorial covering everything about CSS from scratch, step by step, starting from zero to advanced?

[Salainganba-vi]

bro which theme are u using look very distinctive.

[RonalRomeroVergel]

the part of creating your own api key it should be stay when u assign the variable id, i was so lost and not understanding why it doesn't work, for the rest of the content was great thanks!

[ShreshthTiwari]

it is amazing but i think it will be much easier to implement with frameworks.
NextJS is currently in trend if you could make videos about how to implement it on NextJS or even react you will get a lot of leaners.

[taranpreetkaur]

Hii, I am unable to fetch the api .. i am getting 401 error.. what should i do

[SpexialDesigns]

This is really helpful and most importantly for my portfolio, I really appreciate 🙏❤

Would you you advise I go for a coding camp or a university to become good at software development

I want to be good at mobile, iOS and web app development.

I would really appreciate if I can get an advice from you please 🙏

[johnwick-zpuk]

How can we remove the decimal from the temperature ? Your work is very excellent btw

[reiino]

When referencing the icons from awesome font, it doesn't show the icon on my index.html. help T.T

[mclovinyousaucin]

is this website responsive, my project for web development says it needs to be responsive 🙈