Intro to CSS: Understanding the Core Concepts

Styling in CSS: Creating Visual Appeal

Project Start: Building a Basic Website with HTML & CSS

Flex in CSS: Flexible Layouts for Dynamic Websites

Grid in CSS: Mastering Advanced Layout Techniques

Building a Project Based on Flex and Grid

Responsive Design in CSS: Designing for All Devices

Animations in CSS: Adding Life to Your Web Pages

Bootstrap: Rapid Development with a CSS Framework

First Major Project: HTML and CSS

Practice on CSS: Sharpening Your Skills

Intro and Basics of JavaScript

Fundamentals of JavaScript

Loops, Arrays, Functions, and Objects in JavaScript

Console-Based Quiz Game Project (using Loops, Arrays, Functions, Objects)

Console-Based Task Management Project (Loops, Arrays, functions, Classes, Objects, Conditionals)

Working of JavaScript: Core Concepts

How to Play with Functions and Logic in JavaScript

DOM Manipulation: Bringing Your Pages to Life

First JavaScript Project: Building a Live Project

First JavaScript Assignment Project (Flashcard Study Application)

Asynchronous in JavaScript: Managing Time-Based Operations

Live Coding Project II: Weather App with Asynchronous API Calls (Includes AI Tool Integration)

Live Coding Project III: AI-Powered Recipe App (with LangChain Integration)

Live Coding Project IV: Building a Chrome Extensio

Working with jQuery in JavaScript

Three Mind Test Assignments of JavaScript

Why is Spring Boot so popular?

What are Microservices? Architecture & benefits (scalability, flexibility, fault isolation).

Writing a Rest Api with Spring

Overview, simplifying Java development.

Microservices, Fast Configuration, embedded servers, production-ready features.

Quick Start with Spring Boot

Spring Boot Actuators

Spring Boot CLI basics

Generating & Running your first app

REST API: Basic controller for HTTP requests

Externalizing Configuration for JAR

Deploying Spring Boot Applications

War/Jar file (Standalone Executable)

Deploying to external Tomcat as WAR

Build Systems: Maven vs Gradle

Dependency Management (pom.xml, build.gradle)

Spring Boot Core Structure

Directory Layout

@SpringBootApplication role

Spring Dependency Injection/IOC (@Autowired, Bean lifecycle)

Runners in Spring Boot (ApplicationRunner vs CommandLineRunner)

Annotation & Properties configuration

application.properties & application.yml

@Value annotation

Profiles for environments

HTTP Methods (@GetMapping, POST, PUT, DELETE)

File Handling (Upload/Download)

Service communication patterns, best practices

Exception Handling in REST APIs

Thymeleaf for server side dynamic content, forms, fragments)

CORS Support (local & global config)

Error handling (Thymeleaf Error, ControllerAdvice)

Scheduling tasks (cron, fixed rate, fixed delay)

Enabling HTTPS (ssl for serverless)

Eureka Server (service registry)

Service Registration in microservice (@EnableEurekaClient)

Zuul Proxy Server (API Gateway)

Microservice Security (Auth with centralized configs)

Spring Cloud Config Client (@RefreshScope, /actuator/refresh)

Monitoring Spring Boot apps (Actuator, custom endpoints)

Spring Boot Admin Server & Client (monitoring apps)

Swagger Documentation (API documentation, testing, securing swagger)

Creating Docker Images (Dockerfile, push to registry)

Deploying application with Docker (run, kubernetes, min)

Flyway Database Migration (SQL/Java Scripts, Versioning)

Sending email with Spring Boot using SMTP (gmail, SendGrid)

Twilio Integration (SMS, Voice Calls, Webhooks)

Kafka for eventing handling (produce, consume, avro, json, serialization)

WebSockets in Spring Boot (real-time messaging, STOMP, SockJS)

Spring Batch

Jobs, Steps, ItemReader, ItemProcessor, ItemWriter

Fault tolerance, retry, monitoring jobs

Data Handling in Spring Boot

JPA, MySQL, Redis Integration

JdbcTemplate

Multiple DataSources

Web Application Security basics (XSS, CSRF, SQL injection)

Spring Security (Authentication & authorization)

Securing REST APIs (role-based access)

OAuth2, JWT (Introduction, OpenID, token validation)

Hystrix (Circuit Breaker for fault tolerance)

Unit Testing in Spring Boot (@MockBean, @Mock, @SpringBootTest)

Rest Controller Unit Testing (MockMvc, mocking services, edge cases)

Introduction to React - What is React, difference between npm & npx, structure of a React app, why we use it (components based)

Class Components Overview - Anatomy (render, constructor, state), event handling, drawbacks & state manipulation

Basic CRUD in Class Components - State driven UI, lifecycle methods (componentDidMount), conditional rendering, deploying to Netlify (one-click) & github apps.

Introduction to functional components, benefits

Props - Definition, immutability, passing data(event handlers from parent to child.

Benefits of Functional Components vs Class Components

Project with Functional Components & Props

Prop Drilling - Definition, challenges, and maintainability issues.

Replacing prop drilling, share state globally.

Creating context with React createContext()

Use of context (Provider, Consumer component).

Use cases - Authentication, themes, localization.

Introduction to Hooks - why hooks replaced class lifecycles.

useState - state management with functional component.

useEffect - Side effects, dependencies, cleanup.

useContext - consuming data without prop drilling.

useMemo - Memoizing values to optimize performance.

useCallback - Memoizing functions to prevent re-renders.

useRef - Persisting values between renders, DOM access.

useLayoutEffect - executed before browser paints, async.

useReducer - Complex state management (Redux like pattern)

ImperativeHandle - Customizing exposure.

React.forwardRef - forwarding refs in a custom hook.

Custom Hooks - Extracting reusable logic.

useDeferredValue - Deferring non-urgent UI updates.

useTransition - Managing pending UI state transitions.

useOptimistic (React 19) - Temporary UI state before server confirmation.

Server Components (Next.js) - rendering on the server. Server Components (Next.js 14+ context).

Introduction to Client Side Routing - Why React Router is used.

Create a React app with react-router-dom.

Defining routes with <BrowserRouter>, <Switch>, <Link>, <NavLink>.

Handling dynamic routes with params (user/:id) and location (URL details), useParams (dynamic route params), useRouteMatch (deprecated).

Nesting routes for layout and a sub-layout.

Protect routes for shared logics.

Redirects (<Redirect>, useNavigate).

Private routes & authentication - access control.

Handling query parameters.

404 page (Implementation).

Smart Alarm Clock with Voice or Alarm management with APIs (Url API, based voice commands, data handling from API's, data analysis) for sound and playback. (min. 4)

Firebase

Network Integration - Interactive developer resume with GSAP animations, Git, github contribution, database.

Salon/Barber/Smart Appointment Manager) - Appointment booking & management with React, React Native, Auth, Firestore, Firestore CRUD, calendar/date picker, and real-time updates.

Firebase Set up - Creating a project, integrating SDK, configuring authentication & Firestore.

Auth in React app - User login/logout, user registration.

Session Management - State based UI changes for login/logout.

Firestore CRUD operations (add, get, update, delete).

Real-Time Updates - Listening for changes with Firestore listeners.

Firebase security - Defining proper read/write rules.

Introduction to Redux - Centralized state benefits.

Redux DevTools - Time-travel debugging, middleware.

React-Redux - useDispatch, useSelector.

Redux Thunk/Saga - Async actions.

Working with Actions & Reducers - implementing UI interactions in Redux pattern.

Why Redux Toolkit - Simplified Redux setup.

createSlice - Combines actions & reducers.

configureStore & integration with redux middleware.

Data normalization - using entity adapters for redux.

Error boundaries - Catching JS errors in UI components.

Code Splitting & Lazy Loading - React.lazy(), Suspense.

Performance optimizations - React.memo(), useCallback, useMemo, virtualization (react-window).

Testing - Unit, Integration. E2E testing with Jest & React Testing Library.

Why TypeScript - Type safety & maintainability.

Interfaces & types - Defining data shapes.

Type Annotations - Props, state, functions in components.

Stripe for E-commerce - Stripe for E-commerce payment integration.

PWA - Turning a React app into a PWA.

Building a social media dashboard with all the features from an application like Instagram or Facebook.

What is JVM, JDK and JRE?

What is JIT Compiler?

What are main features of Java?

How to setup Java on your machine?

What is Package, Class, Object, Method, Main Method, Inheritance, Polymorphism?

What are static keyword, final keyword, this keyword, super keyword?

Access modifiers, public, private, protected, default.

Quick quiz and practice.

What is Variable, Data Type, Literals, Operators, Type Casting?

What are Conditional Statements?

What is Loop?

What is Array?

What is String?

What is User Input?

Quick quiz and practice.

What is OOPs?

What is Abstraction, Encapsulation?

What is constructor?

What is method overloading and overriding?

What is Encapsulation?

What is Interface?

What is Abstract Class?

What is Final and Static Keyword?

Quick quiz and practice.

What is DSA and how to approach problems?

Time and Space Complexity Analysis.

Big O Notation.

Arrays and Strings in Java - Questions.

Linked List - Questions.

Stack and Queue - Questions.

Quick quiz and practice.

Trees - Questions.

Graphs - Questions.

Hash Map and Hash Set - Questions.

Heap - Questions.

Quick quiz and practice.

What are Sorting Algorithms?

What is Bubble Sort, Selection Sort, Insertion Sort, Merge Sort, Quick Sort?

What are Searching Algorithms?

What is Linear Search, Binary Search?

Quick quiz and practice.

What is Dynamic Programming?

What is Greedy Algorithm?

Knapsack problem.

Quick quiz and practice.

What is Multithreading?

What is Thread life cycle?

How to create a thread?

What is Thread synchronization?

What is Inter-thread communication?

Quick quiz and practice.

What is JDBC?

JDBC Architecture.

Steps to connect to a database.

How to execute SQL queries?

Quick quiz and practice.

What is Collections Framework?

List, Set, Queue, Map interfaces.

ArrayList, LinkedList, HashSet, HashMap, etc.

Quick quiz and practice.

What is Java IO?

File, InputStream, OutputStream, Reader, Writer.

Quick quiz and practice.

What is Exception Handling?

try, catch, finally, throw, throws.

Quick quiz and practice.

What is Functional Programming?

Lambda expressions.

Streams API.

Method references.

Quick quiz and practice.

Lambda expressions.

Streams API.

Method references.

Optional Class.

Date and Time API.

Quick quiz and practice.

What is System Design? Why is it important? What is Distributed Systems?

What are the main goals of System Design?

Common challenges in System Design

Key concepts of System Design

System Design Interview Process and Tips

Step-by-step approach to a System Design interview

How to gather requirements (functional and non-functional)

How to estimate (back-of-the-envelope estimation)

How to design the high-level architecture

How to design the low-level architecture

How to handle trade-offs and scaling issues

Live practice: Design a URL Shortener

CAP Theorem

Availability vs Consistency

Scalability vs Performance

Load balancing

Sharding and Hashing

Database concepts (SQL, NoSQL, NewSQL)

Replication and Consistency models

Caching and CDNs

Message Queues and Asynchronous communication

Security, Auth and Token

Distributed consensus (Paxos, Raft)

Distributed transactions (2PC, Sagas)

Distributed locks

Distributed file systems

Gossip protocols

Consistent Hashing

Vector clocks

Microservices Architecture

API Gateway

Service Mesh

Serverless Computing

Event-driven architecture

Real-time analytics

Big Data systems (Hadoop, Spark)

Design a social media platform (Twitter, Facebook)

Design a video streaming service (Netflix, YouTube)

Design a ride-sharing service (Uber, Lyft)

Design an e-commerce platform (Amazon, Shopify)

Design a chat application (WhatsApp, Messenger)

Design a search engine (Google, Bing)

Design a payment system (Stripe, PayPal)

Case Study 1: The architecture of Netflix

Case Study 2: The architecture of Google Search

Case Study 3: The architecture of Facebook Messenger

Case Study 4: The architecture of Twitter

Practice with mock interviews

Read books and blogs on system design

Participate in online communities and forums