Alpine.js Crash Course

  Рет қаралды 130,872

Traversy Media

Traversy Media

Күн бұрын

Пікірлер: 178
@WebMentorDev
@WebMentorDev 2 жыл бұрын
Finally. I can complete my TALL Stack (Tailwindcss, AlpineJs, Laravel, Livewire). Thank you so much. Appreciate it as always :)
@TheVertical92
@TheVertical92 2 жыл бұрын
Now lets get to the SHORT Stack 😁
@brhh
@brhh 2 жыл бұрын
@@TheVertical92 Svelte H.. Oracle R.. Typescript yeah we will need to work on that lol
@gradientO
@gradientO 2 жыл бұрын
@@brhh Hydrogen and React. Just mix 'em all
@WebMentorDev
@WebMentorDev 2 жыл бұрын
@@TheVertical92 hopefully SHORT Stack will give me 7 digit salary 😂
@EntyFu
@EntyFu 2 жыл бұрын
Have you tried bootstrap instead of tailwind? always wanted to try BALL stack
@dot6086
@dot6086 2 жыл бұрын
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.
@TraversyMedia
@TraversyMedia 2 жыл бұрын
Happy Birthday my friend. Thanks for sticking around. I really appreciate it and wish you the best. I am double your age and I would have loved to get started earlier.
@JEsterCW
@JEsterCW 2 жыл бұрын
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
@MarkVolkmann
@MarkVolkmann Жыл бұрын
I would replace Node and express with Bun and Elysia.
@deidyomega
@deidyomega 10 ай бұрын
Replacing lit + express with Python + Django. I'm glad I can finally effectively write Python full stack.
@maximumcockage6503
@maximumcockage6503 10 ай бұрын
On the off chance you read this comment, I'd suggest swapping Express and Node out with Hono and Bun.js. Hono and Bun are way faster than express. Elyisa is even faster than Hono and on par with Rust's Axum, but Hono's syntax is very similar to Express's so it's super easy to pick up.
@nausiac
@nausiac 2 жыл бұрын
I follow you since 6 years back from Mexico
@travholt
@travholt 2 жыл бұрын
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.
@MotionInMotion1975
@MotionInMotion1975 8 ай бұрын
This is incredible, you just fucked up my mind after working with Angular for 5 years....
@safeerahmedfarooqi9193
@safeerahmedfarooqi9193 Жыл бұрын
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.
@kaypakaipa8559
@kaypakaipa8559 2 жыл бұрын
The land of Javascript never stops giving! Tht said, I like this one, its like VueJs
@shaineelnayak3465
@shaineelnayak3465 2 жыл бұрын
Plain, Simple and Elegant this is awesome
@seanszukhent3313
@seanszukhent3313 2 жыл бұрын
Brad is at it again! Was happy to see this after your Laravel course. Great work!
@CHRISCANHAMC4NH4M
@CHRISCANHAMC4NH4M 2 жыл бұрын
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
@anmarm.9487
@anmarm.9487 2 жыл бұрын
Finally..... 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 😅
@janzenfaidiban
@janzenfaidiban 2 жыл бұрын
Your tutorial is always amazing. Easy to learn for everyone. Thank you Brad. Can't wait for another tutorial
@noroi_289
@noroi_289 2 жыл бұрын
It's feel very similar to Vue and I love it.
@hervenacitas8265
@hervenacitas8265 2 жыл бұрын
Lately I’ve been thinking of buying cryptocurrency for retirement, I’ve set asides $350k to invest but along the line,I usually get cold feet, maybe because I have no idea what I’m doing, please I could really use some guidelines.
@mduvens
@mduvens 2 жыл бұрын
Yeah great tool for small/ medium projects
@th3ja
@th3ja Жыл бұрын
Brad thanks for everything! First time trying out Alpine and I must say It's amazing!
@repotranstech
@repotranstech 2 жыл бұрын
How about htmx.I have used it and it's pretty powerful.
@dynamics9000
@dynamics9000 2 жыл бұрын
this is one of the best videos I have just watched today... thanks for sharing ...
@dmitryzhuravlev-nevsky1388
@dmitryzhuravlev-nevsky1388 5 ай бұрын
Thank you very much, you have a talent for explaining things. You helped me a lot with my pet project
@chelseabing
@chelseabing 2 жыл бұрын
Absolutely enjoyed this video! This channel just never misses!
@sinakaramian2479
@sinakaramian2479 2 ай бұрын
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.
@bobhafemeister9652
@bobhafemeister9652 2 жыл бұрын
Thanks Brad, loving alpine and htmx
@SaidMetiche-qy9hb
@SaidMetiche-qy9hb 4 ай бұрын
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 !
@maxwellkjr
@maxwellkjr 2 жыл бұрын
As someone who is currently learning Laravel, this tutorial will definitely come in handy!
@maruf7956
@maruf7956 2 жыл бұрын
is learning laravel worth it
@andywong2244
@andywong2244 2 жыл бұрын
@@maruf7956 yes
@Fullflexno
@Fullflexno 2 жыл бұрын
Will check this out! Cheers from Norway👍
@kaderlakhdar5735
@kaderlakhdar5735 2 жыл бұрын
Hilsen fra norge også 😁👍
@Fullflexno
@Fullflexno 2 жыл бұрын
@@kaderlakhdar5735 🔥
@this.channel
@this.channel 2 жыл бұрын
Cool, Alpine is my go to JS library.
@aogunnaike
@aogunnaike 2 жыл бұрын
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!
@ajiteshmishra
@ajiteshmishra 2 жыл бұрын
I throat that too
@viner1000
@viner1000 11 ай бұрын
Fantastic. Thanks as always, Brad!
@JoeEnos
@JoeEnos Жыл бұрын
Great video. I love this pace, getting to see a ton of material in a short time, so I can be better prepared for a deeper dive.
@aramkeusgerian9618
@aramkeusgerian9618 2 жыл бұрын
My prayers were answered :D Thanks a lot Brad!
@kaderlakhdar5735
@kaderlakhdar5735 2 жыл бұрын
Thank you brad , another video to add to my Brad playlist ❤️
@Rider0fBuffalo
@Rider0fBuffalo Жыл бұрын
I have used knockout for years and was interested in alpine... It appears to be pretty much the same thing on the surface but instead of ko- use x-. Obviously there are some differences that alpine has that improve on ko so I am looking forward to using it on a static product pages. Good intro.
@ITEducationPakistan
@ITEducationPakistan 2 жыл бұрын
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.
@the6fallenangels596
@the6fallenangels596 2 жыл бұрын
u taught me both tailwind and alpine👍
@ahoivik
@ahoivik 2 жыл бұрын
Something I've been struggling with is identifying a best practice dealing with where and how to store data from external apis using fetch. At the Element x-data? as an external script function call?
@B3DFire
@B3DFire Жыл бұрын
Nice tutorial, watched the whole thing
@dot6086
@dot6086 2 жыл бұрын
Brad three seconds into the video: *Introduces another framework Me: Another one? Brad: I can actually hear you sighing from here.
@aibookclub-g2r
@aibookclub-g2r 2 жыл бұрын
Very well explained ... Worth watching.. Good job👍👍👍
@ogarjosephodama1878
@ogarjosephodama1878 2 жыл бұрын
Sir Brad millions of thanks for what you have done for us here. Please, can you do a complete project on real estate ór property listing with agent registering, blóg section all the good stuff either a paid cost or fréé here . Thanks Using PHP and MySQL or Laravel or you decide
@hyggedev2124
@hyggedev2124 2 жыл бұрын
Tailwind + AlpineJS = fun 😊
@paulthomas1052
@paulthomas1052 2 жыл бұрын
Thanks. Another great introduction.
@Sium0239
@Sium0239 8 ай бұрын
Absolutely amazing! Thank you a lot!
@bobbyiliev_
@bobbyiliev_ 2 жыл бұрын
Thank you Brad! You ar an absolute legend!
@mohamedmidou3494
@mohamedmidou3494 4 ай бұрын
I have learned Tailwindcss and AlpineJs in the same video :p :p that's nice man thanks
@frankwang0721
@frankwang0721 7 ай бұрын
Thank you so much for the tutorial!
@QuickInExplain
@QuickInExplain 2 жыл бұрын
Easy, Simple & Useful 👍
@nanonkay5669
@nanonkay5669 Жыл бұрын
After seeing this, you have to do a tutorial on Alpine js, HTMX and templating
@PlotTwists
@PlotTwists 2 жыл бұрын
I made an app using TALL stack where the A is Alpine back in 2021 ... it was good mostly, just some minor compatibility issue to fix
@mrsan385
@mrsan385 2 жыл бұрын
what is TALL stack
@notkylo1881
@notkylo1881 2 жыл бұрын
@@mrsan385 Tailwind, Alpine, Livewire, Laravel
@jlambert12013
@jlambert12013 2 жыл бұрын
Is there any videos on using HTML, CSS and Vanillla JS, but that discusses maybe a Folder Structure or Standard to go by?
@ayushsrivastava8698
@ayushsrivastava8698 2 жыл бұрын
Hey Jim you can check this out kzbin.info/www/bejne/j3jbq6uLe9F7kKs
@TioJobs
@TioJobs 2 жыл бұрын
Nice video man! Thank you so much! 😍🚀
@filiporkowski
@filiporkowski 2 жыл бұрын
I will never use it but I will watch the entire video anyway.
@Dojo2000
@Dojo2000 Ай бұрын
Same but its so fun to watch this 😂is
@DanFarfan
@DanFarfan 2 жыл бұрын
Excellent. Thanks for sharing.
@hithere5607
@hithere5607 Жыл бұрын
Thank you, amazing tutorial!
@BlueTeK
@BlueTeK 2 жыл бұрын
Thank you for this nice crash course 🙏
@rajeevprasad5836
@rajeevprasad5836 2 жыл бұрын
happy to see this video
@sky333suraj
@sky333suraj Жыл бұрын
Better to use Alpine as compared React or Vue as they make projects heavier to pack as standalone apps when using with vite of npm add.
@dev_jeongdaeri
@dev_jeongdaeri 2 жыл бұрын
Yeah super cool! 🔥👨‍💻
@evolution3658
@evolution3658 6 ай бұрын
Thanks, very useful!!!
@potantirittisak8494
@potantirittisak8494 7 ай бұрын
THANK YOU!
@Geomaverick124
@Geomaverick124 2 жыл бұрын
This button feature would be good to swap between two different types of websites...like if you have a site on english and a site in french or spanish
@giftjonas2447
@giftjonas2447 2 жыл бұрын
Thanks Brad 😃🙏🏽
@briankgarland
@briankgarland 2 жыл бұрын
Excellent!
@xrkalix
@xrkalix 2 жыл бұрын
Thanks a lot. I was trying to find something good online about Alpine but I was unable.
@nanobrains4982
@nanobrains4982 2 жыл бұрын
Thanks Mr.Brad!
@AstuceFx
@AstuceFx Жыл бұрын
can we use it within react project?
@samuelwaller4924
@samuelwaller4924 Жыл бұрын
can, yes. Should, probably not.
@mhmmdabrs6655
@mhmmdabrs6655 2 жыл бұрын
awesome content 👌
@mduvens
@mduvens 2 жыл бұрын
Great stuff
@ferneyvilla7203
@ferneyvilla7203 2 жыл бұрын
Super!! Thank you very helpful
@birsingh5388
@birsingh5388 2 жыл бұрын
Please create your own JS framework as well, the name could be Traverse.js 😎😃😆
@FunQuizzy88
@FunQuizzy88 Ай бұрын
Thanks a lottt this' very much helpful
@badcatdesign
@badcatdesign 2 жыл бұрын
Tailwind is super cool, but I wish it wasn't being used in videos like this when it's not the focus of the vid. It feels like one of the "classless" or "no-class" frameworks would be perfect to use here and allow for really clean HTML.
@АлександрИнженер-д4б
@АлександрИнженер-д4б 29 күн бұрын
Thanks!
@alannetherclift678
@alannetherclift678 Жыл бұрын
Any chance you can show how to use Alpine JS with a strict Content Security Policy? I've been told it's possible but a bit involved.
@kudamasangomai
@kudamasangomai 2 жыл бұрын
Hey Brad, how do you learn something new and go from 0 to competency? And how long does it take you..do you mind sharing the process or tips
@giftjonas2447
@giftjonas2447 2 жыл бұрын
The more you work on it the more you gain experience you should work on it make mistakes fix them, than you gain experience
@kudamasangomai
@kudamasangomai 2 жыл бұрын
@@giftjonas2447 will have to work more i guess
@thecodingchef9292
@thecodingchef9292 2 жыл бұрын
@@giftjonas2447 that's true I think his question comes from the fact that programming is vast and changing daily, new things are being released daily, do how does one get to learn things at such high speed when something new to learn comes up,,,,, I think I would also love to Know
@virenkhokhar6305
@virenkhokhar6305 10 ай бұрын
Money sign 🙌
@LouisDuran
@LouisDuran 2 жыл бұрын
23:46 Money sign. LOL
@shwackthenoobsac
@shwackthenoobsac 2 жыл бұрын
This is pretty cool.
@henrikrinne3639
@henrikrinne3639 2 жыл бұрын
So it offers the same thing as vuejs but you get to learn a new syntax?
@ramigamal6637
@ramigamal6637 2 жыл бұрын
A grate video for a grate tool :)
@heysander
@heysander 5 ай бұрын
Whats wrong with using Jquery compared to another JS framework?
@AhmadReshadZazai
@AhmadReshadZazai 8 ай бұрын
Thank you.
@mustaphaab7127
@mustaphaab7127 2 жыл бұрын
Hi Thanks a lot for that tutorial, i wished that you cover consuming api using alpine js Thanks again
@edmotler2115
@edmotler2115 2 жыл бұрын
As I write this it's only Thursday. So plenty of time then for at least another 3 JS frameworks to be released before the end of the week.
@bashiruibrahim8443
@bashiruibrahim8443 2 жыл бұрын
Thank you Sir
@tacituskilgore2258
@tacituskilgore2258 2 жыл бұрын
Which vscode theme does Brad use?
@dimitmoto1716
@dimitmoto1716 2 жыл бұрын
Many thanks!!!
@alexdin1565
@alexdin1565 10 ай бұрын
Please can you make a video about Fabric js?
@ultimus579
@ultimus579 2 жыл бұрын
what theme are you using?
@ahmedhabeeb2499
@ahmedhabeeb2499 2 жыл бұрын
Brad what is the next course udmey ? when ?
@displayblock
@displayblock 2 жыл бұрын
Can you do a crash course on Petite-vue?
@m.younusmorty4713
@m.younusmorty4713 2 жыл бұрын
Hi, Where I can get $el other properties like parent or child?
@salimedia33
@salimedia33 2 жыл бұрын
Thank you ;)
@farhadbagheri5687
@farhadbagheri5687 2 жыл бұрын
really that was helpful
@abdo.magdy.
@abdo.magdy. 2 жыл бұрын
this is for sure has XSS vulnerability it renders the HTML with the alpine attribute if we are on a blog website someone can create HTML with alpine attrs and redirect users etc u have to filter a lot to prevent this
@samuelwaller4924
@samuelwaller4924 Жыл бұрын
it has an escape mechanism to prevent this, and ideally you shouldnt be rendering user provided html anyways.
@ПетроКобзар
@ПетроКобзар 2 жыл бұрын
Hello, please, make video about Solid (mini framework like React).
@511cvxzlugynskii3
@511cvxzlugynskii3 7 ай бұрын
i still did not understand, if we use htmx why do we need alpine js for
@muhmmadirshad7376
@muhmmadirshad7376 2 жыл бұрын
Think you sir
@EduardKhiaev
@EduardKhiaev Жыл бұрын
can you also create an HTMX Crash course?
@makadi86
@makadi86 Ай бұрын
why x-html did not work for me?
@laughingvampire7555
@laughingvampire7555 Жыл бұрын
this is just like htmx, reinventing angularjs
@figuredout6383
@figuredout6383 2 жыл бұрын
am I the only Nigerian following Brad videos???
@aogunnaike
@aogunnaike 2 жыл бұрын
Lol you can't be
@JM-st1le
@JM-st1le 2 жыл бұрын
Nah bro
@favouritecomics2177
@favouritecomics2177 2 жыл бұрын
I am following Brad from Abuja 😂
@figuredout6383
@figuredout6383 2 жыл бұрын
@@favouritecomics2177 I’ve got a project idea, if you’re interested let me know, so we have a talk about it.
Carbon Lang First Look & Crash Course | Google's C++ Successor
1:06:46
Traversy Media
Рет қаралды 108 М.
HTMX Crash Course | Dynamic Pages Without Writing Any JavaScript
56:47
Traversy Media
Рет қаралды 158 М.
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
Support each other🤝
00:31
ISSEI / いっせい
Рет қаралды 81 МЛН
Что-что Мурсдей говорит? 💭 #симбочка #симба #мурсдей
00:19
Astro Crash Course
1:35:19
Traversy Media
Рет қаралды 158 М.
Alpine.js Full Course For Beginners | 4+ hours tutorial
4:16:10
The Codeholic
Рет қаралды 52 М.
Get To Know AlpineJS (February 2024) - Nolan Erck, South of Shasta
48:17
South of Shasta
Рет қаралды 1,5 М.
Go, Alpine.js & HTMX - Building a Small Todo App ( Golang )
26:21
TypeScript Crash Course
52:27
Traversy Media
Рет қаралды 620 М.
Is HTMX a Joke??
32:15
Syntax
Рет қаралды 24 М.
Alpine JS Tutorial | Build a Todo App
33:48
The Code Creative
Рет қаралды 18 М.
Flexbox Crash Course 2024
46:54
Traversy Media
Рет қаралды 442 М.
The Importance of Specialization in Coding
7:13
Traversy Media
Рет қаралды 241 М.
Node.js Crash Course
2:06:35
Traversy Media
Рет қаралды 257 М.