Building Youtube Clone Using Laravel and Livewire
- Description
- Curriculum
- FAQ
- Reviews
Join me in Building YouTube Clone Using Livewire Application Journey.
You will need basic Knowledge in Laravel. I will go through building it kind of live coding style in which you can see me making mistakes and learn how we can correct it .
On Challenge in Website that contains videos is how to encode videos ? How I can generate thumbnail ? how to play videos in all browsers . All of these points will be address using FFMPEG .
We are going to use Alpinejs as basic javascript library to help us to build some dynamic in front-end !
Join me and have fun while coding 🙂
Here is what is included in this course :
-
Create new Laravel Project and do complete setup.
-
Allow user to create youtube channel while he register in the application.
-
Install and Configure Livewire and show basic model binding between class and view
-
Edit Channel properties using Livewire Component
-
Configure Validation for Forms Using Livewire
-
Create policies in Laravel to manage channel updates . Only Channel owner should be update his channel.
-
Upload Files like channel image using Livewire file uploads methods.
-
Modify Image after upload using image intervention package to control image size etc.
-
File upload section which contains details about creating video upload form using Livewire
-
Adding Progress Bar for Video Upload
-
Edit Video Record
-
Delete Video Record
-
Secure video deletion using Laravel polices and integrate it inside livewire component .
-
Video Encoding using FFMPEG .
-
Demo video to explain FFMPEG and how to integrate with Laravel
-
Video Encoding demo using command in Laravel
-
Create Jobs to handle video encoding , creating thumbnail and learn how to run them in the background to improve application performance
-
Adding Thumbnail to Video
-
Real time update about video encoding progress in front end inside Livewire Component.
-
Add video player using videojs and customize its height and width
-
Learn about video events like pause ,play, ended etc and update views column after user view video for 3 seconds
-
Complete Section about
-
Voting System (Like/Dislike)
-
User can like or dislike videos,
-
Show number of likes/dislikes for each video
-
Subscription Section : allow users to subscribe/unsubscribe to channel
-
Show channel information with subscription counts
-
Comment System : Users will be able to add comments and replies for each video.
-
Using Livewire with comment system to show/hide replies or show add new comment form
-
Build Homepage in which user will he videos from subscribed channels or general videos if not logged in
-
Add Search Functionality to HomePage
-
Style Channel HomePage similar to youtube
-
Add Video Duration to Video Card
-
and more…
Course Prerequisites :
-
Basic PHP Knowledge
-
Basic Laravel Knowledge and able to setup Laravel Environment
-
Basic Knowledge Bootstrap CSS Framework
-
Good Knowledge of HTML, CSS and Javascript
-
7Setup Channel Edit RoutingVideo lesson
-
8Build The Edit FormVideo lesson
-
9Configure Validation via LivewireVideo lesson
-
10Lock down Channel Update to owner via Authorization PolicyVideo lesson
-
11Channel Logo Update - File Upload via LivewireVideo lesson
-
12Resize Image using Image Intervention PackageVideo lesson
-
13Create Video Model and Videos Table MigrationVideo lesson
-
14Create Livewire Components to manage Videos and prepare the viewsVideo lesson
-
15Create Video Upload Form and Upload to Livewire Temporary FolderVideo lesson
-
16Add Progress BarVideo lesson
-
17Video Validation and Create Video RecordVideo lesson
-
18Edit Video Record FormVideo lesson
-
19Move Uploaded File to Video Temp FolderVideo lesson
-
20Introduction to Video Encoding and Install Laravel-FFMPEG PackageVideo lesson
-
21Test: Video Encoding using Command in Laravel ApplicationVideo lesson
-
22Creating Jobs for Video Encoding and Creating ThumbnailVideo lesson
-
23Dispatch Create Thumbnail JobVideo lesson
-
24Add Thumbnail to the Videos TableVideo lesson
-
25Dispatch Video Encoding JobVideo lesson
-
26Add Video Thumbnail to Edit FormVideo lesson
-
27Build All Videos PageVideo lesson
-
28Delete VideoVideo lesson
-
29Secure Deleting video Using Video PolicyVideo lesson
-
30Real Time Update for Processing PercentageVideo lesson
-
31Fix Update Visibility Column and Delete Temp Video FileVideo lesson
-
35Create Video Information RowVideo lesson
-
36Create Voting ComponentsVideo lesson
-
37Like and Dislike Table/Model Creation with relationshipsVideo lesson
-
38Allow user to like / dislikes videosVideo lesson
-
39Check If User Likes VideosVideo lesson
-
40Check if User Dislike VideosVideo lesson
-
41Load Likes and Dislikes in mount MethodVideo lesson
-
42Refresh Values Automatically when User Clicks Like/DislikeVideo lesson
-
43Toggle Like/Dislike - one is active at a timeVideo lesson
-
50Creating Comments Migration and Setup Models RelationshipsVideo lesson
-
51Show Comments using Livewire Component For All CommentsVideo lesson
-
52Show Replies for each CommentVideo lesson
-
53Show/Hide Replies using AlpinejsVideo lesson
-
54Create New Comment Component and Style itVideo lesson
-
55Store New Comment to The DatabaseVideo lesson
-
56Show Comment Component as ReplyVideo lesson

External Links May Contain Affiliate Links read more