Learn the new alpine.js v3 (2022)

About Course

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!

Show More

What Will You Learn?

  • Understand Alpine JS
  • Use Alpine JS

Course Content

1. Alpine JS Quick Start – Learning Part 1

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

2. Time to practice

3. Learning Part 2