Playing
01. Introduction
Episodes
01. Introduction
2m 6s
0%
02. Installing Livewire
6m 25s
0%
03. Properties and methods
4m 46s
0%
04. Rendering a list of books
9m 41s
0%
05. Nesting and keying components
7m 47s
0%
06. Diving straight into forms
7m 27s
0%
07. Using form classes
13m 42s
0%
08. Validating forms
7m 13s
0%
09. Real-time validation
2m 42s
0%
10. Loading states
8m 30s
0%
11. Event basics
6m 50s
0%
12. Getting components talking to each other
9m 20s
0%
13. Using a magic action to toggle edit state
4m 29s
0%
14. Editing a book
11m
0%
15. Dynamic event names
6m 17s
0%
16. Re-using form objects
8m 45s
0%
17. The magic parent action
7m 47s
0%
18. Authorization basics
4m 47s
0%
19. Calling Livewire from JavaScript
3m 49s
0%
20. Detecting property updates with a lifecycle hook
9m 16s
0%
21. Debouncing
2m 25s
0%
22. Pagination and customising it
5m 40s
0%
23. Adding a search component with URL query parameters
9m 45s
0%
24. Using Alpine if you don’t need Livewire
4m 40s
0%
25. Listening for Livewire events in Alpine
6m 56s
0%
Transcript
00:00
So welcome to this course on learning Livewire. If you are completely new to Livewire
00:05
or you've just played around with it, this course with this practical project is gonna guide you through how to actually build things with Livewire.
00:13
We're gonna cover quite a lot of what Livewire offers, not everything, but after you finish this course, you should be comfortable just diving straight in and building things out.
00:24
So let's take a look at this practical application that we're gonna be building that covers a huge amount of Livewire. So you can see here that we are creating
00:33
this kind of book repository where we can add books, search for our books. Let's take a look at just creating a book here. So I'm just gonna say a book by Alex
00:43
and sure enough, I'm gonna hit add book. Now within here, we're gonna cover things like validation. So of course, we're gonna get that validation out on the page.
00:51
So let's go ahead and fill this in properly. And there we go. Sure enough, that has been created. Now we can add notes to this book,
00:59
which are automatically saved. So we're gonna be looking at functionality like that. So this is really good. Let's just put an example in here
01:07
and that's automatically saved. So if I refresh the page, you can see it's still there. We're gonna toggle states between editing. So I can go ahead and edit the book title
01:16
or the author here and hit edit. Again, that's all validated and we can search books as well. So let's just create another book in here
01:23
by someone else and we'll hit add book and let's go ahead and just search for this. So when we type book, obviously both of these contain book, but let's go ahead and search for another
01:33
and you can see that that filters down to show only the books with them keywords. It's gonna be a very basic search, but this is gonna give you a good idea
01:41
as to how you can implement something like this. So this looks pretty simple, but quite a lot goes into this. So like I said, we're gonna be covering
01:48
quite a few Livewire concepts, the majority of which you'll use every single day while you are building Livewire components. So we've taken a look at the demo application.
01:58
We know what we're doing. In the next episode, let's get a fresh Laravel project set up and actually get Livewire installed.
25 episodes•2 hrs 52 mins•1 year ago
Overview
Ready to learn Livewire? Throughout this course, we’ll build up a real application that touches almost every aspect of Livewire — leaving you ready to start building your own applications.
Alex Garrett-Smith
Hey, I'm the founder of Codecourse!
Episode discussion
No comments, yet. Be the first!