Tutorial to Learn Alpine JS - Full Course for Beginners

Video Description

🎓 View our courses: https://scrimba.com/links/all-courses Learn Alpine JS with Andre Madarang 💻 Full interactive course on Scrimba: https://rebrand.ly/galpinejs Are you looking for a quick way to add interactivity to a website without having to introduce a full-blown framework like Vue or React? Look no further! Alpine.js offers you the reactive and declarative nature of big frameworks at a much lower cost. You get to keep your DOM and sprinkle in behavior as you see fit. Think of it like Tailwind for JavaScript! This course will give you a quick introduction to Alpine.js via interactive coding challenges. The teacher is the eminent Andre Madarang, a full-stack web developer, and popular YouTube instructor. 📝 Check out Andre's Youtube channel: https://www.youtube.com/channel/UCtb40EQj2inp8zuaQlLx3iQ ⚡ Contents ⚡ 00:00:00 - Introduction 00:02:45 - Installation & A Basic Alpine Component 00:05:57 - Dropdown 00:10:34 - Modals and x-ref 00:14:54 - Sidebar 00:17:30 - Tabs 00:22:23 - Image Selection 00:26:26 - Scroll Detection 00:29:13 - Accordion Toggle and loops 00:36:27 - fetch and x-init 00:39:15 - Todo App and x-model 00:48:21 - Transitions: Dropdown 00:54:23 - Transitions: Modal 00:55:44 - Transitions: Sidebar 00:57:14 - Easier Transitions 01:01:11 - Conclusion -- 🏫 We are looking for teachers! https://rebrand.ly/become-scrimba-teacher 📚 We also blog! Follow our articles: https://dev.to/scrimba 💬 Join the Scrimba community chat: https://rebrand.ly/scrimba_discord