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
Download Code: https://www.lundevweb.com/2024/04/guide-to-creating-simple-weather.html
#javascript #code #css
Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk
React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz
Design Slider - Carousel web: https://www.youtube.com/watch?v=Xh-wIMqohD0&list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc&pp=gAQBiAQB
Design Template Website: https://www.youtube.com/watch?v=z-YZU9xB9A8&list=PLe28tn1x4EIZsAP6Bjo-gHEJDHQ7jho1o&pp=gAQBiAQB
Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB
Effect Image using HTML CSS Javascript: https://www.youtube.com/watch?v=R36sxK0STUg&list=PLe28tn1x4EIa-CSr0p6y1ciWcRJfa2DiO&pp=gAQBiAQB
Design Animation Menu Web: https://www.youtube.com/watch?v=29jWRcanWKQ&list=PLe28tn1x4EIYQa4JZJWJcvVD-oske28RQ&pp=gAQBiAQB
Design Effect Card: https://www.youtube.com/watch?v=r-gWdFSTDus&list=PLe28tn1x4EIa4b3MNasOQXkXDO8tkEaTN&pp=gAQBiAQB
There are many other series: https://www.youtube.com/@lundeveloper/videos
Contact With me:
Instagram: https://www.instagram.com/lundev.web
Email: hohoang.dev@gmail.com
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.
Видео Weather App Easy with Javascript | Code Free канала Lun Dev
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
Download Code: https://www.lundevweb.com/2024/04/guide-to-creating-simple-weather.html
#javascript #code #css
Theme VsCode I'm Using: https://youtu.be/DSxUlhIN2lk
React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz
Design Slider - Carousel web: https://www.youtube.com/watch?v=Xh-wIMqohD0&list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc&pp=gAQBiAQB
Design Template Website: https://www.youtube.com/watch?v=z-YZU9xB9A8&list=PLe28tn1x4EIZsAP6Bjo-gHEJDHQ7jho1o&pp=gAQBiAQB
Design Parallax SCrolling Effect: https://www.youtube.com/watch?v=LlPQk6ajrnE&list=PLe28tn1x4EIbqW7C8iZ4vw7PonCHbw0Kd&pp=gAQBiAQB
Effect Image using HTML CSS Javascript: https://www.youtube.com/watch?v=R36sxK0STUg&list=PLe28tn1x4EIa-CSr0p6y1ciWcRJfa2DiO&pp=gAQBiAQB
Design Animation Menu Web: https://www.youtube.com/watch?v=29jWRcanWKQ&list=PLe28tn1x4EIYQa4JZJWJcvVD-oske28RQ&pp=gAQBiAQB
Design Effect Card: https://www.youtube.com/watch?v=r-gWdFSTDus&list=PLe28tn1x4EIa4b3MNasOQXkXDO8tkEaTN&pp=gAQBiAQB
There are many other series: https://www.youtube.com/@lundeveloper/videos
Contact With me:
Instagram: https://www.instagram.com/lundev.web
Email: hohoang.dev@gmail.com
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.
Видео Weather App Easy with Javascript | Code Free канала Lun Dev
Weather App Easy with Javascript javascript weather app javascript weather api weather app using javascript javascript basics javascript for beginners javascript full course javascript functions javascript mastery javascript project javascript weather app tutorial create weather app using html css and js create weather app using html css javascript javascript tutorial weather app code html css javascript code web lun dev code free
Комментарии отсутствуют
Информация о видео
1 апреля 2024 г. 17:30:18
00:16:36
Другие видео канала
Custom Right Click in HTML CSS & JavaScript
Create To-Do List App Using HTML CSS And JavaScript
CSS 3d Layered Image Hover Effects - CSS Tutorial
Using box shadow html css create effect water #html #css #javascript #it #code
Wavy background animation Effect | HTML CSS only
Before and After in CSS
Design web Simple Pure CSS JS Parallax Scroll Tutorial
Check Network Status like Facebook using JavaScript
Master Flex CSS trong 15 phút - CSS tutorial
Add 3D Animation to Website - Three.js Tutorial
Animation text-shadow CSS – series learning animation website in newbie
Animated Login Form Using HTML & CSS
Update level CSS everyday #html #css #javascript #uiux #uxdesign #slider #design #ui
Animation Web design CSS only - Hiệu ứng gỏ chử animation typing (Bài 2)
Add tags input using HTML CSS Javascript
Emojis in HTML CSS | CSS tutorial
Effect Image Like Instagram Using CSS Only | CSS Tutorial
How to create an Accordion UI using CSS & Javascript
Magic Navigation Menu using Html CSS & Javascript | Outer curve effect
How To Make Web App UX UI | Website Design With HTML And CSS
Create a Read More Read Less Button using CSS only - step by step
