Building Youtube Clone Using Laravel and Livewire

Course Curriculum

Chapter 1: Introduction

Lecture 1: Project Demo

Chapter 2: Project Setup and Channel Creation

Lecture 1: Create New Laravel Project

Lecture 2: Create Channel Model and Migration

Lecture 3: Create Channel via Default Registration Form

Chapter 3: Livewire

Lecture 1: Install Livewire

Lecture 2: Property Binding Example

Chapter 4: Edit Channel via Livewire Component

Lecture 1: Setup Channel Edit Routing

Lecture 2: Build The Edit Form

Lecture 3: Configure Validation via Livewire

Lecture 4: Lock down Channel Update to owner via Authorization Policy

Lecture 5: Channel Logo Update – File Upload via Livewire

Lecture 6: Resize Image using Image Intervention Package

Chapter 5: Video Uploading

Lecture 1: Create Video Model and Videos Table Migration

Lecture 2: Create Livewire Components to manage Videos and prepare the views

Lecture 3: Create Video Upload Form and Upload to Livewire Temporary Folder

Lecture 4: Add Progress Bar

Lecture 5: Video Validation and Create Video Record

Lecture 6: Edit Video Record Form

Lecture 7: Move Uploaded File to Video Temp Folder

Chapter 6: Video Encoding using FFMPEG

Lecture 1: Introduction to Video Encoding and Install Laravel-FFMPEG Package

Lecture 2: Test: Video Encoding using Command in Laravel Application

Lecture 3: Creating Jobs for Video Encoding and Creating Thumbnail

Lecture 4: Dispatch Create Thumbnail Job

Lecture 5: Add Thumbnail to the Videos Table

Lecture 6: Dispatch Video Encoding Job

Lecture 7: Add Video Thumbnail to Edit Form

Lecture 8: Build All Videos Page

Lecture 9: Delete Video

Lecture 10: Secure Deleting video Using Video Policy

Lecture 11: Real Time Update for Processing Percentage

Lecture 12: Fix Update Visibility Column and Delete Temp Video File

Chapter 7: Video Player using Videojs

Lecture 1: Setup Videojs Library and add player using this library

Lecture 2: Customize Width and Hight for player by adding custom.css file

Lecture 3: Add Views Column to Videos Table + Increase Views When Video Played for more 3s

Chapter 8: Voting System (Like / Dislike system)

Lecture 1: Create Video Information Row

Lecture 2: Create Voting Components

Lecture 3: Like and Dislike Table/Model Creation with relationships

Lecture 4: Allow user to like / dislikes videos

Lecture 5: Check If User Likes Videos

Lecture 6: Check if User Dislike Videos

Lecture 7: Load Likes and Dislikes in mount Method

Lecture 8: Refresh Values Automatically when User Clicks Like/Dislike

Lecture 9: Toggle Like/Dislike – one is active at a time

Chapter 9: Fixes

Lecture 1: Fix Video Player timeline and Add Poster image

Lecture 2: Fix Default Channel Image

Chapter 10: Channel Subscription

Lecture 1: Build Markup For Channel Information and Subscription Button

Lecture 2: Subscription Migration and Add Needed Relationships

Lecture 3: Add Channel Subscribers and Get User Subscription Status

Lecture 4: Toggle Subscribe Button

Chapter 11: Comment System

Lecture 1: Creating Comments Migration and Setup Models Relationships

Lecture 2: Show Comments using Livewire Component For All Comments

Lecture 3: Show Replies for each Comment

Lecture 4: Show/Hide Replies using Alpinejs

Lecture 5: Create New Comment Component and Style it

Lecture 6: Store New Comment to The Database

Lecture 7: Show Comment Component as Reply

Chapter 12: Home Page

Lecture 1: Routes and Controller for HomePage

Lecture 2: Change Welcome View to include Videos From Subscribed Channel or General Videos

Lecture 3: Adding Search to Welcome Page plus creating routes and login

Lecture 4: Adding Videos Cards to Search Page

Lecture 5: Create Channel Index Page

Lecture 6: Append Video Grid to Channel Index Page

Lecture 7: Add Duration to Video Cards