[Last updated 3/2023] MERN Stack Course 2023 – MongoDB, Express, React and NodeJS (Udemy – Engsub)
About Course
Views
:
What you’ll learn:
Learn how to build big full stack app from scratch
Learn how to connect Front-End application (React) with Backend application (Express, MongoDB, NodeJS)
Learn how to implement JWT for authentication and authorization
Learn how to implement React Hooks, Async/Await, React Router 6, Axios
Learn how to implement ES6 in Node
Learn how to deploy MERN app on Heroku
Learn best practices of Front-End and Server applications
Time video:
20.5 hours (221 Lessons + Documents)
Teacher:
John Smilga
Total weight:
8.45 GB
Original link:
https://www.udemy.com/course/mern-stack-course-mongodb-express-react-and-nodejs/
Link :
Below The Post
Ghé thăm website
https://hoctapgiare.
top
nhé!
Tải video và file sub srt về và dùng phần mềm VLC để xem nhé.
Course Content
40 – Monthly Applications – Server
-
001 Aggregation Based on Year and Month.mp4
07:45 -
002 Refactor Data.mp4
06:49
28 – Axios Setup
-
001 Axios – Intro.mp4
00:40 -
002 Axios – Manual Approach.mp4
06:45 -
003 Axios – Global Setup.mp4
05:15 -
004 Axios – Custom Instance.mp4
04:47 -
005 Axios Interceptors – Intro.mp4
04:41 -
006 Axios Interceptors – Complete.mp4
05:57
29 – Update User – Front-End
-
001 Update User – Intro.mp4
01:42 -
002 Update User – Complete.mp4
07:29 -
003 Logout User.mp4
06:59
30 – Job Model and CreateJob Controller
-
001 Job Model – Intro.mp4
03:02 -
002 Job Model – Complete.mp4
05:10 -
003 CreateJob Controller.mp4
06:57
31 – Create Job – Front-End
-
001 Job State Values.mp4
04:25 -
002 Add Job Page – Intro.mp4
04:50 -
003 Add Job Page – Structure Complete.mp4
13:35 -
004 JobType Select.mp4
04:46 -
005 Form Row Select.mp4
06:20 -
006 Handle Change.mp4
07:15 -
007 Clear Values.mp4
09:06 -
008 Create Job – Intro.mp4
04:09 -
009 Create Job – Complete.mp4
11:06
32 – Get All Jobs – Server
-
001 Get All Jobs Controller.mp4
05:50
33 – Get All Jobs – Front-End
-
001 Get All Jobs – State Values.mp4
02:29 -
002 Get All Jobs Request.mp4
09:05 -
003 Logout User and Clear Alert.mp4
06:20 -
004 All Jobs Page Setup.mp4
06:13 -
005 Jobs Container.mp4
11:24 -
006 Moment.js.mp4
04:22 -
007 Job Component.mp4
11:51 -
008 JobType Component.mp4
06:29
34 – Edit, Delete Job – Setup
-
001 SetEditJob Functionality.mp4
11:45
35 – Edit, Delete Job – Server
-
001 Edit Job Controller.mp4
09:51 -
002 Alternative Approach.mp4
09:00 -
003 Check Permissions – Intro.mp4
02:56 -
004 Check Permissions – Complete.mp4
08:45 -
005 Delete Job Controller.mp4
04:33
36 – Edit, Delete Job – Front-End
-
001 Delete Job Request.mp4
08:23 -
002 Edit Job Request.mp4
12:31
37 – Mock Data
-
001 Mockaroo.mp4
10:44 -
002 Populate DB.mp4
08:03
38 – Stats – Server
-
001 Aggregation Pipeline -Match Stage.mp4
05:57 -
002 Aggregation Pipeline – Group Stage.mp4
03:00 -
003 Reduce Stats.mp4
03:20 -
004 Default Stats.mp4
04:34
39 – Stats – Front-End
-
001 Fetch Stats.mp4
07:17 -
002 Stats Page Structure.mp4
08:14 -
003 Stats Container.mp4
05:24 -
004 Stats Item.mp4
03:27
27 – Profile Page
-
001 Profile Page – Intro.mp4
06:43 -
002 Profile Page – Complete.mp4
11:32
41 – Monthly Applications – Fron-End
-
001 Charts Container.mp4
07:36 -
003 Install Recharts Library.mp4
01:50 -
004 Bar Chart.mp4
06:10 -
005 Area Chart.mp4
03:42
42 – FilterSort – Server
-
001 Big Picture.mp4
03:14 -
002 Current Setup Issue.mp4
05:09 -
003 Query Params – Status.mp4
06:09 -
004 Query Params – JobType.mp4
02:18 -
005 Query Params – Search.mp4
04:08 -
006 Query Params – Sort.mp4
05:00
43 – FilterSort – Front-End
-
001 Search – State Setup.mp4
06:03 -
002 Search Component – Initial Setup.mp4
07:37 -
003 Search Component – Complete.mp4
06:12 -
004 Clear Filters.mp4
02:30 -
005 GetJobs Request.mp4
05:40
44 – Pagination – Server
-
001 Pagination – Intro.mp4
04:00 -
002 Page and Limit.mp4
06:17 -
003 Total Jobs and Number of Pages.mp4
04:19
45 – Pagination – Front-End
-
001 Button Container – Setup.mp4
03:12 -
002 Button Container – Structure.mp4
03:46 -
003 List Of Buttons.mp4
05:37 -
004 Change Page.mp4
04:39 -
005 Prev and Next Page.mp4
04:28 -
006 Trigger New Request.mp4
05:19
46 – Build Front-End Application
-
001 Fix Warnings and Logout User.mp4
03:06 -
002 Build Front-End Application.mp4
10:41
47 – Security Packages
-
001 Security Packages – HELMET, XSS-CLEAN, EXPRESS-MONGO-SANITIZE.mp4
03:41 -
002 Security Packages – EXPRESS-RATE-LIMITER.mp4
03:39
48 – Extra Content
-
001 Extra Content Info.mp4
01:03
49 – Search – Alternative Setup
-
001 Debounce – Intro.mp4
02:23 -
002 Debounce – Vanilla JS.mp4
09:54 -
003 Local Search.mp4
04:24 -
004 Debounce – Complete.mp4
08:43
50 – Test User
-
001 Test User – Setup.mp4
08:53 -
002 Test User – Restrict Access.mp4
07:50 -
003 Test User – Fix Front-End.mp4
05:10
51 – Auth with Cookies
-
001 Cookies Intro.mp4
06:56 -
002 First Cookie.mp4
08:14 -
003 Utils Function.mp4
04:44 -
004 Install cookie-parser.mp4
04:16 -
005 Refactor Auth Middleware and Responses.mp4
04:49 -
006 Refactor Front-End – Remove Token and Local Storage.mp4
08:40 -
007 Test Cookie Expiration.mp4
02:03 -
008 Get Current User – Server.mp4
05:31 -
009 Get Current User – appContext.mp4
08:10 -
010 Get Current User – Complete.mp4
08:07 -
011 Landing Fix.mp4
03:56 -
012 Logout User.mp4
08:06
52 – Deployment
-
001 Prepare for Deployment.mp4
06:54 -
002 Setup Github Repo.mp4
03:02 -
003 Render Signup.mp4
03:30 -
004 Deploy Application.mp4
06:28
14 – Hash Password
-
001 Mongoose Middleware.mp4
08:04 -
002 Hash Passwords.mp4
04:48
02 – Setup
-
001 Get Assets.mp4
01:43 -
002 Complete Project Overview.mp4
03:05 -
003 Create Project and README.md.mp4
01:42 -
004 Setup React Application.mp4
05:08 -
005 Remove Boilerplate.mp4
01:28 -
006 Title and Favicon.mp4
02:36 -
007 Normalize.css and Global Styles.mp4
05:40
03 – Landing Page
-
001 Landing Page – Basic Setup.mp4
07:33 -
002 Landing Page – Structure.mp4
04:09 -
003 Styled Components – Intro.mp4
06:44 -
004 Landing Page – Complete.mp4
08:01 -
005 Wrappers Setup.mp4
04:28
04 – First Components
-
001 Logo and Images.mp4
02:10 -
002 Logo Component.mp4
06:33
05 – React Router 6
-
001 React Router Setup.mp4
08:39 -
002 Link Component.mp4
02:46 -
003 Page Structure.mp4
05:47
06 – Error Page
-
001 Error Page.mp4
05:05 -
002 Auto Imports Info.mp4
01:34
07 – Register Page
-
001 Register Page – Intro.mp4
05:02 -
002 Register Page – Setup.mp4
09:34 -
003 FormRow Component.mp4
08:02 -
004 Alert Component.mp4
05:27 -
005 Toggle Member.mp4
07:37
08 – Context
-
001 Global Context – Intro.mp4
03:16 -
002 Global Context – Setup.mp4
08:41 -
003 Reducer.mp4
02:32 -
004 Display Alert – Setup.mp4
07:07 -
005 Display Alert – Complete.mp4
06:54 -
006 Clear Alert.mp4
04:51
09 – Server Setup
-
001 Create package.json and server.js.mp4
02:35 -
002 ES6 Modules.mp4
02:38 -
003 Basic Express Server and Nodemon.mp4
05:00 -
004 NotFoundMiddleware.mp4
04:55 -
005 ErrorHandlerMiddleware.mp4
06:19 -
006 ENV Vars.mp4
03:12 -
008 OPTIONAL !!! Mongo Atlas Account and Connection String.mp4
08:15 -
009 Connect To DB.mp4
10:49
10 – Routes and Controllers Structure
-
001 Auth Structure.mp4
08:55 -
002 Jobs Structure.mp4
06:48 -
003 Test in Postman.mp4
07:48
11 – User Model
-
001 User Model.mp4
07:26 -
002 Validate Email.mp4
04:15
12 – Register Controller Initial Setup
-
001 Basic Register Controller.mp4
05:31 -
002 Pass Error to Error Middleware.mp4
04:17 -
003 Setup express-async-errors package.mp4
04:24 -
004 Status Codes.mp4
05:01
13 – Error Handling
-
001 Intro.mp4
00:48 -
002 Missing Field Error.mp4
08:49 -
003 Unique Field Error.mp4
03:51 -
004 Check For Empty Values in Controller.mp4
05:45 -
005 CustomAPIError.mp4
03:56 -
006 BadRequestError and NotFoundError.mp4
03:21 -
007 Refactor Errors.mp4
06:48 -
008 Check For Duplicate Email in Controller.mp4
01:59
01 – Introduction
-
02:02
-
00:48
-
004 Video Blur Fix.mp4
01:35 -
005 Course Review.mp4
00:30
15 – JWT
-
001 CreateJWT – Custom Instance Method.mp4
03:31 -
002 JWT – Overview.mp4
05:25 -
003 JWT – Setup.mp4
06:32 -
004 JWT – Secret and Lifetime.mp4
02:40 -
005 Remove Password.mp4
03:52
16 – Connect Front-End and Server
-
001 Concurrently.mp4
11:03 -
002 Fetch Error.mp4
05:00 -
003 Cors Error Info.mp4
04:50 -
004 Cors Package.mp4
03:47 -
005 Proxy – Intro.mp4
03:56 -
006 Proxy – Setup.mp4
07:06
17 – Register User Front-End
-
001 Intro.mp4
03:20 -
002 Register User – Setup.mp4
10:29 -
003 Axios Intro.mp4
02:05 -
004 Register User – Overview.mp4
06:27 -
005 Register User – Complete.mp4
11:21 -
006 Programmatically Navigate To Dashboard.mp4
05:15 -
007 Persist User In Local Storage.mp4
06:52
18 – Login User Server
-
001 Morgan NPM Package.mp4
04:43 -
002 UnAuthenticatedError Setup.mp4
02:40 -
003 Compare Password.mp4
02:53 -
004 Login Controller.mp4
10:03
19 – Login User Front-End
-
001 Login User – Setup.mp4
05:00 -
002 Login User – Complete.mp4
05:50 -
003 Login User – Refactor.mp4
08:55
20 – Nested Pages and Protected Route
-
001 Nested Pages – Intro.mp4
00:49 -
002 Dashboard Pages – Setup.mp4
05:47 -
003 Dashboard Pages – Structure.mp4
04:54 -
004 Dashboard Pages – Complete.mp4
06:46 -
005 Protected Route.mp4
07:14
21 – Shared Layout
-
001 Setup.mp4
02:26 -
002 Structure.mp4
08:44 -
003 React Icons.mp4
03:20
22 – Navbar
-
001 Navbar Structure – Intro.mp4
02:22 -
002 Navbar Structure – Complete.mp4
07:36 -
003 Toggle Sidebar.mp4
06:07 -
004 Toggle Dropdown.mp4
03:21 -
005 Logout.mp4
09:33
23 – Small Sidebar
-
001 Setup Links.mp4
07:36 -
002 Small Sidebar – Setup.mp4
06:04 -
003 Small Sidebar – Toggle.mp4
03:34 -
004 Small Sidebar – Nav Links.mp4
08:40
24 – Big Sidebar
-
001 Nav Links Component.mp4
07:52 -
002 Big Sidebar.mp4
05:12
25 – Auth – Server Setup
-
001 Auth – Intro.mp4
02:07 -
002 Auth – Setup.mp4
06:40 -
003 Bearer Token.mp4
06:04 -
004 Postman Token Setup.mp4
06:38 -
005 UnAuthenticated Error.mp4
02:50 -
006 Auth Complete.mp4
09:04
26 – Update User – Server
-
001 Update User Controller.mp4
08:39 -
002 Modified Paths.mp4
06:11