Create a Netflix clone from Scratch: JavaScript PHP + MySQL

Course Curriculum

Chapter 1: Introduction

Lecture 1: Intro video

Lecture 2: Installing Xampp – Mac / Linux

Lecture 3: Installing Xampp – Windows

Lecture 4: Installing a text editor

Lecture 5: Creating our index page

Chapter 2: Register/Login Page – Front end

Lecture 1: Creating the users table

Lecture 2: Creating the register page

Lecture 3: Styling our form column

Lecture 4: Creating the input fields

Lecture 5: Quick preview of handling the form submission

Lecture 6: Styling the input fields

Lecture 7: Creating the title section

Lecture 8: Adding a site logo

Lecture 9: Styling the login link

Lecture 10: Creating the login page

Chapter 3: Register/Login Page – Back end

Lecture 1: Sanitising the user's first name

Lecture 2: Form sanitizer class

Lecture 3: Sanitation methods

Lecture 4: Config file

Lecture 5: Connecting to the database

Lecture 6: Creating the Account class

Lecture 7: Validating the first name

Lecture 8: Displaying errors to the user

Lecture 9: Using constants for our error messages

Lecture 10: Validating the last name

Lecture 11: Validating the username

Lecture 12: Validating the email

Lecture 13: Validating the passwords

Lecture 14: Stying the error messages

Lecture 15: Inserting the users details to the table

Lecture 16: Let's try the insert query out!

Lecture 17: How to debug MySQL queries

Lecture 18: Writing the login function

Lecture 19: Let's try the login function out!

Lecture 20: Storing the session

Lecture 21: Remembering the last entered values

Lecture 22: Remembering the values entered on the register page

Chapter 4: Creating the video preview

Lecture 1: Setting up our tables

Lecture 2: Adding sample video files and images

Lecture 3: Explanation of the tables

Lecture 4: Creating the preview provider class

Lecture 5: Getting a random entity from the table

Lecture 6: Creating the entity class

Lecture 7: Entity 'getter' functions

Lecture 8: Showing the preview video

Lecture 9: Splitting code into a header file

Lecture 10: Creating the preview overlay

Lecture 11: Preview details element

Lecture 12: Styling the buttons

Lecture 13: Font Awesome icons

Lecture 14: Button hover state

Lecture 15: Muting and unmuting the preview video

Lecture 16: Changing the icon on mute/unmute

Lecture 17: Showing the image when the preview has ended

Chapter 5: Displaying movies and tv shows

Lecture 1: Adding some style to the page background

Lecture 2: Creating the category container class

Lecture 3: Showing all categories

Lecture 4: Creating the Entity provider class

Lecture 5: Looping over each entity

Lecture 6: Outputting the html for each entity

Lecture 7: Styling the entity previews

Lecture 8: Styling the category sections

Chapter 6: Creating the entity page

Lecture 1: Creating the entity page

Lecture 2: Error message class

Lecture 3: Creating the season provider

Lecture 4: Getting the seasons

Lecture 5: Creating the video class

Lecture 6: Creating the season class

Lecture 7: Outputting the season numbers

Lecture 8: Getting the video properties

Lecture 9: Outputting the episodes

Lecture 10: Styling the episodes

Lecture 11: Showing 'you might also like' section

Chapter 7: Creating the 'watch' video page

Lecture 1: Incrementing the video views

Lecture 2: Displaying the video

Lecture 3: Creating the back button

Lecture 4: Back button functionality

Lecture 5: Hiding the video controls after 2 seconds

Lecture 6: Video progress table

Lecture 7: Initialising the video

Lecture 8: Making an ajax call

Lecture 9: Passing data in our ajax call

Lecture 10: Inserting the initial video progress into the table

Lecture 11: Creating the video progress timer

Lecture 12: Updating the video progress as the video plays

Lecture 13: Marking the video as 'seen'

Lecture 14: Resume playing where we left off

Chapter 8: The 'up next' overlay

Lecture 1: Getting the 'up next' video

Lecture 2: 'Up next' video when there's no more episodes

Lecture 3: 'Up next' title

Lecture 4: Displaying the season and episode number

Lecture 5: The 'play next video' button