Channel | Publish Date | Thumbnail & View Count | Download Video |
---|---|---|---|
Publish Date not found | 0 Views |
In this tutorial, I'll create an extremely cool weather app using only HTML, CSS, and Javascript, and help you get started using the API to send and receive data in a simple way.
Steps – Step by step:
00:00 – Project presentation
00:39 – Installation project
01:00 – Writing HTML and CSS
07:27 – DOM declaration in Javascript
08:27 – Weather Event User Search
09:00 – Create an API
10:37 – Insert the returned data into the application
13:17 – Animation when API has no data
15:27 – Create your own key
Download the code: https://www.lundevweb.com/2024/04/guide-pour-creer-une-meteo-simple.html
#javascript #code #css
VsCode theme I use: https://youtu.be/DSxUlhIN2lk
React Js Tutorial: https://www.youtube.com/playlist?list=PLe28tn1x4EIYkPFBrutgP-j1Pe8edxLiz
Slider Design – Web Carousel: https://www.youtube.com/watch?v=Xh-wIMqohD0&list=PLe28tn1x4EIZE0Rp8xakXrvPY7m63_6Oc&pp=gAQBiAQB
Website Design Template: 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
Image effect using HTML CSS Javascript: https://www.youtube.com/watch?v=R36sxK0STUg&list=PLe28tn1x4EIa-CSr0p6y1ciWcRJfa2DiO&pp=gAQBiAQB
Web Menu Animation Design: https://www.youtube.com/watch?v=29jWRcanWKQ&list=PLe28tn1x4EIYQa4JZJWJcvVD-oske28RQ&pp=gAQBiAQB
Design Effect Map: https://www.youtube.com/watch?v=r-gWdFSTDus&list=PLe28tn1x4EIa4b3MNasOQXkXDO8tkEaTN&pp=gAQBiAQB
There are many other series: https://www.youtube.com/@lundeveloper/videos
Contact me:
Instagram: https://www.instagram.com/lundev.web
Email: [email protected]
Buy me a cup of coffee by clicking the thank you button on any video. Thank you so much for your support.
Here I share all my knowledge about web development and design including languages like HTML, CSS, SASS, Javascript, Vue, React, Bootstrap, Tailwind as well as clean code and UI UX design techniques.
Please feel free to connect and share this video with your friends and family if you find it useful.