Главная
Study mode:
on
1
- Intro
2
- File Setup
3
- x-data & Components
4
- x-show
5
- x-cloak
6
- x-on & Events
7
- x-text
8
- x-transition
9
- x-effect
10
- x-bind
11
- x-model
12
- x-if
13
- x-for & Loops
14
- Manipulating State
15
- x-ref & $refs
16
- x-html
17
- $el
18
- $watch
19
- $dispatch
20
- $data
21
- Alpine Stores
22
- Mask Plugin
Description:
Dive into a comprehensive 42-minute video tutorial on Alpine.js, exploring all directives, properties, and stores. Learn to set up files, create components with x-data, and master essential directives like x-show, x-cloak, and x-on for event handling. Discover how to manipulate text with x-text, add transitions, and utilize x-effect for reactive updates. Explore data binding with x-bind and x-model, conditional rendering with x-if, and loop through data using x-for. Gain insights into state manipulation, referencing elements with x-ref, and working with HTML content. Understand Alpine.js magic properties like $el, $watch, and $dispatch, and learn to access component data. Conclude with an introduction to Alpine Stores for global state management and the Mask plugin for input formatting.

Alpine.js Crash Course

Traversy Media
Add to list