CF

Youtube clone

15h 41m 20s
English
Paid

Clone Coding is a practical 100% educational method where you learn by creating real-world services like Instagram, KakaoTalk, YouTube, Uber, and more. Are you tired of studying complex theories that sap your motivation before you even start? There's no faster and more effective way to learn than by diving into the hands-on experience of building a service. Welcome to the practical world of programming!

Features and Concepts to Learn

In this course, you'll develop a full-stack application that covers front-end, back-end, and distribution. The focus is on creating a comprehensive YouTube clone that encompasses various functionalities.

  • Fully reproduced YouTube clone coding: Users can view, upload, and record videos, comment on others' videos, and search for videos.
  • YouTube Back-end Clone: MongoDB, NodeJS, ES6, AWS, Heroku
  • YouTube Front-end Clone: 100% Vanilla JS, SaSS, ES6, WebPack, Pug

Outcome of the Course

  • Develop a full-stack application that covers the entire development cycle, including front-end, back-end, and distribution.
  • Enhance your skills as a JavaScript Developer with upgraded JS technology knowledge.

About the Author: Nomad Coders

Nomad Coders thumbnail

Nomad Coders is a Korean-origin online coding school founded by Nicolas Serrano (Nico). The school is one of the largest in the Korean developer-education market and has expanded internationally, publishing courses in both Korean and English that emphasise project-based learning across modern web and mobile stacks.

The CourseFlix listing carries eight Nomad Coders courses covering React, React Native, Next.js, NestJS, Twitter / Instagram clones, and the surrounding ecosystem (auth, real-time updates, deployment). Material is paid and aimed at developers who learn best from building complete applications end-to-end rather than studying frameworks in isolation.

Watch Online 99 lessons

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 99 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: #0.1 What are we building
All Course Lessons (99)
#Lesson TitleDurationAccess
1
#0.1 What are we building Demo
02:12
2
#0.2 The State of Fullstack
05:52
3
#0.3 Websites vs Webapps
04:45
4
#1.0 What is NodeJS
03:18
5
#1.1 Use Cases for NodeJS
08:38
6
#1.2 Who Uses NodeJS
03:22
7
#1.3 Installing NodeJS
02:45
8
#2.0 What is a Server
02:59
9
#2.1 What is Express
03:33
10
#2.2 Installing Express with NPM
11:20
11
#2.3 Your First Express Server
11:14
12
#2.4 Handling Routes with Express
09:58
13
#2.5 ES6 on NodeJS using Babel
10:40
14
#2.6 Express Core: Middlewares
09:38
15
#2.7 Express Core: Middlewares part Two
09:23
16
#2.8 Express Core: Routing
11:23
17
#2.9 MVC Pattern part One
08:03
18
#2.10 MVC Pattern part Two
11:10
19
#2.11 MVC Pattern part Three
08:38
20
#2.12 Recap
04:24
21
#2.13 Installing Pug
06:37
22
#2.14 Layouts with Pug
09:37
23
#2.15 Partials with Pug
09:13
24
#2.16 Local Variables in Pug
09:04
25
#2.17 Template Variables in Pug
04:40
26
#2.18 Search Controller
10:43
27
#2.19 Join : Log In HTML
11:18
28
#2.20 Change Profile HTML
06:56
29
#2.21 Home Controller
11:02
30
#2.22 Home Controller part Two
10:55
31
#2.23 Join Controller
12:09
32
#2.24 Log In and User Profile Controller
10:28
33
#2.25 More Controlers
10:34
34
#3.0 MongoDB and Mongoose
06:33
35
#3.1 Connecting to MongoDB
09:17
36
#3.2 Configuring Dot Env
03:15
37
#3.3 Video Model
07:18
38
#3.4 Comment Model
07:50
39
#3.5 Home Controller Finished
09:26
40
#3.6 Uploading and Creating a Video
13:52
41
#3.7 Uploading and Creating a Video part Two
08:51
42
#3.8 Getting Video by ID
11:54
43
#3.9 Editing a Video
14:31
44
#3.10 Deleting a Video
06:56
45
#3.11 Installing ESLint
14:17
46
#3.12 Searching Videos
11:51
47
#4.0 Introduction to Webpack
09:33
48
#4.1 Styles with Webpack part One
10:31
49
#4.2 Styles with Webpack part Two
11:48
50
#4.3 ES6 with Webpack
10:33
51
#5.0 SCSS and Making the Header
11:14
52
#5.1 Footer and Login / Join
09:00
53
#5.2 Everything else!
14:25
54
#6.0 Introduction to PassportJS
05:04
55
#6.1 Local Authentication with Passport part One
11:17
56
#6.2 Local Authentication with Passport part Two
09:59
57
#6.3 Loggin the User In
10:25
58
#6.4 Sessions on Express
11:22
59
#6.5 MongoStore and Middlewares
10:38
60
#6.6 Github Log In part One
08:24
61
#6.7 Github Log In part Two
13:46
62
#6.8 Github Log In part Three
08:44
63
#6.9 Recap and User Profile
12:34
64
#6.10 User Detail + Facebook Login Part One
13:08
65
#6.11 Facebook Login Part Two
13:48
66
#6.12 Facebook Log In part Three
08:46
67
#7.0 User Profile
08:24
68
#7.1 Edit User Password
10:41
69
#7.2 Change Password
10:23
70
#7.3 Adding Creator to Video
10:23
71
#7.4 Protecting Video Routes
08:25
72
#8.0 Starting the Video Player
12:27
73
#8.1 Play Pause Functionallity
11:52
74
#8.2 Mute Unmute
08:22
75
#8.3 Enter Fullscreen Exit Fullscreen
11:44
76
#8.4 Total Time and Current Time
12:33
77
#8.5 Volume Bar part One
09:26
78
#8.6 Volume Bar part Two
09:51
79
#9.0 Getting User Media
13:32
80
#9.1 Recording Video part One
09:54
81
#9.2 Recording video part Two
13:03
82
#10.0 API Registering a View part One
12:25
83
#10.1 API Registering a View part Two
08:39
84
#10.2 API Adding a Comment part One
09:05
85
#10.3 API Adding a Comment part Two
09:37
86
#10.4 API Adding a Comment part Three
09:21
87
#10.5 Conclusions
03:29
88
#11.0 Introduction to AWS S3
09:17
89
#11.1 Multer Uploads to AWS S3
13:28
90
#11.2 Blob Duration Bug
06:43
91
#11.3 Migrating the DB to MongoLab
06:24
92
#11.3.1 MongoLab is Dead Update
08:00
93
#11.4 Building for Production
13:01
94
#11.5 Deploying to Heroku part One
10:44
95
#11.6 Deploying to Heroku part Two
05:36
96
#11.7 Flash Messages part One
09:51
97
#11.8 Flash Messages part Two
13:02
98
#11.10 Intro to Prisma part One
09:54
99
#11.11 Intro to Prisma part Two
14:23
Unlock unlimited learning

Get instant access to all 98 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

Related courses

Frequently asked questions

What are the prerequisites for this course?
This course is designed for learners with a basic understanding of JavaScript and web development. Familiarity with HTML, CSS, and fundamental programming concepts is recommended. The course will guide you through installing and using NodeJS, Express, and MongoDB, so prior experience with these technologies is beneficial but not required.
What will I build during the course?
Participants will create a full-stack application that replicates key functionalities of YouTube. This includes building user features such as viewing, uploading, and recording videos, commenting on videos, and video search capabilities. The project will cover both front-end elements using Vanilla JS and back-end components utilizing NodeJS and MongoDB.
Who is the target audience for this course?
The course is targeted at aspiring developers who wish to gain practical experience in full-stack application development. It's ideal for those who learn best through hands-on projects and want to understand how to build scalable web applications. Beginners with some coding background and intermediate developers looking to expand their skills will benefit the most.
How does the scope of this course compare to similar courses?
This course focuses specifically on building a YouTube clone, offering detailed insights into full-stack development. Unlike theory-heavy courses, this program emphasizes practical coding skills across 99 lessons, covering tools such as Express, MongoDB, and AWS. It provides a comprehensive foundation for understanding both client-side and server-side development.
What specific tools or platforms will be used in the course?
The course utilizes a mix of modern web development tools and platforms. On the back-end, students will work with NodeJS, Express, and MongoDB. The front-end is built using Vanilla JavaScript. Deployment and hosting aspects are covered using AWS and Heroku. Additionally, ESLint is introduced for maintaining code quality, and PassportJS is used for authentication.
What topics are not covered in this course?
While the course provides a thorough introduction to building a YouTube clone, it does not cover advanced topics like machine learning, mobile application development, or other web frameworks beyond the specified stack. It also doesn't delve into advanced database management or complex cloud architecture beyond the basics of AWS and Heroku deployment.
What is the expected time commitment for completing the course?
The course comprises 99 lessons, with each lesson focusing on specific aspects of full-stack development. While the total runtime is not specified, students should allocate sufficient time for coding exercises and practical application of concepts. The hands-on nature of the course may require a significant time investment to ensure understanding and successful project completion.