Learn Livewire
Playing
01. Introduction

Episodes

0%
Your progress
  • Total: 2h 52m
  • Played: 0m
  • Remaining: 2h 52m
Join or sign in to track your progress

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.

Episode summary

Welcome to the course! In this intro episode, I’ll give you a quick overview of what you’ll learn and the practical project we’ll be building together.

Whether you’re brand new to Livewire or have just tinkered with it, this course is designed to help you get comfortable actually building with Livewire. We’re focusing on a hands-on approach using a real project, so you'll gain practical experience.

We’ll be creating a book repository app where you can add books, search for them, and manage notes. Along the way, I’ll show you important Livewire features like validation, real-time updates (like autosaving notes), editing states, and search filtering. You’ll see how these core features come together in a typical workflow you’ll use all the time.

This episode walks you through the demo app — adding a book, handling validation, adding and autosaving notes, editing book details, and filtering/searching your collection.

By the end of this course, you’ll be confident enough to dive into building your own Livewire components.

Next up, we’ll set up a fresh Laravel project and install Livewire to get going!

Episode discussion

No comments, yet. Be the first!