Make a YouTube Clone from Scratch: JavaScript PHP and MySQL

Course Curriculum

Chapter 1: Introduction

Lecture 1: Site demo (as seen on course home page)

Lecture 2: Installing Xampp – Mac / Linux

Lecture 3: Installing Xampp – Windows

Lecture 4: Installing a text editor

Lecture 5: Creating our index page

Lecture 6: Adding real content to our index page

Chapter 2: Navigation bars

Lecture 1: Styling the top navigation bar

Lecture 2: Styling the side navigation bar

Lecture 3: Styling the main container

Lecture 4: Creating our JavaScript file

Lecture 5: Showing and hiding the left nav bar

Lecture 6: Menu icon – How to get 70,000+ FREE icons

Lecture 7: Site logo

Lecture 8: Creating the search bar

Lecture 9: Styling the search bar

Lecture 10: Upload and profile buttons

Lecture 11: Moving the nav bar code to another file

Chapter 3: Video upload form

Lecture 1: Creating the column element

Lecture 2: Creating the file input

Lecture 3: Creating the title and description inputs

Lecture 4: Creating the privacy input

Lecture 5: Creating the categories MySQL table

Lecture 6: Connecting to our database with PHP

Lecture 7: Retrieving the categories from the table

Lecture 8: Class constructors

Lecture 9: Creating the categories dropdown

Lecture 10: Creating the upload button

Chapter 4: Uploading videos

Lecture 1: Creating the processing page

Lecture 2: Video upload data class

Lecture 3: Calling the upload function

Lecture 4: Temporary file path for the video

Lecture 5: Checking the size of the uploaded video

Lecture 6: Checking the file type of the uploaded video

Lecture 7: Moving the video to a temporary location

Lecture 8: Creating the final file path

Lecture 9: Inserting the video data into the table

Lecture 10: Installing FFmpeg

Lecture 11: FFmpeg demo (just watch)

Lecture 12: Converting the video to MP4 server side

Lecture 13: Restart Xampp after changing php.ini

Lecture 14: Trying out the video conversion + BUG FIX FOR MACS

Lecture 15: Deleting the original video file

Lecture 16: Creating the video thumbnails table

Lecture 17: Getting the video duration

Lecture 18: Formatting the video duration string

Lecture 19: Inserting the formatted duration to the table

Lecture 20: Generating the thumbnail images

Lecture 21: Showing a loading spinner on upload

Chapter 5: User sign up

Lecture 1: Creating the sign up page structure

Lecture 2: Styling the page foundation

Lecture 3: Styling the form header

Lecture 4: Adding our form inputs

Lecture 5: Styling the form inputs

Lecture 6: Styling the sign in message

Lecture 7: Creating the sign in form

Lecture 8: Testing the form submission

Lecture 9: Into to sanitizing form data

Lecture 10: Form sanitizer class

Lecture 11: Finishing the sanitizing functions

Lecture 12: Creating the Account class

Lecture 13: Starting our validation functions

Lecture 14: Outputting error messages

Lecture 15: Validating the last name

Lecture 16: Validating the username

Lecture 17: Creating the users table

Lecture 18: Validating the email address

Lecture 19: Validating the password

Lecture 20: What to do when data is valid

Lecture 21: Remembering last entered values

Lecture 22: Password hashing

Lecture 23: Inserting the user's data into the table

Lecture 24: Setting the session variable

Lecture 25: Remembering the entered username

Lecture 26: Checking if the login form was submitted

Lecture 27: Logging in

Chapter 6: Video player

Lecture 1: Creating the User class

Lecture 2: Creating the User class functions

Lecture 3: Adding username to upload

Lecture 4: Taking the video ID from the url

Lecture 5: Creating the Video class

Lecture 6: Creating the Video class functions

Lecture 7: Increasing the view count for the video

Lecture 8: Outputting the video player

Lecture 9: Setting the size of the video player

Chapter 7: Liking and disliking videos

Lecture 1: Video info section class

Lecture 2: Styling the video info section

Lecture 3: Creating the video info controls class

Lecture 4: Creating the button provider class

Lecture 5: Like button provider values

Lecture 6: Creating the likes table

Lecture 7: Video player actions JS file

Lecture 8: Introduction to ajax calls

Lecture 9: Passing data in the ajax request