Alpine.js Crash Course

Code:

👇 Website & Courses:

💖 Show Support

👇 Follow Me On Social Media:

Timestamps:
0:00 - Intro
2:02 - File Setup
3:41 - x-data & Components
4:15 - x-show
5:00 - x-cloak
5:52 - x-on & Events
7:26 - x-text
9:18 - x-transition
9:45 - x-effect
10:57 - x-bind
12:21 - x-model
14:22 - x-if
15:29 - x-for & Loops
17:03 - Manipulating State
18:36 - x-ref & $refs
21:04 - x-html
23:02 - $el
24:16 - $watch
25:59 - $dispatch
27:49 - $data
31:46 - Alpine Stores
37:59 - Mask Plugin

[WebMentorDev]

Finally. I can complete my TALL Stack (Tailwindcss, AlpineJs, Laravel, Livewire). Thank you so much. Appreciate it as always :)

[dot]

I'm turning 20 today. I just want to say thank you so much brad for all your videos. I've been watching these videos since I was 18 and even though I had some prior knowledge into programming, your channel really helped me shape up into the developer I am today.

[JEsterCW]

Alpine is like jquery vue version, but more lightweight, but as powerful as vue.

*My the most powerful stack combination is:*
*- Alpine*
*- HTMX*
*- Lit*
*- Tailwind*
*- Express*

I swear this is like the most hardest in the good way stack for building pretty powerful web apps without the whole boilerplate in react etc. I highly recommending this mix ;D

[nausiac]

I follow you since 6 years back from Mexico

[safeerahmedfarooqi]

I was using livewire for the last 2 years but I was always afraid to use alpine in livewire.but after watching this tutorial I have better alpine understanding and now I am not afraid of using alpine with livewire components.great work brad.
Keep it up.

[travholt]

This is very helpful! My brain likes to learn _that_ something can be done. I might not remember exactly _how_ later, but then I can look it up.

[kaypakaipa]

The land of Javascript never stops giving!
Tht said, I like this one, its like VueJs

[SaidMetiche-qyhb]

Alpine.JS looks like a great addition to my CHAD stack (Go, BadgerDB, Echo, Templ, HTMX, Tailwind), love the fact that it's only 6KB !

[MotionInMotion]

This is incredible, you just fucked up my mind after working with Angular for 5 years....

[shaineelnayak]

Plain, Simple and Elegant this is awesome

[noroi_]

It's feel very similar to Vue and I love it.

[maxwellkjr]

As someone who is currently learning Laravel, this tutorial will definitely come in handy!

[janzenfaidiban]

Your tutorial is always amazing. Easy to learn for everyone. Thank you Brad.
Can't wait for another tutorial

[CHRISCANHAMCNHM]

This is a refreshing tutorial and I was kept engage which is sometimes a problem of mine but this great. Very helpful for getting my head around Alpine for a TALL Stack. :D

[thja]

Brad thanks for everything! First time trying out Alpine and I must say It's amazing!

[seanszukhent]

Brad is at it again! Was happy to see this after your Laravel course. Great work!

[sinakaramian]

hi dear, your tutorial is so awesome and short for quick learning alpine.js and you cover a large part of the contents of alpine.js
I have success for you, dear.

[ITEducationPakistan]

Please make Vite Crash course for production build configuration that handles library-based syntax like JSX, Vue, and TypeScript. By using Rollup under the hood, Vite ensures performance optimization techniques like tree-shaking, lazy-loading, and common chunk splitting are implemented for your production build.

[anmarm.]

I been waiting for this... When we will see advance AlpineJS? Things Like Building Custom reusable components, cross components communication, building something bit complex like Store Check out that communicate with server using Fetch API. Just suggestions 😅

[aogunnaike]

Thanks Brad 😀 i knew alpine js was gonna come after the Laravel tutorial, I wanna suggest a landlord tenancy tutorial for Laravel on ur next course for Udemy. Thanks for all you do. cheers!