1. Main page
2. Coding With ArsenTech

Build the Quote Generator with JavaScript, learn about the fetch method in JavaScript, and use the REST API.

➤ Source Code and Icons:
https://github.com/ArsenTech/source-c...

➤ Live Preview:
https://codepen.io/ArsenTech/pen/ByoaZrX

➤ Timestamps:
0:00 Intro
0:05 Live Preview
1:12 App Structure in HTML
1:42 Designing the Container
2:32 Designing Buttons
3:25 Initializing Elements in JavaScript
3:43 Getting the quote from the API
4:16 Displaying content from API to HTML
4:42 Alert box Design
5:25 Alert box logic using JavaScript
6:00 Adding Loading Text to a Generate Button
6:30 Making the app Responsive
7:47 Outro

➤ Music:
Song: Culture Code - Make Me Move (feat. Karra) [NCS Release]
Music provided by NoCopyrightSounds
Watch:    • Culture Code - Make Me Move (feat. Karra) ...  

Song: Giraffe Squad - Wait For Me [NCS Release]
Music provided by NoCopyrightSounds
Watch:    • Giraffe Squad - Wait For Me | Trap | NCS -...  

Song: Lensko - Cetus [NCS Release]
Music provided by NoCopyrightSounds
Watch:    • Lensko - Cetus | House | NCS - Copyright F...  

➤ More from Coding With ArsenTech
Website Component Tutorials -    • 🛠️ Website Components You Can Add (UI/UX E...  
Coding Tips and Tricks -    • 💡 Coding Tips & Tricks to Improve Your Skills  
Coding Progress Videos -    • 👨‍💻 Coding Progress  
Rest API Tutorials -    • 🌐 REST API Projects: Build Real-World Web ...  
JavaScript Project Tutorials -    • 🚀 JavaScript Projects for Beginners & Experts  

#Webdev #HTML #CSS #JS #ArsenTech
————————————
➤ Subscribe (Programming with ArsenTech):    / @coding_with_arsentech  
➤ Subscribe (ArsenTech):    / @arsentech  
➤ Odysee (Tech): https://odysee.com/@ArsenTech
➤ Odysee (Coding): https://odysee.com/@ArsenTech-Coding
➤ Visit My Website: https://arsentech.github.io/
Like, Share, Comment, if you liked this

On this page of the site you can watch the video online Build a Random Quote Generator using JavaScript & REST API! with a duration of hours minute second in good quality, which was uploaded by the user Coding With ArsenTech 26 June 2023, share the link with friends and acquaintances, this video has already been watched 89 times on youtube and it was liked by 6 viewers. Enjoy your viewing!

play_arrow

16,297,463

257K

BÜYÜK, ORTA, veya KÜÇÜK YEMEK YARIŞMASI !? LİNA KOPTU

play_arrow

No

0

PYTHON : What does the slash mean in help() output?

play_arrow

2,102

12

Selahattin Demirtaş : ben çaldığımı söylüyorum sen çaldığını söyleyebiliyor musun?

play_arrow

163

2

Create SMS membership renewals in 1 minute

play_arrow

55

4

Genshin Impact 4.8 #17 Событие Мир за рамками холста + Крутим баннеры

play_arrow

393

2

Przełącznik dotykowy

play_arrow

71

1

Забелин Сергей, Первенство России 2003

play_arrow

14,016

193

Reptile B x Kangs x Misterrcha - Aint My Issue (Music Video)