MERN Stack Course in Pune Course Details
Duration
6 Months
Certificate
Yes
Recording
Yes
Skillset
Beginner
WEEK 01
Introduction to React.js
- What is React?
- Advantages of Using React
- React vs Other Front-End Frameworks
- Node.js and npm/yarn
- Create React App
WEEK 02
Basics of React and Components
- Understanding JSX
- JSX Syntax and Usage
- Embedding Expressions in JSX
- Functional Components
- Class Components
WEEK 03
Props and State Management
- Passing Props to Components
- Default Props
- Prop Types
- Understanding State in React
- Using the useState Hook
- State in Class Components
WEEK 04
Handling Events and Lifecycle Methods
- Event Handling in Functional and Class Components
- Synthetic Events
- Component Lifecycle in Class Components
- componentDidMount
- componentDidUpdate
- omponentWillUnmount
- Using the useEffect Hook in Functional Components
WEEK 05
Conditional Rendering,Lists and Keys
- Using Conditional Operators in JSX
- Inline Conditional Rendering
- Ternary Operators for Conditional Rendering
- Rendering Lists in React
- Importance of Keys in Lists
- Mapping Data to Components
WEEK 06
Forms in React and Context API
- Controlled Components
- Handling Form Data in State
- Handling Multiple Inputs
- Uncontrolled Components
- Introduction to Context API
- Creating Context
- Context with Functional and Class Components
WEEK 07
React Router
- Setting Up React Router
- Route Configuration
- Navigating with Links
- Dynamic Routing and Route Parameters
- Nested Routes
- Redirects and 404 Pages
WEEK 08
State Management with Redux
- Introduction to Redux
- Core Concepts: Store, Actions, Reducers
- Setting Up Redux in a React Application
- Using Redux with React Components
- Redux Middleware Thunk and Saga
- Advanced Redux Patterns
WEEK 09
Advanced Hooks and Styling in React
- useContext
- useReducer
- useCallback
- useMemo
- CSS Modules
WEEK 10
Testing in React
- Introduction to Testing
- Jest,React Testing Library
- Writing Unit Tests for Components
- Testing Hooks
- Snapshot Testing
- End-to-End Testing with Cypress
WEEK 11
Performance Optimization
- React Performance Principles
- Using the React DevTools
- Memoization Techniques
- React.memo
- useMemo
- useCallback
WEEK 12
Code Splitting and Lazy Loading and Animations in React
- React.lazy
- Suspense
- Introduction to Animations
- CSS Transitions and Animations
- Using react-transition-group
- Animating with framer-motion
WEEK 13
Server-Side Rendering (SSR) and Static Site Generation (SSG)
- Introduction to SSR and SSG
- Next.js Overview
- Setting Up Next.j
- Pages and Routing in Next.js
- Data Fetching Methods
- Static Generation
- Server-Side Rendering
- API Routes
WEEK 14
Deployment
- Building React Applications for Production
- Environment Variables in React
- Deployment Platforms
- Vercel
- Netlify
- Heroku
- AWS Amplify
WEEK 15
Capstone Project
- Planning and Designing a React Application
- Implementing Features
- Testing and Debugging
- Optimizing Performance
Introduction To Mern Stack
- Overview of MERN Stack
- Introduction to Node.js and Express.js
- Setting up the development environment
Front-End Development with React.js
- Introduction to React.js and JSX
- Building components and props
- State management and lifecycle methods
Back-End Development with MongoDB
- Introduction to MongoDB and Mongoose
- Creating Schemas and Models
- CRUD operations and advanced queries
