Learn Livewire V3 from Scratch - Practical Course

Learn Livewire V3 from Scratch : Practical Course, available at $19.99, has an average rating of 4.4, with 94 lectures, based on 17 reviews, and has 111 subscribers.

You will learn about Learn how to Build Practical Applications using the TALL Stack Learn how to build Custom Re-Usable Livewire Components from scratch. Learn how to Build Real-Time Applications with Laravel and Livewire Learn how to Build Multi-Step Forms with the TALL Stack Learn how to build amazing data-tables using the TALL Stack including features like Bulk Actions, Excel Exports, Filters, Multi-Column Searching/Sorting etc. Learn how to Build a Re-Usable Drag & Drop Uploader Component with the TALL Stack This course is ideal for individuals who are Laravel developers interested in Learning Livewire and the TALL Stack It is particularly useful for Laravel developers interested in Learning Livewire and the TALL Stack.

Enroll now: Learn Livewire V3 from Scratch : Practical Course

Summary

Title: Learn Livewire V3 from Scratch : Practical Course

Price: $19.99

Average Rating: 4.4

Number of Lectures: 94

Number of Published Lectures: 90

Number of Curriculum Items: 94

Number of Published Curriculum Objects: 90

Original Price: $34.99

Quality Status: approved

Status: Live

What You Will Learn

Learn how to Build Practical Applications using the TALL Stack

Learn how to build Custom Re-Usable Livewire Components from scratch.

Learn how to Build Real-Time Applications with Laravel and Livewire

Learn how to Build Multi-Step Forms with the TALL Stack

Learn how to build amazing data-tables using the TALL Stack including features like Bulk Actions, Excel Exports, Filters, Multi-Column Searching/Sorting etc.

Learn how to Build a Re-Usable Drag & Drop Uploader Component with the TALL Stack

Who Should Attend

Laravel developers interested in Learning Livewire and the TALL Stack

Target Audiences

Laravel developers interested in Learning Livewire and the TALL Stack

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 (TALL stack in general) in a practical way by building multiple practical projects along the way.

Projects Roadmap and Status:

[Uploaded] Livewire Basics

[Uploaded] Building a Simple Student’s Management System

[In Progress] Building Amazing and Performant data tables with the TALL Stack

[Uploaded] Building a re-usable Comments System with Livewire

[Uploaded] Building Multi-Step Forms with Livewire

[Uploaded] Building a Re-Usable drag and drop Uploader

[In Progress] Building real-time applications with Laravel, Livewire and Reverb

Project Description:

[Uploaded] Livewire Basics

In this section, we’ll look into the basics of Livewire and some of the fundamental features Livewire provides.

Some of the topics we’ll cover in this section include:

Learn how to Define Components in Livewire

Look into Properties and Actions in Livewire and their general use cases.

Learn about Lifecycle Hooks in Livewire and their conventions.

Learn about Full Page Components in Livewire, how to use them, and some issues we might face. (these eliminate the use of Laravel Controllers and intermediate views)

A gentle introduction to Alpine.jsand how to use it in Livewire/Blade

[Uploaded] Building a Simple Student’s Management System

In this section, we’ll build a simple CRUD app and dive into the fundamentals of building CRUD applications with Livewire and the TALL Stack, we’ll start by installing Laravel and then set up Livewire along with Laravel Breeze installation, and we will learn the following topics along the way:

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 work with Factories and Seeders in Laravel, and seed the necessary data for all of our Models

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.

Look into the issues we might face while using dedicated form objects, and eventually fix all of them.

[In Progress] Building Performant data tables with the TALL Stack

We’ll continue from where we left off in the previous section and build an interesting data table in this section.

This includes Excel Exports, Filtering Functionality, Bulk Records Selection, Loading Indicators etc.

Some of the features that we’ll cover in this section are listed below:

Learn how to Implement Loading Indicators (while paginating data or while performing any operation)

Learn how to Implement Search functionality (supporting multi-column searching)

Learn how to Implement Columns Sort functionality (supports multi-column sorting)

Learn how to implement Bulk Actions(a feature to select multiple rows and perform group action on all of them)

Learn how to implement Excel Exports

We’ll also learn how to install and configure the Filament Notifications package to display notifications.

We’ll also implement Selecting all the records (across all the pages), and make the necessary visual changes.

Learn how to Implement Filter Functionality

And many more

[Uploaded] Building a re-usable Comments System with Livewire

In this Section, we’ll be building a re-usable Comments Component that instantly works for any model. We’ll use polymorphic relationships, which can be attached to multiple models.

Some of the features that we’ll cover in this section are listed below:

Learn how to build a re-usable Comments Component that supports multiple models along with Comment Edit, Delete, and Reply Functionality.

Learn how to implement proper authorization checks (on both frontend and backend) so that only the authorized user can delete the comment.

We’ll sprinkle in Alpine.js to make our Livewire Component more interactive (like showing reply/edit forms, applying transitions etc.)

We’ll also learn how to automatically focus the reply/edit forms when it is rendered in the form. (using Alpine.js)

We’ll also implement replying to Comments, Editing Comments/Replies, Deleting Comments and Replies

Learn how to properly paginate the comments and fix a few issues along the way.

At the end, we’ll look at how to optimize our database queries using eager loading strategies.

[Uploaded] Building Multi-Step Forms with Livewire

In this section, We’ll learn about everything we need to build multi-step forms in Livewire. We’ll cover the basics of creating a multi-step form, adding steps, navigating steps and accessing state, and building a practical project at the end of the Section.

Some of the features that we’ll cover in this section are listed below:

Learn how to seamlessly navigate between the steps of the multi-step form, we’ll also implement proper Validations along the way.

We’ll use a Laravel package specifically dedicated to building multi-step forms in this section, and build features on top based on our needs.

Learn how to work with Image Uploads and fix state-related issues

Learn how to define a configurable navigation component to show the state of the Multi-Step Component.

Finally, we’ll build a fully working practical example with more advanced step navigation, file uploads, and custom state.

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Install and Setup Laravel/Livewire

Lecture 2: Defining Components in Livewire

Lecture 3: Actions

Lecture 4: Properties

Lecture 5: Lifecycle Hooks

Lecture 6: Full Page Components

Lecture 7: Alpine.js

Chapter 2: Lets Build a Students Management System

Lecture 1: Introduction to Students Management System

Lecture 2: Install and Setup Laravel/Livewire

Lecture 3: Lets Define the Models and Migrations

Lecture 4: Define the Factories/Seeders and Relationships

Lecture 5: Lets Display the Students Data

Lecture 6: Start working on the Record Creation flow

Lecture 7: Implement Dependent Dropdowns and Finalize Record Creation flow

Lecture 8: Lets work on the Record Update flow

Lecture 9: Define a dedicated form object for the Create flow

Lecture 10: Define a dedicated form object for the Update flow

Lecture 11: Deleting Individual Records

Lecture 12: Implement wire:navigate

Lecture 13: Fix Remaining Issues

Chapter 3: Building Feature-Rich Data Tables with the TALL Stack (In Progress)

Lecture 1: Implement Loading Indicators

Lecture 2: Lets Implement Search Functionality

Lecture 3: Start Working on Column Sort Functionality

Lecture 4: Finalize Sort Functionality

Lecture 5: Implement Bulk Actions and Finalize Bulk Delete

Lecture 6: Implement Excel Export Feature

Lecture 7: Install and Configure Filament Notifications Package

Lecture 8: Implementing the Select All Checkbox

Lecture 9: Improving the Bulk Select Workflow

Lecture 10: Implementing Indeterminate Checkbox States

Lecture 11: Implement Select All Button

Lecture 12: Refactoring to Traits

Lecture 13: Implement Lazy Loading

Chapter 4: Lets Build a Re-usable Comments System with Livewire

Lecture 1: Introduction to Building a Re-usable Comments System with Livewire

Lecture 2: Install and Setup Laravel

Lecture 3: Setup Article and Episode Model

Lecture 4: Install Livewire and Define Comment Component

Lecture 5: Define Comment Model and Setup Relationships

Lecture 6: Listing Parent Comments

Lecture 7: Listing the Replies

Lecture 8: Creating a Comment

Lecture 9: Toggling the Reply State

Lecture 10: Creating a Reply

Lecture 11: Hiding the Reply Form on a Successfull Reply

Lecture 12: Implement Eager Loading Strategies

Lecture 13: Toggling the Edit State

Lecture 14: Start Working on Updating the Comment

Lecture 15: Finalize the Comment Update flow

Lecture 16: Implement Proper Authorization Checks

Lecture 17: Using Model Presenters

Lecture 18: Deleting Comments

Lecture 19: Finalize Comment and Reply Deleting Flow

Lecture 20: Prevent making a Reply to Replies

Lecture 21: Implement Pagination

Lecture 22: Address Alpine.jss Blip Issue

Lecture 23: Autofocus Textarea when Editing/Replying to Comments

Chapter 5: Building Multi-Step forms with Livewire

Lecture 1: Introduction

Lecture 2: Install and Setup Laravel and Livewire

Lecture 3: Start Working on the Multi-Step forms flow

Lecture 4: Configure Wizard Component

Lecture 5: Navigating Steps

Lecture 6: Storing and Accessing State

Lecture 7: Refactor stateToStore method

Lecture 8: Creating the Product Wizard

Lecture 9: Add Previous Buttons

Lecture 10: Adding a top Navigation on all Steps

Lecture 11: Creating the Product Record up front

Lecture 12: Using Custom State

Lecture 13: Uploading the Image

Lecture 14: The Final Step (Publish Step)

Lecture 15: Handling Backsteps

Lecture 16: Adding a Step Navigation Component

Lecture 17: Handling more Complex Backsteps

Lecture 18: Using Computed Properties to Prevent Redundant Database Queries

Lecture 19: Dealing with Specific State Issues

Chapter 6: Lets Build a Re-Usable Drag and Drop Uploader with Livewire and Alpine.js

Lecture 1: Introduction to Building a Re-Usable Drag and Drop Uploader with Livewire

Lecture 2: Install and Setup Laravel/Livewire

Lecture 3: Define Uploader Livewire Component

Lecture 4: Handling Uploaded Files

Lecture 5: Handling Dragged and Dropped Files

Lecture 6: Validating Uploaded Files

Lecture 7: Storing Uploaded Files

Lecture 8: Showing the Progress Bar

Lecture 9: Listing and Downloading the Uploaded Files

Lecture 10: Making the Uploader Re-Usable for Multiple Models

Chapter 7: Learn how to Implement Infinite Scrolling with Livewire

Lecture 1: Install and Setup Laravel

Lecture 2: Define the model/migration/factory/seeder and seed the data

Lecture 3: Working with Chunks

Lecture 4: Fetching Records for a Chunk

Lecture 5: Adding an Intersection Observer

Instructors

Tapan Sharma
Software Engineer

Rating Distribution

1 stars: 1 votes

2 stars: 0 votes

3 stars: 3 votes

4 stars: 6 votes

5 stars: 8 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!