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
30-Day Money-Back Guarantee
Development Web Development JavaScript

Make a YouTube Clone from Scratch: JavaScript PHP and MySQL

Learn JavaScript, PHP and MySQL by making the ultimate YouTube clone website completely from scratch!
Rating: 4.8 out of 54.8 (555 ratings)
3,611 students
Created by Reece Kenney
Last updated 9/2020
English
English [Auto]
30-Day Money-Back Guarantee

What you'll learn

  • Program with an object oriented approach
  • Handle data submissions using PHP and insert into MySQL databases

Course content

16 sections • 194 lectures • 18h 35m total length

  • Preview02:18
  • Preview05:08
  • Preview03:50
  • Adding real content to our index page
    06:25

  • Styling the top navigation bar
    08:22
  • Styling the side navigation bar
    02:11
  • Styling the main container
    03:09
  • Creating our JavaScript file
    06:52
  • Showing and hiding the left nav bar
    07:18
  • Menu icon - How to get 70,000+ FREE icons
    07:26
  • Site logo
    06:12
  • Creating the search bar
    05:23
  • Styling the search bar
    10:34
  • Upload and profile buttons
    04:35
  • Moving the nav bar code to another file
    03:26

  • Creating the column element
    04:27
  • Creating the file input
    08:49
  • Creating the title and description inputs
    04:36
  • Creating the privacy input
    04:33
  • Creating the categories MySQL table
    08:02
  • Connecting to our database with PHP
    10:42
  • Retrieving the categories from the table
    06:49
  • Class constructors
    06:26
  • Creating the categories dropdown
    05:41
  • Creating the upload button
    02:10

  • Creating the processing page
    04:40
  • Video upload data class
    09:50
  • Calling the upload function
    05:20
  • Temporary file path for the video
    09:43
  • Checking the size of the uploaded video
    06:29
  • Checking the file type of the uploaded video
    04:19
  • Moving the video to a temporary location
    06:11
  • Creating the final file path
    04:41
  • Inserting the video data into the table
    13:18
  • Installing FFmpeg
    04:16
  • FFmpeg demo (just watch)
    05:22
  • Converting the video to MP4 server side
    11:48
  • Restart Xampp after changing php.ini
    00:04
  • Trying out the video conversion + BUG FIX FOR MACS
    07:33
  • Deleting the original video file
    04:46
  • Creating the video thumbnails table
    02:15
  • Getting the video duration
    09:44
  • Formatting the video duration string
    05:51
  • Inserting the formatted duration to the table
    06:09
  • Generating the thumbnail images
    12:58
  • Showing a loading spinner on upload
    07:47

  • Creating the sign up page structure
    05:20
  • Styling the page foundation
    07:39
  • Styling the form header
    03:21
  • Adding our form inputs
    06:22
  • Styling the form inputs
    07:02
  • Styling the sign in message
    01:05
  • Creating the sign in form
    04:20
  • Testing the form submission
    05:06
  • Into to sanitizing form data
    08:50
  • Form sanitizer class
    04:29
  • Finishing the sanitizing functions
    05:34
  • Creating the Account class
    06:30
  • Starting our validation functions
    07:47
  • Outputting error messages
    07:19
  • Validating the last name
    01:56
  • Validating the username
    05:58
  • Creating the users table
    03:28
  • Validating the email address
    06:38
  • Validating the password
    07:52
  • What to do when data is valid
    07:20
  • Remembering last entered values
    04:50
  • Password hashing
    04:12
  • Inserting the user's data into the table
    07:45
  • Setting the session variable
    05:27
  • Remembering the entered username
    02:57
  • Checking if the login form was submitted
    03:52
  • Logging in
    07:58

  • Creating the User class
    05:25
  • Creating the User class functions
    07:23
  • Adding username to upload
    02:22
  • Taking the video ID from the url
    04:32
  • Creating the Video class
    04:33
  • Creating the Video class functions
    02:51
  • Increasing the view count for the video
    06:16
  • Outputting the video player
    07:46
  • Setting the size of the video player
    04:10

  • Video info section class
    06:59
  • Styling the video info section
    04:42
  • Creating the video info controls class
    06:14
  • Creating the button provider class
    07:24
  • Like button provider values
    04:58
  • Creating the likes table
    05:28
  • Video player actions JS file
    03:54
  • Introduction to ajax calls
    05:43
  • Passing data in the ajax request
    04:07
  • Calling the like function
    05:47
  • Inserting a video like
    06:50
  • Undoing your like
    04:04
  • Adding the "active" class to the button
    05:28
  • Returning JSON data from like function
    04:38
  • Updating the like button number
    07:17
  • Setting the image of the like button
    08:15
  • Dislike functionality
    08:17
  • Styling the like buttons
    04:11
  • Not signed in alert
    06:53

  • User profile button
    08:10
  • Formatting the upload date
    05:44
  • Edit video button
    06:50
  • Creating the subscribers table
    06:12
  • Creating the subscribe button
    09:54
  • Styling the secondary info
    06:14
  • Styling the subscribe button
    09:37
  • Subscribe function
    06:56
  • Passing values into the subscribe function
    03:59
  • Subscribing and unsubscribing
    06:34
  • Updating the text of the subscribe button
    05:02

  • Creating the comments table
    05:15
  • Getting the number of video comments
    07:22
  • Creating the comment form
    03:39
  • Styling the comment form
    06:20
  • Post comment function
    05:08
  • Post comment ajax request
    04:53
  • Inserting the comment
    04:26
  • Creating the comment class
    07:20
  • Showing the newly posted comment
    11:28
  • Creating the comment controls class
    06:22
  • Creating the comment like and dislike buttons
    06:05
  • Outputting the comment like and dislike buttons
    05:04
  • Creating the comment reply section
    08:08
  • Styling the comment
    06:35
  • Finishing the comment styling
    06:19
  • Comment timestamp
    04:11
  • View replies section element
    08:52
  • Showing and hiding the comment reply form
    03:10
  • Creating the like comment ajax request
    04:23
  • Inserting the comment like
    05:22
  • Like comment ajax response
    03:19
  • Disliking comments
    02:00
  • Showing the existing comments
    05:58
  • Getting comment replies
    07:44
  • Indenting the comment replies
    05:19

  • Creating the video grid class
    05:39
  • Creating the video grid item class
    07:22
  • Testing the video grid item output
    03:57
  • Outputting the video thumbnail image
    04:02
  • Styling the video thumbnails
    06:09
  • Outputting the video details
    04:29
  • Trimming the description if needed
    02:54
  • Styling the video details
    05:38

Requirements

  • A basic programming knowledge is great, but not needed
  • Basic object oriented programming knowledge is a bonus
  • Any computer (Windows, Mac or Linux is fine)

Description

Do you want to become an expert in JavaScript, PHP and MySQL?

Do you want to build a real video upload site just like YouTube?

If so, you’re in the right place! This course will guide you step by step in creating your own YouTube clone COMPLETELY from scratch.

We’re talking the kind of website that will amaze anybody that sees it. The kind of website that will get you hired in no time!

Why let me teach you?

I work as a Software Engineer at Microsoft where I build products used by millions of people all over the world! I want to take the skills I’ve gained through years of working with some of the best developers in the world and transfer them directly to you!

I’ve taught thousands of students here on Udemy and created some of the most popular development courses on Udemy!

Okay so what’s the course about?

I will personally guide you, step by step, in creating your own video upload site just like YouTube complete with:

  • video upload

  • video thumbnail generation

  • server side video conversion

  • full video player

  • likes + dislikes on videos

  • full comment system with likes/dislikes, replies etc.

  • video details editing

  • account creation

  • and much more!

Whether you are a complete beginner* or an experienced programmer, this course will be massively beneficial to you.

Why should I take the course?

In the programming world, the “big 4” often consists of Google, Microsoft, Facebook and Amazon. To get a job at any of these companies, you absolutely MUST know the essentials: HTML, CSS, PHP, JQuery, JavaScript and MySQL.

If you take this course, you will have nothing to worry about because we use all of these skills extensively!

Support: 

By enrolling in this course, you will have the COMPLETE support of a Microsoft Software Engineer (me). I'm always ready to answer any question you may have. Programming issues, errors, feature requests, general programming advice - it doesn't matter, I'm always happy to help! I always aim to respond to questions within a few hours and it's also worth noting that I've answered EVERY SINGLE question asked so far.

Future course discounts:

By enrolling in this course, you will get access to ALL of my current and future courses for the lowest possible discount we as instructors are capable of offering on Udemy - FOREVER. 

Project portfolio:

The site you create in this course will be the highlight of your project portfolio! Any potential employer who see's this project on your resume will want to hear all about it. The reason? They know that a project like this means you're familiar with the wide range of technical skills they need their employees to know.  

Fun!

Finally, this project is a lot of fun and I know you'll have a great time implementing your own unique ideas as well as the ones we implement together. What are you waiting for? 

Who this course is for:

  • People who are interested in front end programming
  • Anyone who wants to make a YouTube clone!

Featured review

Nitai Yakobovitch
Nitai Yakobovitch
5 courses
2 reviews
Rating: 4.5 out of 59 months ago
Great hands hands on for people that have more than basic knowledge in oop and php for my opinion. He's running really fast which is good for those that want the advanced stuff, but for those who are starters it will be hard to follow. i think it really gave me ideas for new techniques and oop in php, generally reece is great teacher and expert in what he's doing. talking too fast sometimes but it's tolerable.

Instructor

Reece Kenney
Software Engineer at Microsoft
Reece Kenney
  • 4.7 Instructor Rating
  • 7,071 Reviews
  • 24,314 Students
  • 8 Courses

Hi there! My name is Reece Kenney, and I’m from Rugby, England. I currently work as a Software Engineer at Microsoft where I spend my days doing a range of front end and back end development using languages such as JavaScript, TypeScript and C# to name a few! Through my work at Microsoft, I have a lot of experience developing products that are used by millions of people every day! I’m also fortunate enough to work alongside some of the best and brightest software engineers in the world.

I’m here on Udemy to share my knowledge with as many people as possible and hopefully make a difference in people’s lives. I love to teach and can’t wait to personally guide you towards your own personal goals! If you take any of my courses, you’ll have my full support every step of the way!

  • 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.