Learn Alpine.js: Up & Running with Alpine.js v3

Description

In this course, you will learn :

• Alpine is a JavaScript framework that you should learn.
• Alpine is used to create interactive websites.
• Alpine's proper use-cases.
• Alpine is used to create interactive web components.

Syllabus :

1. Essentials of Alpine.js

• Alpine Component Start with `x-data`
• Data Binding with `x-bind` and `x-model`
• Special `x-model` Modifiers
• Toggle elements with `x-show`
• Removing page flickerings with `x-cloak`
• Conditional rendering with `x-if`
• We can use regular JavaScript in directives

 

2. Working with Dynamic Data

• Render templates multiple times with `x-for`
• Objects in for-loops and binding a key in `x-for`
• Fetching From an API on `x-init`
• Extracting out inline JavaScript

Show more