The Return of jQuery (Not really, just Alpine.js)
ฝัง
- เผยแพร่เมื่อ 29 มิ.ย. 2024
- Join my premium 2024 bootcamp here learnwebcode.teachable.com/p/...
Want to add interactivity to a site but don't need the full power of something like React? Use Alpine!
CodePen Starter Follow Along: codepen.io/learnwebcode/pen/j...
CodePen Finished Product: codepen.io/learnwebcode/pen/a...
0:00 Intro
1:06 Getting Started
1:56 Fetching Data
6:25 Looping Through Array
12:21 Toggle Button
14:38 Delete Item
20:02 Misc Details
Follow me for updates on new videos or projects:
Instagram: / javaschiff
Twitter: / learnwebcode
Facebook: / brad-schiff-1542576316...
Twitch: / learnwebcode
Been watching your videos and I'm really learning a lot. So now I thought I'll get a little serious so I bought 5 of your courses while it's on a huge discount 😁. I hope I can be as good as a fraction of you. Thank you Brad!
Thank you so, so much! 🙏
Great tutorial like always! Thanks Brad 🙌🙌🙌
Thank you for your time and effort Brad!
thanks brad for this video
Hi Brad thanks for the video. a few tips:
- like you have short hand for bind, you also have short hand for events, like "@click"
- about delete, i think you just over complicate: if you want to use "filter" so just compare with some property of current pet object. If you have the index from the loop, just use the the "splice" function / method.
- as alternative "loadYet prop, alpine as the directive "x-cloak", but i think your solution is fine or a smart way to do it.
thanks.
After I recorded the video and was watching it back and editing it I was face palming when I got to the delete part; I definitely overcomplicated that 😂
I like the x-cloak feature!!
@LearnWebCode And welcome to the group of people that use this version of mini and simplistic version of" Vue". it seams you are leaving react as well ;)
I have to say after your Laravel course you must be one of the best (if not THE best instructor ), But I should ask will you make any PHP for beginners , or OOP in PHP for beginners? I really hope to find the time and the joy to do it. I hope you the best
I agree. He is the best in terms of making things easily understandable plus he REALLY understands his stuff.
You are really a great teacher.
I would request you to, If you make a course about next js with prisma it will be very helpful. Hope you will see my comment . Thank you
As alwayse on high level
Hey Brad. Amazing video as always.
I am doing your laravel course right now. It has been an amazing experience so far.
I wanted to ask you one thing, which is do you have any plans to add a module on how to write test cases or basically some real world example on unit testing would be great ?
I have a website for discount stores, where I can create an account for the store and add a photo for display, but I face a problem, which is not saving these photos in a folder. It appears to me that the folder is not known, but I tried all the methods of extending the folder, but to no avail, but the photos only show the photos that were created when the account was created, and I am developing the answer. Ali, thank you
I got excited when you mentioned fetching json from a GitHub repo, but I have a lot of JS for one of my projects and I don't see adding it all to the HTML. I'll have to look into the docs
So if you wanna use complex condition in alphine like a lot of if-else or switch statement should you use .. or should i use php condition if im using php instead, which one do you recommend
Please create a course or Start a video series on advance WordPress plugin development
My full WordPress course on Udemy covers how to create custom block types, meta relationships, interactive front-ends, plugin setting pages, and custom database tables. Are there any technical details you'd like to see covered? Or just wanting a more complex / holistic plugin that we build together step by step?
@@LearnWebCode yes more complex plugin that we can build steps by step,
Please consider my request
HTMX's nice
I'll check it out 👍
I’d watch some htmx tutorials
Another variant of a very bad concept. HTML deals with the boxes of the page and static content. CSS handles how it looks.
IMHO variable content (state) is best handled by vanilla JS (or TS when you prefer strict typing) . Basically JS can access/manipulate both HTML and CSS and external data
Doing it any other way is just another learning curve. And hoping it was worth the effort when your favorite tool is no longer supported.
Let's be honest: JS is not that complicated and has excellent documentation. Do not waste time on "tools" but focus on "pure" JS or TS.
If I remember correctly JS in HTML (however abstracted in data-xxx attributes) is a no go for loads of very obvious reasons like separation of concerns...
When Alpine is still used 5 years from now I'll humbly bow my head for my lack of insight in how things should work...
I actually agree. I have the same general philosophy, if I'm not 99% certain a technology / framework will exist in 5+ years I don't normally cover it. Also, in my full-length guided tour courses I try not to introduce any technologies that aren't part of the core vanilla eco-system because it's usually just more confusing and introduces vendor-lock-in. It's just in the last year or so that I've sort of let my guard down and started making videos on technologies that viewers have requested (Tailwind, Next.js, Alpine, etc...). I think after 150 TH-cam videos and 8 Udemy courses my instincts as a vanilla fundamentals educator have been worn down by the grind of being a "content creator" 😂 Cheers!