Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
2021-04-18 09:06:32
30-Day Money-Back Guarantee
Development Web Development FFmpeg

Building Youtube Clone Using Laravel and Livewire

Complete Course to build Youtube Clone using Livewire and Video Encoding Using FFMPEG.
Highest Rated
Rating: 4.6 out of 54.6 (26 ratings)
10,171 students
Created by Abdulaziz Al Zaabi
Last updated 3/2021
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Learn How to make Youtube Clone Website Using Laravel
  • How to install and use Livewire 2.0
  • Learn Video Processing/Encoding using FFMPEG
  • Learn File Upload in Livewire
  • Learn Image Manipulation using Image Intervention Package
  • Create Voting System (Like/Dislike)
  • Create Comment System
  • How to create Jobs and how to dispatch them using Queues in Laravel
  • How make big applications with complex login like youtube .
  • Learn about FrontEnd using Bootstrap Framework and custom CSS When needed

Course content

12 sections • 63 lectures • 7h 8m total length

  • Preview07:15

  • Preview03:44
  • Preview06:54
  • Create Channel via Default Registration Form
    07:49

  • Install Livewire
    08:21
  • Preview02:40

  • Setup Channel Edit Routing
    08:59
  • Build The Edit Form
    06:53
  • Configure Validation via Livewire
    11:55
  • Lock down Channel Update to owner via Authorization Policy
    06:09
  • Channel Logo Update - File Upload via Livewire
    08:19
  • Resize Image using Image Intervention Package
    10:05

  • Create Video Model and Videos Table Migration
    07:47
  • Create Livewire Components to manage Videos and prepare the views
    11:25
  • Create Video Upload Form and Upload to Livewire Temporary Folder
    05:08
  • Add Progress Bar
    08:33
  • Video Validation and Create Video Record
    05:20
  • Edit Video Record Form
    10:49
  • Preview02:24

  • Introduction to Video Encoding and Install Laravel-FFMPEG Package
    10:45
  • Test: Video Encoding using Command in Laravel Application
    11:06
  • Creating Jobs for Video Encoding and Creating Thumbnail
    05:12
  • Dispatch Create Thumbnail Job
    06:11
  • Add Thumbnail to the Videos Table
    04:35
  • Dispatch Video Encoding Job
    09:00
  • Add Video Thumbnail to Edit Form
    08:07
  • Build All Videos Page
    12:07
  • Delete Video
    04:04
  • Secure Deleting video Using Video Policy
    09:01
  • Real Time Update for Processing Percentage
    03:20
  • Fix Update Visibility Column and Delete Temp Video File
    06:18

  • Setup Videojs Library and add player using this library
    10:25
  • Customize Width and Hight for player by adding custom.css file
    03:02
  • Add Views Column to Videos Table + Increase Views When Video Played for more 3s
    10:22

  • Create Video Information Row
    07:41
  • Create Voting Components
    06:42
  • Like and Dislike Table/Model Creation with relationships
    05:13
  • Allow user to like / dislikes videos
    06:31
  • Check If User Likes Videos
    07:26
  • Check if User Dislike Videos
    02:09
  • Load Likes and Dislikes in mount Method
    05:47
  • Refresh Values Automatically when User Clicks Like/Dislike
    01:45
  • Toggle Like/Dislike - one is active at a time
    04:34

  • Fix Video Player timeline and Add Poster image
    03:18
  • Fix Default Channel Image
    03:30

  • Build Markup For Channel Information and Subscription Button
    06:42
  • Subscription Migration and Add Needed Relationships
    05:23
  • Add Channel Subscribers and Get User Subscription Status
    07:40
  • Toggle Subscribe Button
    08:39

Requirements

  • Basic PHP Knowledge
  • Basic Laravel Knowledge
  • Basic Web Development Knowledge
  • Good Knowledge about HTML/CSS/Javascript

Description

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

  • Make sure you have at least PHP 7.4

Who this course is for:

  • PHP and Laravel Developers
  • Web Developers
  • Front End Developers
  • Backend Developers

Instructor

Abdulaziz Al Zaabi
developer
Abdulaziz Al Zaabi
  • 4.6 Instructor Rating
  • 26 Reviews
  • 10,171 Students
  • 1 Course

I am computer Science graduate with master degree in business Administration. I have more than 15 years of experience in IT. I have experience in programming language and mobile developments for about 5 years. Recently focused more into web development using Laravel and codeigniter framework.

I have also youtube channel to teach developments courses such Laravel Framework , PHP, Flutter , Tailwindcss etc.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.