Introduction to Alpine JS
Introduction to your new, lightweight, JavaScript framework like vue, angular, react, etc
Lectures -18
Duration -1 hours
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 behavior 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's 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 in 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
What will you learn in this course:
- 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
What are the prerequisites for this course?
- Basic knowledge of 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
eCourse 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 nowOnline Certifications
Master prominent technologies at full length and become a valued certified professional.
Explore Now