Introduction to Alpine JS
Introduction to your new, lightweight, JavaScript framework like vue, angular, react, etc
Lectures -18
Duration -1 hours
Lifetime Access
Lifetime Access
30-days Money-Back Guarantee
Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.
Course Description
Hey Guys!
Alpine.js is a rugged, minimal tool for composing behaviour directly in your markup. Think of it like jQuery for the modern web. Plop in a script tag and get going.
Alpine.js is a very cool and very easy way to implement some everyday JavaScript functionality on your web pages.
In this course, you will learn about Alpine JS directives and it's magic properties. It is so easy that you don't even have to learn JavaScript at all to use many of those features!
Alpine's syntax is very similar to Vue's syntax, and in this sense, it is very easy and attractive to learn. If you already know Vue.js (or have heard of it), you will see that you can implement many features of Vue.js, but you do not have this complicated installation and setup process, and also, Alpine.js is much easier to integrate into any existing application or web page!
Alpine is a collection of 15 attributes, 6 properties, and 2 methods.
In the first chapter and in 14 lessons, you will be taught Alpine JS directives.
Alpine JS magic properties will be examined in the second chapter and in 4 lessons.
I hope you enjoy this course.
Goals
- Basic knowledge of Alpine.js.
- Getting to know the differences between Alpine.js and JavaScript, jQuery, Vue, React and etc.
- How to install Alpine.js.
- Understand the concepts behind Alpine JS.
- Getting to know the directives.
- Getting to know the magic properties.
Prerequisites
- Basic knowledge of the JavaScript language.
- Basic knowledge of JavaScript frameworks.

Curriculum
Check out the detailed breakdown of what’s inside the course
Directives
14 Lectures
-
Introduction 02:05 02:05
-
Data and Text Directives 07:05 07:05
-
Init and Show Directives 05:26 05:26
-
Bind Directive 07:54 07:54
-
On Directive - Part 01 07:57 07:57
-
On Directive - Part 02 10:00 10:00
-
Html Directive 01:20 01:20
-
Model Directive 05:54 05:54
-
For Directive 03:44 03:44
-
Transition Directive 04:26 04:26
-
Effect and Ignore Directives 02:01 02:01
-
Ref and Cloak Directives 03:06 03:06
-
Teleport Directive 04:16 04:16
-
If and id Directives 05:49 05:49
Magics
4 Lectures

Instructor Details

karo_ product
Course Certificate
Use your certificate to make a career change or to advance in your current career.

Our students work
with the Best


































Related Video Courses
View MoreAnnual Membership
Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses
Subscribe now
Online Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now