Tutorialspoint

April Learning Carnival is here, Use code FEST10 for an extra 10% off

Introduction to Alpine JS

person icon Karo_ Product

4

Introduction to Alpine JS

Introduction to your new, lightweight, JavaScript framework like vue, angular, react, etc

updated on icon Updated on Apr, 2024

language icon Language - English

person icon Karo_ Product

English [CC]

category icon Development,Alpine.js

Lectures -18

Duration -1 hours

4

price-loader

30-days Money-Back Guarantee

Training 5 or more people ?

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
Introduction to Alpine JS

Curriculum

Check out the detailed breakdown of what’s inside the course

Directives
14 Lectures
  • play icon Introduction 02:05 02:05
  • play icon Data and Text Directives 07:05 07:05
  • play icon Init and Show Directives 05:26 05:26
  • play icon Bind Directive 07:54 07:54
  • play icon On Directive - Part 01 07:57 07:57
  • play icon On Directive - Part 02 10:00 10:00
  • play icon Html Directive 01:20 01:20
  • play icon Model Directive 05:54 05:54
  • play icon For Directive 03:44 03:44
  • play icon Transition Directive 04:26 04:26
  • play icon Effect and Ignore Directives 02:01 02:01
  • play icon Ref and Cloak Directives 03:06 03:06
  • play icon Teleport Directive 04:16 04:16
  • play icon If and id Directives 05:49 05:49
Magics
4 Lectures
Tutorialspoint

Instructor Details

karo_ product

karo_ product

e


Course Certificate

Use your certificate to make a career change or to advance in your current career.

sample Tutorialspoint certificate

Our students work
with the Best

Related Video Courses

View More

Annual Membership

Become a valued member of Tutorials Point and enjoy unlimited access to our vast library of top-rated Video Courses

Subscribe now
Annual Membership

Online Certifications

Master prominent technologies at full length and become a valued certified professional.

Explore Now
Online Certifications

Talk to us

1800-202-0515