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
-------------------------

------------------------------
👨‍💻 SOURCE CODE
------------------------------

If You Enjoy My Content, Please Support Me 😍🙏

💙 PAYPAL DONATION

❤️ PATREON

💛 BUY ME A COFFEE

🪙 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