Basic React & Tailwind CSS

What is React,component,component types, build your first component

JSX, its rules and add dynamic content to JSX in your first component

Explore JSX and Props basics

Prop types and how to pass/read a prop

Read only props Two way of conditional rendering

Six ways to do Conditional Rendering: If, Ternary and AND OR

(advanced) Rendering lists of users using map

Introduction and Vite Project Overview

Different way to handle events in React

A simple Introduction to State change in React

Understand the concept of useState and react hooks

(Advanced) Understand the concept of useEffect

Load dynamic data, API call useEffect integrate state

Core Concepts Components, State, useEffect

What is SPA, routing and react router setup

Explain Nested Route concepts

Nested Route and Use Link, outlet

Load data on route using loader and useLoaderData

Dynamic Route with params and load single user data

Dynamic Route, params and load dynamic data

Navigate on Click, useNavigate, Not Found and useParams

Active route, Loading Spinner, useLocation, useNavigation

Tailwind CSS

Next JS & Basic TypeScript

Introduction to Next JS

concept of pre-rendering and client side rendering

Create my first Next.Js app. Explore its file and folder structure.

Basic routing concept and nested routing,File Structure

Exploring dynamic routes and catch all routes

Explore group routing with different layout

Navigation with link component & create built-in routes

Optimize image using Image Component

Optimize Image and fonts in Next

Use metadata for better SEO and Import alias

Client Side Rendering(CSR) ,static side generation(SSG),server side rendering(SSR),Incremental Static Regeneration (ISR)

Handle global errors with built-in error page,loading,not-found page

Data Fetching and Caching

Basic Types,Arrays and Tuples

Objects & Type Aliases,Functions

Union & Intersection Types,Interfaces,Types,Enums

Nest JS

Architecture: Modules, Controllers, Providers, Dependency Injection

Decorators: Route handlers, Param extraction, Metadata

Pipes: Transformation and Validation (class-validator, class-transformer)

Interceptors: Response mapping, Exception transformation

Guards: Authentication, Role-based access control

Database Integration

TypeORM: Entities, Repositories, Relationships (1:1, 1:M, M:M)

Migrations: Schema synchronization and version control

Query Builder: Complex queries and transactions

PostgreSQL: Setup, configuration, and optimization

Authentication & Security

JWT: Implementation, Token refresh strategy

Session Management: Redis-based sessions

Cookies: Secure cookie settings, CSRF protection

Password Hashing: bcrypt, argon2

OAuth: Social login integration (Google, Facebook)

Advanced Features

File Uploads: Multipart/form-data handling, Cloud storage

Real-time Communication: WebSockets with Socket.io

Task Scheduling: Cron jobs, Queues

Mailing: Nodemailer integration, templates

API Documentation: Swagger/OpenAPI setup

Testing: Unit tests, E2E tests with Jest