CourseFlix

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

Course content

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

Related courses

  • Backbone Tutorial: Learn Backbonejs from Scratch thumbnail

    Backbone Tutorial: Learn Backbonejs from Scratch

    By: Udemy
    There are many libraries and frameworks to help you structure your Javascript code. BackboneJS is one of them. In this course, I'll take you on a step-by-step j
    4 hours 48 minutes 11 seconds
  • Become a WordPress Developer: Unlocking Power With Code thumbnail

    Become a WordPress Developer: Unlocking Power With Code

    By: Udemy
    Learn PHP, JavaScript, WordPress theming & the WP REST API to Create Custom & Interactive WordPress Websites.
    41 hours 45 minutes 55 seconds 5 / 5
  • MongoDB thumbnail

    MongoDB

    By: Nelson Djalo (Amigoscode)
    MongoDB is a very popular for any project. It's a no sql database which offers high performance and scalability. Having MongoDB in your skills set will set you
    3 hours 3 minutes 57 seconds

Frequently asked questions

What is Youtube clone about?
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…
Who teaches Youtube clone?
Youtube clone is taught by Nomad Coders. You can find more courses by this instructor on the corresponding source page.
How long is Youtube clone?
Youtube clone contains 99 lessons with a total runtime of 15 hours 41 minutes. All lessons are available to watch online at your own pace.
Is Youtube clone free to watch?
Youtube clone is part of CourseFlix's premium catalog. A CourseFlix subscription unlocks the full video player; the course description, table of contents, and preview information are available to everyone.
Where can I watch Youtube clone online?
Youtube clone is available to watch online on CourseFlix at https://courseflix.net/course/youtube-clone. The page hosts every lesson with the integrated video player; no download is required.