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.
  • Preview your completed project here: Finished YouTube Clone

About the Author: Nomad Coders

Nomad Coders thumbnail
Nomad Coders is a space for creativity and programming education where you not only acquire essential skills but also bring a functional project to life. Our approach involves learning by working on real tasks. Join us to learn programming practically and efficiently!

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