|
Month 1 — Frontend Foundations: Session 1: How the web works — HTTP, browsers, servers Session 2: HTML5 — semantic structure Session 3: CSS3 — flexbox layout and responsive design Session 4: Build a responsive landing page
Month 2 — JavaScript: Session 5: JS basics — variables, functions, events Session 6: DOM manipulation — make pages interactive Session 7: Fetch API — load data without refreshing Session 8: Build an interactive quiz page
Month 3 — React Basics: Session 9: Why React? Components and props Session 10: State and hooks — useState Session 11: Lists and forms in React Session 12: Build a to-do app in React
Month 4 — Backend with Node.js: Session 13: What is a server? Node and Express intro Session 14: Build REST API endpoints — GET and POST Session 15: Connect to a database — SQLite Session 16: Authentication basics — login and sessions
Month 5 — Full Stack Integration: Session 17: Connect React frontend to Express backend Session 18: CRUD operations end to end Session 19: Deploy to the internet — Netlify and Railway Session 20: Security basics — input validation, HTTPS
Month 6 — Capstone Project: Session 21: Plan your full stack app Session 22: Build sprint 1 — core features Session 23: Build sprint 2 — polish and deploy Session 24: Portfolio presentation — live demo
|