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

Alpine.js is modern, lightweight JavaScript framework which is excellent for DOM manipulation.

⭐️ Source Code ⭐️
https://github.com/thecodeholic/alpin...

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)
  / thecodeholic  
🍺 Buy me Beer: (For one time donation)
https://www.buymeacoffee.com/thecodeh...

🖱️Follow me on social media:🖱️
  / thecodeholic  
  / thecodeholic  
  / thecodeholic  

Check my Github:
https://github.com/thecodeholic