Learn the new alpine.js v3 (2022)

  • Course level: All Levels

About Course

With alpinejs you use cool JavaScript features the easy way! I show you how that works!


Hey Guys!

Alpine.js is a very cool and very easy way to implement some everyday’s JavaScript functionality on your web pages.

It is so easy that you do not even have to learn JavaScript at all to use many of those features!

But also for many of you, who have already worked with JavaScript, Alpine.js will be a big improvement on implementing certain tasks.

Alpine.js is super modern and you really should know it.

You can also use Alpine.js together with normal JavaScript or e.g. together with jQuery without any problems.

Compared to jQuery for instance you can solve certain problems with MUCH LESS EFFORT!

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!

What Will I Learn?

  • Understand Alpine JS
  • Use Alpine JS

Topics for this course

30 Lessons

1. Alpine JS Quick Start – Learning Part 1

1. The new version Alpine.js V3 a short introduction00:00:00
2. Preparation Editor, Plugins, Browser00:00:00
3. How to use this course the most efficient way00:00:00
4. Object and Scope Where is your object visible00:00:00
5. x-bind () – manipulate HTML attributes00:00:00
6. x-model set object value to input value00:00:00
7. x-show x-if Hide or show elements 2 different ways00:00:00
8. x-on x-ref $refs00:00:00
9. Improvements in Alpinejs Version 3 on event listeners (x-on)00:00:00
10. Recap of what you learned so far00:00:00

2. Time to practice

3. Learning Part 2



  • Basic HTML knowledge