SPP-1001_NodeJS_WeTube

Cloning Youtube with NodeJS and Vanila Script

[Full Stack] Youtube Clone Coding

---

0 Introduction

• 0.1 What are we building (2:11)

• 0.2 The State of Fullstack (5:51)

• 0.3 Websites vs Webapps (4:44)

1 NodeJS Theory

• 1.0 What is NodeJS (3:17)

• 1.1 Use Cases for NodeJS (8:37)

• 1.2 Who Uses NodeJS (3:21)

• 1.3 Installing NodeJS (2:44)

• Quiz #1

2 ExpressJS

• 2.0 What is a Server (2:58)

• 2.1 What is Express (3:32)

• 2.2 Installing Express with NPM (11:19)

• 2.3 Your First Express Server (11:13)

• 2.4 Handling Routes with Express (9:57)

• 2.5 ES6 on NodeJS using Babel (10:39)

• 2.6 Express Core: Middlewares (9:37)

• 2.7 Express Core: Middlewares part Two (9:22)

• Quiz #2

• 2.8 Express Core: Routing (11:22)

• 2.9 MVC Pattern part One (8:02)

• 2.10 MVC Pattern part Two (11:09)

• 2.11 MVC Pattern part Three (8:37)

• 2.12 Recap (4:23)

• 2.13 Installing Pug (6:36)

• 2.14 Layouts with Pug (9:36)

• 2.15 Partials with Pug (9:12)

• 2.16 Local Variables in Pug (9:03)

• 2.17 Template Variables in Pug (4:39)

• Quiz #3

• 2.18 Search Controller (10:42)

• 2.19 Join : Log In HTML (11:17)

• 2.20 Change Profile HTML (6:55)

• 2.21 Home Controller (11:01)

• 2.22 Home Controller part Two (10:54)

• 2.23 Join Controller (12:08)

• 2.24 Log In and User Profile Controller (10:27)

• 2.25 More Controlers (10:33)

• Quiz #4

3 MongoDB

• 3.0 MongoDB and Mongoose (6:32)

• 3.1 Connecting to MongoDB (9:16)

• 3.2 Configuring Dot Env (3:14)

• 3.3 Video Model (7:17)

• 3.4 Comment Model (7:49)

• 3.5 Home Controller Finished (9:25)

• 3.6 Uploading and Creating a Video (13:51)

• 3.7 Uploading and Creating a Video part Two (8:50)

• 3.8 Getting Video by ID (11:53)

• 3.9 Editing a Video (14:30)

• 3.10 Deleting a Video (6:55)

• 3.11 Installing ESLint (14:16)

• 3.12 Searching Videos (11:50)

• Quiz #5

4 Webpack

• 4.0 Introduction to Webpack (9:32)

• 4.1 Styles with Webpack part One (10:30)

• 4.2 Styles with Webpack part Two (11:47)

• 4.3 ES6 with Webpack (10:32)

• Quiz #6

5 Styling

• 5.0 SCSS and Making the Header (11:13)

• 5.1 Footer and Login / Join (8:59)

• 5.2 Everything else! (14:24)

6 User Authentication like a Boss

• 6.0 Introduction to PassportJS (5:03)

• 6.1 Local Authentication with Passport part One (11:16)

• 6.2 Local Authentication with Passport part Two (9:58)

• 6.3 Loggin the User In (10:24)

• 6.4 Sessions on Express (11:21)

• 6.5 MongoStore and Middlewares (10:37)

• 6.6 Github Log In part One (8:23)

• 6.7 Github Log In part Two (13:45)

• 6.8 Github Log In part Three (8:43)

• 6.9 Recap and User Profile (12:33)

• 6.10 User Detail + Facebook Login Part One (13:07)

• 6.11 Facebook Login Part Two (13:47)

• 6.12 Facebook Log In part Three (8:45)

• Quiz #7

7 Relationships and Route Protection

• 7.0 User Profile (8:23)

• 7.1 Edit User Password (10:40)

• 7.2 Change Password (10:22)

• 7.3 Adding Creator to Video (10:22)

• 7.4 Protecting Video Routes (8:24)

8 Custom Video Player

• 8.0 Starting the Video Player (12:26)

• 8.1 Play Pause Functionallity (11:51)

• 8.2 Mute Unmute (8:21)

• 8.3 Enter Fullscreen Exit Fullscreen (11:43)

• 8.4 Total Time and Current Time (12:32)

• 8.5 Volume Bar part One (9:25)

• 8.6 Volume Bar part Two (9:50)

9 Recording Video with JavaScript

• 9.0 Getting User Media (13:31)

• 9.1 Recording Video part One (9:53)

• 9.2 Recording video part Two (13:02)

10 API + AJAX

• 10.0 API Registering a View part One (12:24)

• 10.1 API Registering a View part Two (8:38)

• 10.2 API Adding a Comment part One (9:04)

• 10.3 API Adding a Comment part Two (9:36)

• 10.4 API Adding a Comment part Three (9:20)

• 10.5 Conclusions (3:28)

• Quiz #8

11 Bonus Time

• 11.0 Introduction to AWS S3 (9:16)

• 11.1 Multer Uploads to AWS S3 (13:27)

• 11.2 Blob Duration Bug (6:42)

• 11.3 Migrating the DB to MongoLab (6:23)

• 11.3.1 MongoLab is Dead Update (7:59)

• 11.4 Building for Production (13:00)

• 11.5 Deploying to Heroku part One (10:43)

• 11.6 Deploying to Heroku part Two (5:35)

• 11.7 Flash Messages part One (9:50)

• 11.8 Flash Messages part Two (13:01)

• 11.09

• 11.10 Intro to Prisma part One (9:53)

• 11.11 Intro to Prisma part Two (14:22)