🌐 Full-Stack Web Development Bootcamp (40 Days)

JavaScript 🚀 → React ⚛️ (25 days) | Python 🐍 → PostgreSQL 🗄️ → Flask 🧪 (15 days) ★ = 2-h assessment ⏱️ + 6-h new content

📅 Training Daily Schedule (9:00 AM – 5:00 PM)

🕒 Time	🧩 Activity
09:00 – 09:10	🗣️ Trainee Presentations (Previous Day Topics)
09:10 – 09:30	🔁 Trainer-led Recap of Last Session
09:30 – 10:30	🧠 Training Session 1 (New Topics)
10:30 – 10:45	☕ Break 1 – Tea/Coffee
10:45 – 12:15	📘 Training Session 2
12:15 – 01:15	🍽️ Lunch Break
01:15 – 02:45	🛠️ Training Session 3 (Hands-on / Group Task)
02:45 – 03:00	☕ Break 2 – Refreshment
03:00 – 04:30	💡 Training Session 4
04:30 – 05:00	🗂️ Q&A / 📋 Recap / ✅ Assignment / Discussion

🚀 Days 1-10 JavaScript Fundamentals

Day	Theme & Key Points
1	Intro & Web Basics 🌍 — DOM tree, engine pipeline, V8 JIT
2	Networking 🔗 — HTTP verbs, request ⇄ response, Fetch vs XHR
3	Core JS I 🧩 — types, == vs ===, scope, copy-by-value/ref
4	Core JS II 📝 — destructuring, spread/rest, template literals, arrow fn
5★	Assessment 1 ⭐ + HOF (map·filter·reduce), immutability patterns
6	OOP & Prototypes 🏗️ — ES class, prototype chain, bind/call/apply
7	Modules & Bundling 📦 — ESM import/export, dynamic import, Vite
8	Async JS ⏳ — event loop, Promises, async/await, AbortController
9	Git & SDLC Primer 🗂️ — init→push, branching, Agile vs Waterfall
10★	Assessment 2 ⭐ + ESLint/Prettier, semantic commits, CI basics

🎨 Days 11-15 HTML & CSS + Advanced Browser JS

Day	Theme & Key Points
11	Semantic HTML 🏷️ — landmarks, ARIA, SEO meta, inline vs block
12	CSS Core 🎨 — selectors, specificity, box model, responsive units
13	Responsive Design 📱 — Flexbox, Grid, Tailwind breakpoints
14	DOM Manipulation 🧰 — create/append, delegation, Storage API
15★	Assessment 3 ⭐ + Lighthouse, profiler, performance wins

⚛️ Days 16-25 React 19 Essentials

Day	Theme & Key Points
16	Setup & JSX 🎬 — Vite + React 19, fragments, conditional render
17	State & Props 🔄 — useState, lifting, PropTypes
18	Effects & Data 🌐 — useEffect, Axios service, cleanup
19	Routing 🗺️ — React-Router v6, nested/dynamic, lazy
20★	Assessment 4 ⭐ + DevTools profiler, why-did-you-render
21	Hooks Patterns 🪝 — useMemo, useCallback, custom hooks, Context
22	UI/UX Best-Practices 🎛️ — Tailwind, MUI overrides, a11y
23	Forms & Validation 📝 — controlled inputs, Formik + Yup
24	Perf & Code-Split ⚡ — Suspense, error boundaries, React 19 Actions
25★	Assessment 5 ⭐ + Mini CRUD SPA demo & review

🐍 Days 26-32 Python Fundamentals

Day	Theme & Key Points
26	Setup & Syntax 🔧 — pyenv/venv, f-strings, CLI I/O
27	Data Structures 📚 — lists, tuples, sets, dicts, comprehensions
28	Functions & Modules 🛠️ — *args/**kwargs, lambda, custom pkgs
29	String Mastery 🧵 — slice, find/replace/split/join, case, checks
30★	Assessment 6 ⭐ + try/except, logging, custom exceptions
31	Intro OOP 🏗️ — classes, dunder __str__, simple inheritance
32	File I/O & Quick Pandas 📄 — read/write text/CSV, read_csv, value_counts

🗄️ Days 33-35 PostgreSQL Fundamentals

Day	Theme & Key Points
33	Relational Basics 📊 — tables, data types, psql CLI, PK/constraints
34	DDL & DML 📝 — CREATE/ALTER/DROP, INSERT, UPDATE, DELETE
35★	Assessment 7 ⭐ + SELECT, WHERE, ORDER, LIMIT/OFFSET, simple joins

🧪 Days 36-40 Flask API & React Integration

Day	Theme & Key Points
36	Project Scaffold 🏗️ — app-factory, /api Blueprint, CORS, .env
37	DB Layer 🛢️ — Flask-SQLAlchemy models, relationships, Alembic
38	RESTful CRUD 🔄 — Flask-RESTful resources, Marshmallow validation
39	Auth & Testing 🔐 — bcrypt, JWT, Pytest, React Axios hookup
40★	Capstone Demo 🎓 — Docker-Compose stack, logging basics, wrap-up

🎯 Outcome

Learners build and deploy a React 19 SPA that talks to a Flask JSON API on PostgreSQL, mastering modern JavaScript, HTML/CSS, and Python along the way.