Alpine.js Full Course For Beginners | 4+ hours tutorial

Video Description

Alpine.js is modern, lightweight JavaScript framework which is excellent for DOM manipulation. ⭐️ Source Code ⭐️ https://github.com/thecodeholic/alpinejs-course Support me by subscribing - https://bit.ly/2xTQOI0 Table of Contents ------------------------------------------ 00:00:00 - Intro 00:00:21 - What will I learn? 00:03:52 - Source Code 00:04:11 - Upcoming E-commerce 00:05:35 - Project Setup 00:08:46 - x-data, x-text, x-html 00:13:45 - x-data with methods 00:16:48 - Re-usable Data 00:25:17 - Alpine.js Store 00:27:38 - x-init 00:31:36 - Scoping 00:35:01 - Getters & Setters 00:37:04 - x-show & x-transition 00:41:17 - x-if (If-else statements) 00:44:15 - x-for (Loops) 00:49:06 - x-bind 01:03:42 - Challenge 01:06:51 - x-on (Event Listeners) 01:19:19 - x-model 01:21:23 - Challenge 01:25:21 - x-effect 01:28:15 - x-ignore 01:29:15 - x-ref 01:31:16 - x-cloak 01:33:42 - x-teleport 01:36:57 - Magic property $el 01:38:23 - Magic property $watch 01:40:25 - Magic property $nextTick 01:43:21 - Magic Property $root 01:44:49 - Magic Property $data 01:46:18 - Magic Property $id 01:49:05 - Build Dropdown Component 01:58:43 - Build Modal Component 02:11:45 - Build Tab Component 02:20:15 - Build Carousel Component 02:57:35 - Build Accordion Component 03:04:51 - Build Alert Component 03:22:02 - Build Popover Component 03:31:31 - Mask Plugin 03:36:58 - Intersect Plugin 03:49:29 - Persist Plugin 03:57:18 - Focus Plugin 04:03:49 - Collapse Plugin 04:06:47 - Morph Plugin 04:15:43 - Finish If you really love my content and want to support the channel: 👉 My Patreon: (For monthly donation) https://www.patreon.com/thecodeholic 🍺 Buy me Beer: (For one time donation) https://www.buymeacoffee.com/thecodeh... 🖱️Follow me on social media:🖱️ https://twitter.com/thecodeholic https://www.facebook.com/thecodeholic https://www.instagram.com/thecodeholic/ Check my Github: https://github.com/thecodeholic