Creating JavaScript Help And FAQ Responsive Widget With Animations From Scratch HTML/CSS/JS
In this video, I will show you how to create a responsive widget that can display help and faq about your Business using vanilla javascript and some CSS animations, you can customize this widget and use it on your website or web application this is a frontend widget without any server requests and database. In JavaScript, I'm using dummy data as questions and answers but you can make a fetch or XMLHttpRequest to your API and get your data from the server and your database.
----------------------------------------
▶ TABLE OF CONTENTS
----------------------------------------
0:00 Introduction And Preview
1:08 HTML [ Creating Widget Elements ]
1:46 CSS [ Widget Styles ]
3:12 JavaScript [ Display FAQ Data ]
4:16 CSS [ FAQ List And Accordion Styles ]
6:22 JavaScript [ Creating Accordion ]
8:06 CSS [ Responsive | Mobile Version ]
8:58 JavaScript [ Adding Animations To The Widget ]
12:58 CSS [ Fixing An Issue ]
13:17 Full Checking Of The Widget
13:24 Hint About Animations
13:47 How JavaScript Manipulating HTML DOM?!
-------------------------
🤖 LIVE DEMO
-------------------------
https://saeedkohansal.github.io/JavaS...
------------------------------
👨💻 SOURCE CODE
------------------------------
https://github.com/saeedkohansal/Java...
https://jsfiddle.net/gilgeekify/q8jov...
If You Enjoy My Content, Please Support Me 😍🙏
💙 PAYPAL DONATION
https://paypal.me/gilgeekify
❤️ PATREON
/ gilgeekify
💛 BUY ME A COFFEE
https://www.buymeacoffee.com/gilgeekify
🪙 My Public Address To Receive BTC • Bitcoin
bc1qerc5ev074cqknu9nz589w4vjf5ecmhuc2df83h
🥈 My Public Address To Receive ETH • Ethereum
0x566A47B9731209A5144336D274D44224bfb9C0ea
#faq #bootstrapicons #javascript #widget #js #html #css #frontend #programming #webanimations #vanillajavascript #webdesign #coolwebdevelopmenttricks #programming #gilgeekify
Sur cette page du site, vous pouvez voir la vidéo en ligne Creating JavaScript Help And FAQ Responsive Widget With Animations From Scratch HTML/CSS/JS durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur gilgeekify programming 04 avril 2022, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 407 fois et il a aimé 10 téléspectateurs. Bon visionnage!
