CF

Laravel Livewire

11h 29m 28s
English
Paid
Added to CourseFlix

Laravel Livewire is a 78-lesson 11 hours 29 minutes self-paced course by Caleb Porzio, Laravel Livewire. Building modern web apps is hard.

Course facts

Lessons
78
Duration
11 hours 29 minutes
Language
English
Added to CourseFlix
April 2024
Instructor
Caleb Porzio, Laravel Livewire
Price
Premium

Building modern web apps is hard. Tools like Vue and React are extremely powerful, but the complexity they add to a full-stack developer's workflow is insane.

How the he*k does this work?

  • Livewire renders the initial component output with the page (like a Blade include), this way it's SEO friendly.
  • When an interaction occurs, Livewire makes an AJAX request to the server with the updated data.
  • The server re-renders the component and responds with the new HTML.
  • Livewire then intelligently mutates DOM according to the things that changed.

Some questions you might have...

Does this use websockets?

No, Livewire relies solely on AJAX requests to do all its server communication. This means it's as reliable and scalable as your current setup.

Is this a Vue-replacement?

In some ways yes, but mostly for cases where your Vue components are already sending `axios` or `fetch` requests. (Think searching, filtering, forms)

If it doesn't replace Vue, what do I do when I need JavaScript, like a drop-down, modal, or datepicker?

Livewire works beautifully with the AlpineJS framework (It was built for this need). For third-party library integration (something like Select2, Pickaday, or Dropzone.js), Livewire provides APIs to add support for these. Livewire also has a plugin to support using VueJs components inside of your Livewire components.

Who teaches Laravel Livewire?

Caleb Porzio

Caleb Porzio thumbnail

Caleb Porzio is a US developer and the creator of two of the most influential libraries in the modern PHP-and-front-end ecosystem: Laravel Livewire (server-rendered reactive components for Laravel) and Alpine.js (a small drop-in JavaScript framework for interactive UI without a build step). Both libraries reshaped how Laravel developers think about adding interactivity without a separate SPA framework.

His CourseFlix listing carries the Laravel Livewire workshop. Material is paid and aimed at Laravel developers building interactive UIs without leaving the PHP / Blade world.

Laravel Livewire

Laravel Livewire thumbnail

Laravel Livewire is a full-stack framework for Laravel created by Caleb Porzio that lets developers build dynamic, reactive interfaces using Blade templates and PHP rather than a separate JavaScript SPA framework. The official livewire workshop material teaches the framework end-to-end and is the canonical paid resource for it.

The CourseFlix listing carries the Laravel Livewire workshop. Material is paid and aimed at Laravel developers who want to build interactive UIs without leaving the PHP / Blade world for React or Vue.

What lessons are included in Laravel Livewire?

This is a demo lesson (10:00 remaining)

Watch the first 10 minutes free. One payment unlocks all 78 lessons here and every other premium course. No auto-renew.

Watch all 78 lessons from $6.67/mo
0:00
/
#1: Installation
All Course Lessons (78)
#Lesson TitleDurationAccess
1
Installation Demo
03:35
2
Actions
05:54
3
Properties
07:41
4
Lifecycle Hooks
04:05
5
Page Components
07:49
6
Basic Table
09:59
7
Basic Form
06:35
8
Alpine
07:05
9
Testing
08:14
10
Nesting
10:52
11
Navigatetegrating With Filepond
03:42
12
Setup
05:08
13
Showing a success message
10:58
14
Adding validation
10:15
15
Extracting a Form Object
06:26
16
Accessibility
11:45
17
Radio buttons
13:18
18
Checkboxes
06:53
19
Select dropdowns
06:57
20
Enums
11:58
21
Building a modal
10:40
22
Extracting a Blade component
13:08
23
Confirmation dialogs
14:22
24
Forms inside modals
12:24
25
Extracting a nested Livewire component
12:36
26
Creating row components
07:27
27
Adding an edit modal
09:36
28
Adding a dropdown menu
10:27
29
Teleporting modals
07:38
30
Styling for mobile devices
06:57
31
Adding "swipe to close"
17:45
32
Teaser
03:46
33
Getting started
06:31
34
Building a static table
12:25
35
Page authorization
01:57
36
Pagination
08:02
37
Loading indicators
06:35
38
Text searching
07:18
39
Column sorting
19:23
40
Row dropdown actions
11:38
41
Exporting to CSV
09:40
42
Bulk actions
10:11
43
Select-all checkboxes
11:24
44
Indeterminate checkbox states
10:28
45
Lazy loading
05:28
46
Refactoring to traits
08:01
47
Extracting a nested component
03:35
48
Chart scaffolding
09:06
49
Charting real data
10:43
50
Making the chart reactive
11:36
51
Product filtering
18:47
52
Tracking products in the URL
04:48
53
Date range filtering
12:06
54
Charting different date ranges
03:54
55
Custom date range
26:08
56
Order status filtering
12:21
57
Using radio groups for filtering
09:05
58
Designing for mobile
06:17
59
Component Basics
06:55
60
Forwarding attributes
10:55
61
Slots
02:47
62
Advanced Slots
09:33
63
Nesting components
06:22
64
Using @aware
08:59
65
Conditional attributes
05:25
66
Using with `wire:model`
05:34
67
Dynamic components
03:26
68
Teaser
01:06
69
Building a Todo List
06:35
70
Storing positions in the database
07:57
71
Using Alpine's Sort Plugin
07:55
72
Sorting items in the database
13:52
73
Handling removals
03:05
74
Adding drag handles
06:36
75
Extracting a Blade Component
06:27
76
Extracting an Eloquent Trait
15:05
77
Re-arranging Items
06:12
78
Sorting between groups
11:20
Watch the other 77 lessons

One payment unlocks this course and every other premium course. No auto-renew.

See plans

What courses are similar to Laravel Livewire?

Frequently asked questions

What prerequisites should I have before taking this course?
Before enrolling in this course, you should have a basic understanding of PHP and familiarity with the Laravel framework. Prior experience with web development concepts and tools such as HTML, CSS, and JavaScript will also be beneficial. The course involves building web applications using Laravel Livewire, so knowing how to navigate a Laravel project structure will help you follow the lessons more effectively.
What will I learn to build by the end of this course?
Throughout the course, students will work on building modern web applications using Laravel Livewire. Key projects include creating dynamic tables, forms, and modals. You'll learn to implement features such as text searching, column sorting, pagination, and exporting data to CSV. The course also covers building interactive UI components like dropdown menus, confirmation dialogs, and charts that respond to real data.
Who is the target audience for this course?
This course is designed for web developers who are looking to build modern web applications without the added complexity of front-end frameworks like Vue or React. It is particularly suitable for Laravel developers who want to leverage Livewire to create interactive applications with less JavaScript code. Those interested in streamlining their full-stack development process will find this course useful.
How does this course compare to other web development courses in terms of scope and depth?
The course focuses specifically on using Laravel Livewire to build interactive web applications, differentiating it from courses that rely heavily on JavaScript frameworks like Vue or React. With 78 lessons, it covers a wide range of topics from basic component setup to advanced features like lazy loading, charting, and mobile design considerations. This makes it a comprehensive choice for developers looking to master Livewire in a Laravel environment.
What specific tools or platforms will be used in this course?
The course is centered around Laravel Livewire, a tool for building modern web applications with minimal JavaScript. Students will also engage with auxiliary tools like Alpine.js for enhancing interactivity and Filepond for managing file uploads. Lessons also cover integrating Blade components and utilizing Laravel's built-in functionalities for tasks like page authorization and data export to CSV.
What topics are not covered in this course?
The course does not cover traditional front-end JavaScript frameworks such as Vue.js or React. It also does not delve into server-side topics outside the scope of Laravel Livewire, such as advanced Laravel backend optimizations or database management beyond what's necessary for the course projects. Additionally, it does not address mobile app development or non-web applications.
What is the expected time commitment for completing this course?
With a total of 78 lessons, the course is designed to be comprehensive. The time required to complete the course will vary based on individual pace, but students should be prepared to commit several weeks to thoroughly engage with the material and complete the exercises. Regular practice and application of the concepts learned will be essential to mastering the use of Laravel Livewire in web applications.