HTML → CSS → JavaScript → React.js

 1. HTML (2–3 Days)

Focus: Structure, Semantic Tags, Accessibility

• HTML Boilerplate, Tags, Attributes
• Forms (<form>, <input>, <textarea>, name, action, method)
• Table, List, Iframe, Media Tags
• Semantic Tags: <header>, <footer>, <main>, <section>, <article>
• HTML5 APIs: Geolocation, Audio/Video, Storage, etc.

 2. CSS (4–5 Days)

Focus: Styling, Layout, Responsive Design

• CSS Selectors, Units (px, em, %, rem)
• Box Model, display, position, z-index
• Flexbox and Grid ( Must master)
• Transitions, Animations
• Media Queries
• Pseudo-classes and Pseudo-elements
• CSS Variables

 3. JavaScript (10–14 Days)

Focus: Core Logic, DOM, ES6+

• Data Types, Loops, Conditions, Functions
• Array & Object Methods (map, filter, reduce, etc.)
• DOM Manipulation (getElementById, querySelector, etc.)
• Events & Event Bubbling
• ES6+: let, const, Arrow Functions, Destructuring, Spread
• Closures, Hoisting, Scope, this
• Promises, Async/Await, Fetch API
• LocalStorage, SessionStorage

 4. React.js (15–20 Days)

Focus: Components, Props, State, Hooks, Routing

• Create React App, JSX Syntax
• Functional Components
• useState, useEffect, useRef
• Props & State
• Event Handling
• Conditional Rendering
• List Rendering, Keys
• Forms in React
• Lifting State Up
• Routing: react-router-dom
• State Management Basics (Context API)
• API Calling using axios, fetch
• Custom Hooks

Bootstrap → jQuery → Vue.js

 5. Bootstrap (2–3 Days)

Focus: Quick UI Design, Grid, Components

• Bootstrap Grid System (rows, cols)
• Buttons, Cards, Forms, Navbars
• Utility classes (spacing, colors)
• Modals, Carousel, Alerts
• Customizing Bootstrap

 6. jQuery (2–3 Days)

Focus: Quick DOM Manipulation & AJAX

• DOM Manipulation ($('#id'), .text(), .html())
• Event Handling (.on(), .click(), .hover())
• Effects: fadeIn, fadeOut, slideToggle
• AJAX in jQuery
• jQuery Form Validations

 7. Vue.js (7–10 Days)

Focus: Simpler alternative to React with 2-way binding

• Vue Basics: CDN, CLI, Vue Instance
• Templates, Directives (v-bind, v-if, v-for, etc.)
• Methods, Computed Properties
• Components
• Props & Events
• Forms & 2-way Binding (v-model)
• Lifecycle Hooks
• Vue Router (SPA)
• Vuex (State Management)