Learn Livewire v3 by building a CRUD App from Scratch



Learn Laravel Livewire v3 practically by building a mini-students management system from scratch.


What you will learn

Learn how to Build Applications using the TALL Stack

Learn about Lifecycle hooks and Build dependent dropdowns

Learn how to extract properties and methods to a Form Object and use it in a Livewire Component

Learn how to define Custom Livewire Directives and implement Confirmation dialogs

Learn how to implement Image Uploads and work with Files in Livewire

Learn about the new #[Rule] attribute syntax in Livewire and implement Validations.

Learn about wire:navigate and implement SPA kind of experience in a Livewire-based app

Description

In this course, we will be Learning Laravel Livewire v3 (A tool to build Powerful, dynamic, front-end UIs without leaving PHP)  along with Laravel in a practical way by building a mini Students Management system.

Livewire v3 has been launched recently and it has some really exciting features, it’s currently in beta and it might take some time to release the stable version.

It offers many new features like:

‘;
}});

  • Form Objects
  • Rule Attributes
  • wire:navigate (which helps us create SPA kind of experience)
  • Loading States
  • Locked Properties
  • Easy URL Query parameters
  • Registering Custom Directives
  • Teleport, etc.

And we’ll be covering a few topics in this course.

We’ll start by installing Laravel and then set up Livewire along with Laravel Breeze installation, and along the way, we will be learning the following topics:

  • Learn how to Build Applications using the TALL Stack
  • Learn about Lifecycle hooks and Build dependent dropdowns in Livewire
  • Learn how to extract properties and methods to a Form Object and use it in a Livewire Component
  • Learn how to implement Image Uploads and work with Files in Livewire
  • Learn about the new #[Rule] attribute syntax in Livewire and implement Validations.
  • Learn about wire:navigate and implement SPA kind of experience in a Livewire-based app.

Course Content

Introduction to the Course
Install and Setup Laravel/Livewire
Setup Models/Migrations/Factories/Seeders
Work on Index and Create page UI
Display data on Index page and Implement Pagination
Implement Hot Reloads for Livewire Components
Work on the Create Form
Implement Validation on Create Page
Work on Image Upload Feature
Implement Dependent Dropdown
Work on the Edit Form
Extract Create form to Form Object
Extract Edit Form to Form Object
Display Flash Messages
Delete Individual Records
Implement Confirm Dialogs and Register Custom Livewire Directives
Let’s Look at wire:navigate

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.

Powered By
100% Free SEO Tools - Tool Kits PRO

Check Today's 30+ Free Courses on Telegram!

X