Apply Jobs as MERN stack developer with this course
- Description
- Curriculum
- FAQ
- Reviews
In this course, you will learn everything that is needed for you to become a Pro Fullstack developer in a hands-on step by step approach.
In this MERN stack course you are going to learn all the components that will help you develop your own production grade full stack application.
You will be able to apply for any Job related to MERN stack.
Everything will be taught from scratch with practical examples.
Following are the topics that will be covered in this course:
- 1.1-ReactJS introduction and environment setup
- 1.2-create react app
- 1.3-program flow and project files walkthrough
- 1.4-types of components in react
- 1.5-creating and using 1st functional component
- 1.6-creating 1st stateful class component
- 1.7-ES6 functional component, export and import
- 1.8-comparision between functional and class component
- 1.9-react hooks intro
- 1.10-jsx explained
- 1.11-props in functional and class component
- 1.12-state vs props
- 1.13-deep dive into setState
- 1.14-Handling form in class component part-1
- 1.15-Handling form in class component part-2
- 1.16-componentDidMount lifecycle onload method
We will use the following technologies:
- MONGODB – NoSQL database for storing data as documents and collection
- EXPRESS JS – Web framework for developing RESTful web services/API’s
- REACT JS – Library for developing the single page UI with functional components
- NODE JS – Runtime environment for developing our backend application
- Bcrypt JS – Npm package for encrypting and decrypting password
- Json Web Token(JWT) – For secure token based communication between frontend and backend via API calls
- REACT REDUX – For state management in our React application
- localStorage – For storing application information in the frontend
- Nodemon – Npm package for auto-reload of backend changes
- Cloudinary – Cloud storage for storing images
- Visual studio code – Development tool/IDE
12. ES7 React Extension – Helps to create React functional component faster
We will also learn the debugging techniques and best practices that will help you become an awesome MERN stack developer.
-
1Course OverviewVideo lesson
-
2ReactJS introduction and environment setupVideo lesson
-
3create react appVideo lesson
-
4program flow and project files walkthroughVideo lesson
-
5types of components in reactVideo lesson
-
6creating and using 1st functional componentVideo lesson
-
7creating 1st stateful class componentVideo lesson
-
8ES6 functional component, export and importVideo lesson
-
9comparision between functional and class componentVideo lesson
-
10react hooks introVideo lesson
-
11jsx explainedVideo lesson
-
12props in functional and class componentVideo lesson
-
13state vs propsVideo lesson
-
14deep dive into setStateVideo lesson
-
15Handling form in class component part-1Video lesson
-
16Handling form in class component part-2Video lesson
-
17componentDidMount lifecycle onload methodVideo lesson
-
181.1-Setup local environmentVideo lesson
-
19Setup backend nodejs APIVideo lesson
-
20what is middlewareVideo lesson
-
21Setup free cloud MongoDBVideo lesson
-
22Storing and exporting configurationVideo lesson
-
23Setting up UserModel with mongooseVideo lesson
-
24Setting up 1st router and 1st routeVideo lesson
-
25Creating Registration REST APIVideo lesson
-
26Saving user in the databaseVideo lesson
-
27Encrypting password before savingVideo lesson
-
28Implementing Login APIVideo lesson
-
29Implementing JWT authenticationVideo lesson
-
30Implementing middleware for protected routesVideo lesson
-
37Setting up frontend environment with ReactVideo lesson
-
38Add Materialize css and work on NavBarVideo lesson
-
39Add React VSC extension and further style NavBarVideo lesson
-
40Adding pages and routingVideo lesson
-
41Stopping page refresh with LINK tagVideo lesson
-
42Adding google fonts and custom styleVideo lesson
-
43Working on Login screenVideo lesson
-
44Working on Signup screenVideo lesson
-
45Working with profile pageVideo lesson
-
46Working with profile page gallery sectionVideo lesson
-
47Working on Homepage Post sectionVideo lesson
-
48Enhancing Homepage post sectionVideo lesson
-
49Working on Create Post pageVideo lesson
-
50Adding create post routing and further styling itVideo lesson
-
51Futher styling create-post pageVideo lesson
-
52Running Frontend and Backend togetherVideo lesson
-
53Adding state variables to signup pageVideo lesson
-
54Connecting Signup form to Backend Registration APIVideo lesson
-
55Solving CORS issueVideo lesson
-
56Add Toast message on frontend for errorVideo lesson
-
57Further styling the Toast message for errorVideo lesson
-
58Navigate user to login page after successful registrationVideo lesson
-
59Form input validationVideo lesson
-
60Integrating Login page with backend Login APIVideo lesson
-
61Enriching Login API to get more user informationVideo lesson
-
62Setup free cloud storage for storing imagesVideo lesson
-
63Adding state variables to create post screenVideo lesson
-
64Uploading Post image to cloud storageVideo lesson
-
65Updating backend create-post api for storing post image urlVideo lesson
-
66Storing loggedin user info in local storageVideo lesson
-
67Saving new post by making API callVideo lesson
-
68Testing create new post functionality end to endVideo lesson
-
69Setup Reducer and Context API for state sharing and management Part-1Video lesson
-
70Setup Reducer and Context API for state sharing and management Part-2.mp4Video lesson
-
71Fixing errorVideo lesson
-
72Enriching styling for home pageVideo lesson
-
73Hide and Show menu items based on user loggedin stateVideo lesson
-
74Loading home page posts from backend APIVideo lesson
-
75Implementing Logout functionalityVideo lesson
-
76Fetching Profile page data from backend APIVideo lesson
-
77Implementing Like Post API in BackendVideo lesson
-
78Implementing UnLike Post API in Backend.mp4Video lesson
-
79Implementing Like and Unlike on frontend and integrate to backendVideo lesson
-
80Refresh Like and Unlike countVideo lesson
-
81Restricting user to like and unlike only once per postVideo lesson
-
82Implementing Backend API for CommentVideo lesson
-
83Integrate frontend with backend comment APIVideo lesson
-
8412.6-Showing comments on frontendVideo lesson
-
85API for Delete PostVideo lesson
-
86Integrate frontend with backend Delete Post APIVideo lesson
-
87Test the functionalityVideo lesson
External Links May Contain Affiliate Links read more