Practical Laravel Livewire from Scratch
October 2020 / 1 h 23 min / Laravel 8
Course released: October 2020
Course length: 1 h 23 min
Laravel version: 8
Livewire version: 2
If you are a Laravel developer and don't really like to deal with JavaScript or Vue.js for some dynamic elements on your page, welcome. Laravel Livewire is exactly what you need, and in this 1.5-hour course you will learn:
- How to refresh a part of your page without reloading all the page
- How to validate form inputs in live-mode as user types
- How to edit data in a modal window
- And... most importantly... how to make a slide-show of cat pictures with a new picture every 5 seconds
All. Without. ANY. JavaScript.
Watch a few intro videos for free, and if you purchase the whole course, you will get repositories for all demo-project inside.
Student testimonial from Twitter:
Another testimonial from Twitter:
And a third testimonial from Twitter:
Another one from Youtube:
A little longer comment/testimonial from my Youtube channel:
From email:
See you inside the course!
Your Instructor
I consider myself a Laravel expert. Work with Laravel for around 7 years, sharing my thoughts on the YouTube channel "Laravel Daily": https://www.youtube.com/c/LaravelDaily
I also have written a Laravel Daily Blog for 5+ years.
Course Curriculum
-
PreviewIntro: What is Livewire and What's Inside The Course (1:32)
-
PreviewPractical Start: Let Me Show You Livewire In Action (5:26)
-
PreviewInstallation and First Livewire Component: Form Submit/Validate (9:48)
-
PreviewToo Many Server Requests? 3 Ways to Fix it (3:22)
-
StartWire:model: Binding a Full Eloquent Model (2:49)
-
StartLivewire Actions: wire:click and wire:keydown (1:47)
-
StartLivewire Hooks: updatedXXX (2:29)
-
StartMount with Parameters: From Variables or Request (1:52)
-
StartEven Shorter Code with Magic Actions: $set and $toggle (2:11)
-
StartCommunication Between Components: Emit Events (2:40)
-
StartAutomated Testing with Livewire (2:12)
-
StartTable with Simple Pagination (5:13)
-
StartLive-Search in the Table (4:41)
-
Start"Loading data" indicator with wire:loading (2:23)
-
StartDeleting Records with Confirmation Prompt (2:43)
-
StartSecond Component: Create Form with Validation (8:02)
-
StartEdit Form: New Component or Re-use The Same One? (2:47)
-
StartMore Form Fields: Radio and Checkbox (2:25)
-
StartMulti-Select and BelongsToMany Relationship in Form (3:01)
-
StartDate Field with Custom Date Format (2:55)
-
StartFile Uploads in Livewire (3:10)