MERN Stack

HTML

CSS

Tailwind CSS

JavaScript

Understanding the DOM and Event Handling

Modules and ES6+ Features

Backend Development ( Node JS, Express JS, MongoDB with AI )

Introduction to Node.js

• Overview of Node.js and its architecture
• Installing Node.js and setting up the environment
• Understanding npm (Node Package Manager)
• Writing and running Node.js applications
• Core modules: fs, path, http, and os
• Creating and managing custom modules
• Event-driven architecture and EventEmitter
• Asynchronous programming: Callbacks, Promises, and async/await
• Error handling in asynchronous operations
• Building HTTP servers with Node.js
• Working with the file system (fs module)
• Creating RESTful APIs

Mastering Express.js

• Introduction to Express.js and its setup
• Middleware: Built-in, third-party, and custom middleware
• Request-response cycle in Express.js
• Routing: Query parameters, URL parameters, and forms
• Building RESTful APIs with Express.js
• Template engines: Working with EJS for dynamic content
• Error handling in Express.js
• Logging and debugging in Express.js applications
• Security best practices: Helmet.js, CORS, and sanitization
• Authentication basics: JWT (JSON Web Token) integration

MongoDB and Mongoose

• Overview of NoSQL and MongoDB fundamentals
• Installing MongoDB and connecting with Node.js
• Introduction to Mongoose: Schemas and models
• CRUD operations with Mongoose
• Data validation and schema design
• Relationships in MongoDB: One-to-Many and Many-to-Many
• Querying data: Filtering, sorting, and pagination
• Aggregation pipelines in MongoDB
• Authentication with JWT: Implementing signup and login functionality
• Password hashing and security best practices
• Optimizing MongoDB performance

Real-World Project

• Project planning and architecture design
• Implementing user authentication and authorization
• Protecting routes with middleware
• Creating RESTful API endpoints
• Connecting the backend to MongoDB
• Input validation and error handling middleware
• Securing the application with industry best practices
• Testing APIs using Postman or Thunder Client
• Deploying the application to a cloud platform (e.g., Heroku or Render)
• Finalizing the project and integrating feedback

Outcome

• A fully functional backend project using Node.js, Express, and MongoDB.
• Practical experience with backend development and deployment.
• Knowledge of best practices for building secure and scalable applications.

AI integration

• ⁠Use AI tools for code debugging and refactoring
• Integrate AI for generating product details, recommendations, etc.

React with Next JS

Getting Started

• Introduction to React.js
• Discover valuable contents
• Code Editor and extensions
• Naming conventions (sentence case, camel case, snake case, pascal case)

React init

• Initialize react app using vite
• JSX
• SPA vs SSG vs SSR
• Components, states and props
• Functional components
• Hooks
• Files and folder structure
• Integrate tailwind

React Router

• Overview
• React router dom (v6) - createBrowserRouter, createRoutesFromElements
• Route
• Route element and path
• Link vs Navlink
• Index & 404 Page

React state management

• Overview
• useState and useEffect

State management with React redux

• Overview
• Redux store, actions and reducers
• useSelector and useDispatch
• Redux slice
• Redux thunk
• Source Code
• Redux persist
• Redux devtools

Forms

• Introduction to react hook forms
• Create login & register forms
• Error handling
• Default values

Layouts

• Main layout
• Auth layouts
• Redirect to pages based on auth

APIs

• Overview
• Introduction to axios
• Fetch data from API
• CRUD operations
• Auth API
• Localstorage & cookies
• Interceptors

Introduction to Next.js and Setting Up the Environment**

• Overview of Next.js and its features
• Setting up a Next.js project
• Understanding the project structure
• Introduction to server-side rendering (SSR)

Introduction to server-side rendering (SSR)

• Creating pages and routes in Next.js
• Dynamic routing with parameters
• Linking between pages
• Navigation using the Next.js router

Data Fetching in Next.js

• Fetching data for components using getStaticProps
• Server-side rendering (SSR) with getServerSideProps
• Client-side rendering (CSR) with useEffect and fetch
• SWR (Stale-While-Revalidate) for data fetching

Styling in Next.js

• Styling options in Next.js (CSS, SCSS, styled-components)
• Global styles and theming
• CSS Modules for component-level styling
• Optimizing styles for performance

User Authentication in Next.js

• Implementing authentication with NextAuth.js
• Securing routes based on user authentication
• Social media authentication and third-party providers

API Routes and Serverless Functions

• Creating API routes in Next.js
• Handling HTTP requests with API routes
• Deploying serverless functions
• Integrating external APIs in Next.js applications

Performance Optimization in Next.js

• Code splitting and lazy loading in Next.js
• Image optimization and responsive images
• Pre-rendering and incremental static regeneration
• Analyzing and improving performance using tools

Deployment and Final Project

• Final project development and presentations
• Open Q&A session and course review