All You Need to Know MERN Stack with Practical Project

Focused View

Jahid Hiron

22:07:26

21 View

1. Introduction

1. Course Overview.mp4

02:55

2. What is Nodejs.mp4

03:29

3. How Nodejs Work.mp4

03:07

4. Install Nodejs on Windows OS.mp4

01:13

5. Install Nodejs on Mac OS.mp4

01:37

6. Install Nodejs on Linux OS.mp4

02:16

2. Module and Global Object

1. How to Run Nodejs Code.mp4

03:36

2. Global Object.mp4

03:32

3. What is Module.mp4

04:10

4. How to Do Export and Import in Nodejs.mp4

08:03

5. What is Module Wrapper Function.mp4

03:30

3. Core Module in Nodejs

1. Core Module Introduction.mp4

02:01

2. Path Module.mp4

07:05

3. OS Module.mp4

04:42

4. FS Module Part 1.mp4

05:19

5. FS Module Part 2.mp4

08:05

6. Event Module Part 1.mp4

06:38

7. Event Module Part 2.mp4

06:01

8. HTTP Module.mp4

10:11

4. Steam and Buffer Introduction

1. Steam and Buffer Introduction.mp4

01:57

2. Read Stream.mp4

05:41

3. Write Stream.mp4

02:15

4. Stream with Pipe.mp4

01:36

5. Express Framework

1. Express Framework Introduction.mp4

01:45

2. Basic Project Setup.mp4

06:11

3. First Express Server.mp4

03:33

4. Nodemon Module.mp4

03:38

5. Request Method.mp4

03:10

6. Take a Look About Postman.mp4

03:38

7. Parse Incoming Request Body.mp4

06:15

8. Params Object.mp4

03:46

9. Query String.mp4

01:36

10. Sub Route.mp4

04:43

11. Cookies.mp4

06:02

12. Request Object Introduction.mp4

01:49

13. Request Object Part 2.mp4

03:40

14. Response Object Introduction.mp4

01:53

15. Response Method.mp4

04:30

16. View Engine and Html Response.mp4

05:17

17. Response Format.mp4

03:46

18. Http Response Status Code.mp4

04:12

19. What is Middleware.mp4

02:36

20. How to Use Middleware.mp4

07:25

21. Error Handling Middleware.mp4

04:18

22. Error Handling.mp4

07:01

6. MongoDb and Mongoose

1. Database Introduction.mp4

03:45

2. MongoDB Install on Windows OS.mp4

04:45

3. MongoDB Install on Mac OS.mp4

03:22

4. MongoDB Install on Linux OS.mp4

04:35

5. Establish Database Connection.mp4

05:01

6. Add to Database Part 1.mp4

05:52

7. Add to Database Part 2.mp4

08:00

8. Find Single Document from Database.mp4

06:26

9. Find Multiple Document from Database.mp4

04:17

10. Update Single Document.mp4

09:17

11. Update Multiple Document.mp4

03:16

12. Delete Single Document.mp4

03:20

13. Delete Multiple Document.mp4

01:55

14. What is ODM.mp4

03:27

15. Database Connection Using Mongoose.mp4

03:19

16. Schema Define.mp4

02:54

17. Add Single Document Using Mongoose.mp4

07:37

18. Add Multiple Document Using Mongoose.mp4

04:07

19. Update Single Document Using Mongoose.mp4

07:35

20. Update Multiple Document Using Mongoose.mp4

03:19

21. Find Single Document Using Mongoose.mp4

04:30

22. Find Multiple Document Using Mongoose.mp4

02:37

23. Delete Single Document Using Mongoose.mp4

03:37

24. Delete Multiple Document Using Mongoose.mp4

02:43

25.1 Source Code.zip

25. Take a Look MongoDB Compass GUI Tool.mp4

03:02

7. Project Todo

1. Project Overview.mp4

02:12

2. Initialize Project.mp4

04:04

3. Add Project to Github.mp4

03:02

4. Connect with Database.mp4

01:42

5. List Todo Page.mp4

04:08

6. Add Todo Page.mp4

03:57

7. Update Todo Page.mp4

01:48

8. Delete Todo Page.mp4

02:57

9. Adding External CSS File.mp4

05:00

10. All Link Clickable.mp4

02:10

11. EJS Partials Concept.mp4

03:43

12. Page Dynamic Title.mp4

02:26

13. Todo Model Schema.mp4

03:24

14. Add Todo.mp4

06:24

15. List Todo.mp4

05:29

16. Date Format.mp4

03:19

17. Code Refactoring Part 1.mp4

05:01

18. Code Refactoring Part 2.mp4

01:44

19. Code Refactoring Part 3.mp4

03:38

20. Code Refactoring Part 4.mp4

04:16

21. Code Refactoring Part 5.mp4

01:22

22. Environment Variable.mp4

04:10

23. Test After Refactor.mp4

00:45

24. Update Todo.mp4

06:49

25. Delete Todo.mp4

04:43

26. Test App.mp4

01:06

27.1 Github Repository Link.txt

27. Clone This Repository.mp4

02:02

8. Project Blog RESTful APIs

1. Project Requirement Analysis.mp4

01:18

2. What is RESTful API.mp4

04:06

3. Initial Project Setup.mp4

06:48

4. Connect Database.mp4

03:50

5. Cloud Database.mp4

05:17

6. User Model.mp4

03:48

7. Signup Route.mp4

06:58

8. Test Signup Route.mp4

02:13

9. Test Database in the Browser.mp4

00:56

10. Morgan Module.mp4

01:36

11. Response Format.mp4

01:15

12. Error Handling Middleware.mp4

02:43

13. Test Error Handle Middleware.mp4

01:18

14. Not Found Route.mp4

02:35

15. Signup Validation Part 1.mp4

03:55

16. Signup Validation Part 2.mp4

07:00

17. Signup Validation Part 3.mp4

06:26

18. Hashed Password.mp4

04:08

19. Signin Route.mp4

08:42

20. Generate Token.mp4

06:03

21. Email Verification Code.mp4

10:31

22. Send Verification Email.mp4

07:28

23. Add Environment Variable.mp4

01:43

24. User Verification.mp4

05:45

25. Send Forgot Password Code.mp4

05:59

26. Recover Password.mp4

07:38

27. Authenticate Middleware.mp4

11:13

28. Change Password.mp4

06:03

29. Update Profile.mp4

11:23

30. Category Model.mp4

02:56

31. Add Category.mp4

08:07

32. Is Admin Middleware.mp4

06:49

33. Update Category.mp4

08:52

34. Delete Category.mp4

03:22

35. Search Categories.mp4

06:33

36. Categories Pagination.mp4

05:42

37. Detail Category.mp4

03:50

38. File Module Introduction.mp4

03:18

39. Upload File.mp4

04:39

40. Filename.mp4

06:04

41. File Filter.mp4

03:10

42. Upload Multiple File.mp4

01:16

43. AWS S3 Bucket Setup.mp4

07:31

44. File Model.mp4

02:36

45. Multer Memory Storage.mp4

02:21

46. Upload File to S3.mp4

12:54

47. Add File to Database.mp4

02:37

48. Signed Url.mp4

07:24

49. Delete File.mp4

05:15

50. Update Profile Picture.mp4

04:18

51. Current User.mp4

04:40

52. Post Model.mp4

03:14

53. Add Post.mp4

12:21

54. Update Post.mp4

07:49

55. Delete Post.mp4

03:03

56. Post List.mp4

07:00

57. Detail Post.mp4

05:03

58.1 Export or Import API Collection.pdf

58.2 Github Repository Link.txt

58. Filter Post by Category.mp4

02:30

9. React Introduction

1. What is React.mp4

02:39

2. What is Virtual DOM.mp4

02:38

3. Setup a React Project.mp4

04:37

10. JSX Element and Rendering JSX Element

1. What is JSX Element.mp4

06:01

2. JSX More Detail.mp4

06:03

3. Rendering JSX Element.mp4

03:30

11. Component and Props

1. What is Component.mp4

03:08

2. What is Props.mp4

02:31

3. Export and Import Component.mp4

02:06

4. Root Component.mp4

03:45

5. Children Property.mp4

01:41

6. Class Based Component.mp4

04:03

12. State and Life Cycle Method

1. What is State.mp4

02:57

2. More About State.mp4

02:06

3. Component Did Mount.mp4

02:12

4. Update State.mp4

04:02

5. Component will Unmount.mp4

00:53

6. State in Functional Component.mp4

03:45

7. Event Handler.mp4

04:07

8. Passing Parameter to Event Handler.mp4

01:54

13. Conditional Rendering List and Key

1. What is Conditional Rendering.mp4

05:41

2. Conditional Rendering More Detail.mp4

05:11

3. List.mp4

03:23

4. List Key Props.mp4

00:51

5. Counter App.mp4

06:15

14. React Form

1. Controlled Form vs Uncontrolled Form.mp4

03:13

2. Input Element.mp4

02:57

3. Textarea Input Element.mp4

02:20

4. Select Element.mp4

02:40

5. Checkbox Input Element.mp4

02:09

6. Radio Input Element.mp4

02:00

7. Submit Input.mp4

03:22

8. Registration Form.mp4

14:05

15. Higher Order Component

1. What is Higher Order Component.mp4

05:57

2. How to Create Higher Order Component.mp4

02:37

3. How to Use Higher Order Component.mp4

03:49

16. Render Props Pattern

1. What is Render Props.mp4

04:01

2. Render Props Example.mp4

08:07

3. Render Props Variation.mp4

01:31

17. Context API

1. Props Drilling.mp4

06:08

2. What is Context API.mp4

01:26

3. Create Custom Context.mp4

02:58

4. How to Use Context.mp4

06:33

5. Built in Context.mp4

01:51

6. useContext Hook.mp4

02:10

18. React Hook

1. React Hook Introduction.mp4

01:18

2. What is useEffect Hook.mp4

08:26

3. Timer Example.mp4

04:41

4. Cleanup Function.mp4

04:35

5. Fetch Data from API Request.mp4

06:54

6. React Memo and useCallback Hook.mp4

09:45

7. useMemo Hook.mp4

03:38

8. useRef Hook.mp4

05:19

9. useReducer Hook.mp4

05:09

10. Complex Counter.mp4

04:22

11. Fetch Post List Example.mp4

05:35

12. Fetch Post List by useReducer Hook.mp4

07:16

13. Custom Hook.mp4

05:25

19. React CSS

1. React Stylesheet.mp4

04:45

2. CSS Style in Html.mp4

01:21

3. Inline CSS.mp4

02:47

4. CSS Module.mp4

03:25

5. Dynamic CSS.mp4

02:26

20. React Router

1. What is React Router.mp4

01:24

2. Route Configuring.mp4

06:35

3. Nav Link.mp4

05:04

4. Active Link.mp4

02:20

5. Navigate Programmatically.mp4

05:40

6. Not Found Route.mp4

02:26

7. Dynamic Route.mp4

08:07

8. Url Params.mp4

02:23

9. Search Params.mp4

05:24

10. Nested Route.mp4

08:05

11. Relative Link.mp4

01:57

12.1 myapp.zip

12. Source Code.mp4

00:13

21. React Blog Project

1. Project Requirement Analysis.mp4

08:43

2. Initiating React App.mp4

03:23

3. Project Layout and Routing.mp4

15:35

4.1 React Blog Project Html Template Source Code.zip

4. Signup Form.mp4

08:00

5. Signup Form Validation.mp4

10:41

6. Signup API Integration.mp4

05:36

7. Cors Middleware.mp4

04:37

8. Base Url.mp4

03:42

9. Toast Message.mp4

08:30

10. Signin API Integration.mp4

11:06

11. Store Information to Local Storage.mp4

04:52

12. Auth Context.mp4

10:09

13. Logout Functionality.mp4

02:51

14. Category Module All Pages.mp4

10:02

15. Add Category.mp4

08:48

16. Add Token to Request Headers.mp4

06:18

17. Category List.mp4

11:20

18. Category List Pagination.mp4

16:39

19. Search Category.mp4

05:58

20. Update Category.mp4

11:09

21. Delete Confirmation Modal.mp4

07:54

22. Delete Category.mp4

05:34

23. Post Module All Pages.mp4

12:37

24. Add New Post.mp4

13:35

25. Upload File.mp4

11:52

26. Post List.mp4

07:33

27. Post Detail.mp4

12:42

28. Post Update.mp4

15:20

29. Post Delete.mp4

04:25

30. Home Page.mp4

02:26

31. Update Profile.mp4

11:52

32. Change Password.mp4

10:23

33. Verify User.mp4

14:57

34. Multi User Role.mp4

05:39

35. Recover Password.mp4

18:41

36.1 Github Repository Link.txt

36. Wrapup.mp4

01:58

22. What Next

1. What Next.mp4

01:47

Description

Learn MERN stack by building real-world applications with Node, Express, MongoDB, React & integrating RESTful APIs

What You'll Learn?

Master the entire modern full-stack: Node, Express, React, MongoDB and Mongoose
Learn about the Nodejs built-in core library
Becoming proficient in Expressjs, one of the most widely used web frameworks for Nodejs
Create Express web servers and APIs
Becoming proficient in developing RESTful APIs with Nodejs
Store data with Mongoose and MongoDB
Build a full-stack application using Nodejs and EJS template engine
Becoming proficient in integrating RESTful APIs with React
Master the entire modern frontend stack: React, APIs integration, React hooks
Learn React beautiful mechanism such as Context API, Props drilling, Render props
Authentication, Authorization including password reset
Avoid useless coding - Learn what's important

Who is this for?

Everyone who's interested in building modern, scalable and high-performing web applications

Programmers who want to learn the most in demand skills of a full-stack developer

Any full-stack developer who wants to learn MERN stack

What You Need to Know?

Basic of Javascript

General knowledge of how the web works is recommended but not a must-have

Absolutely no understanding of MERN stack or full-stack development is required, I take you from beginner to intermediate developer

More details

Description
Do you want to build fast and powerful full-stack applications with JavaScript? Would you like to become a more complete and in-demand developer?
Then MENR stack is the hottest technology for you to learn right now, and you came to the right place to do it!
This is a project based course where we build an extensive, in-depth full-stack application. We will start from scratch and end up with a professional project. We will dive deep into Node, Express, MongoDB, Mongoose, React, React hooks, integrating RESTful APIs . Here is some of what you will learn in this course and project:

How Nodejs work
Nodejs built-in core library
Stream and Buffer
Express Framework
Routing & Controller
Express middleware
Custom Error Handling
EJS template engine
Upload file to S3 bucket
Sending Email
Authentication With JWT
Password hashing
MongoDB database
MongoDB Atlas & Compass
Mongoose ODM
Models & Relationships
Multi user role
Authentication and Authorization
Advanced Query (pagination, filter, searching etc)
React core functionality
How React works
Virtual DOM
Rendering JSX element
Component, State & Props
React Form
Controlled form vs Uncontrolled form
Rendering list & key
Props drilling
Context API
Render Props
React hooks
Custom hooks
Handling CSS with React
React routing
Authentication and Protected route
Recover password by email
Verify user email
Integrating RESTful APIs
HTTP Essentials
Postman Client
Web development is evolving, in the past, server-side rendering handled all views and templates, but with the emergence of frontend frameworks like React, Angular, and Vue, projects are now divided into backend and frontend components. The backend manages database interactions and serves JSON, while the frontend fetches data and creates the user interface. This course focuses on the entire full-stack aspect, enabling you to construct robust APIs and integrating RESTful APIs with React project.
Our curriculum goes beyond typical Nodejs, Express and React tutorials, as we cover advanced topics like authentication, multi-user roles, permissions, password reset mechanisms, sending email integration, integrating RESTful APIs with React and many more. By the end of this course, you'll have a deep understanding of what it takes to be a proficient full-stack engineer.
Who this course is for:
Everyone who's interested in building modern, scalable and high-performing web applications
Programmers who want to learn the most in demand skills of a full-stack developer
Any full-stack developer who wants to learn MERN stack

User Reviews

Rating

average 0

Total votes0

Focused display

Jahid Hiron is a Software Engineer with a passion for teaching. He has been building complex backends and frontends for top corporations. Jahid possesses a natural talent for breaking down intricate subjects into easily understandable concepts. He has been guiding aspiring software developers in the early stages of their careers for many years. He teaches on Udemy to share the knowledge he has gained with other software engineers. Enhance your skills and invest in your personal growth by enrolling in Jahid's thoughtfully crafted courses on Udemy.

Udemy

View courses Udemy

Students take courses primarily to improve job-related skills.Some courses generate credit toward technical certification. Udemy has made a special effort to attract corporate trainers seeking to create coursework for employees of their company.