Skip to content

mkkotcherla/web-development-course

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Modern Full Stack Web Development Course

From Zero to Production-Ready Engineer — A Complete 24-Week Bootcamp


Course Files

File Contents
COURSE_PART1.md Course overview · Weekly plan · Modules 1–10 (Foundation → AI Workflows)
COURSE_PART2.md 7 Capstone projects · Advanced topics · GitHub structure · Production checklists
COURSE_PART3.md Career roadmap · Interview prep · 100 project ideas · SaaS boilerplate · Bonus content

What's Covered

Modules (COURSE_PART1.md)

  1. Foundation — HTTP, DNS, browsers, developer tools
  2. HTML5 & CSS3 — Semantic HTML, Flexbox, Grid, Responsive design, Tailwind
  3. JavaScript ES6+ — Array methods, closures, async/await, event loop
  4. TypeScript — Types, generics, Zod validation, utility types
  5. React Ecosystem — Hooks, Zustand, React Query, React Hook Form
  6. Next.js App Router — Server components, Server Actions, data fetching
  7. Backend Development — Express, REST APIs, WebSockets, background jobs
  8. Databases — PostgreSQL + Prisma, Redis, MongoDB, JWT auth
  9. DevOps & Cloud — Docker, GitHub Actions CI/CD, AWS basics, monitoring
  10. Security — OWASP Top 10, XSS, CSRF, SQL injection
  11. Testing — Jest, React Testing Library, Playwright E2E
  12. AI-Assisted Development — Cursor, GitHub Copilot, Claude, prompt patterns

Capstone Projects (COURSE_PART2.md)

  1. SaaS Dashboard — Auth, Stripe billing, analytics, team management
  2. E-Commerce Platform — Product catalog, cart, Stripe checkout, admin panel
  3. Real-Time Chat — Socket.io, presence, reactions, file uploads
  4. Video Streaming — Upload, FFmpeg transcoding, HLS, CDN delivery
  5. AI Productivity App — RAG pipeline, Claude API, pgvector, semantic search
  6. Microservices Platform — Kafka events, per-service DBs, Kubernetes
  7. Multi-Tenant SaaS — Row-level security, subdomain routing, tenant isolation

Career & Bonus Content (COURSE_PART3.md)

  • Career roadmap (0 → Senior Engineer, salary benchmarks)
  • System design interview framework + 4 worked examples
  • Coding interview patterns (Two Pointers, Sliding Window, BFS/DFS)
  • Behavioral interview prep (STAR method)
  • Portfolio guidance + Resume template
  • GitHub profile optimization
  • 100 project ideas (Beginner → Advanced → SaaS)
  • Hackathon concepts
  • Open source contribution roadmap
  • SaaS boilerplate architecture reference
  • Production + Scalability + Performance checklists
  • Startup ideas
  • Certification roadmap

Quick Start

# Start with the weekly plan (Week 1, Day 1)
open COURSE_PART1.md

# Jump to a specific project
grep -n "PROJECT" COURSE_PART2.md

# Find a specific topic
grep -rn "WebSockets\|JWT\|Docker" .

Tech Stack Used Throughout

Layer Technology
Frontend React 18, Next.js 15 (App Router), TypeScript
Styling Tailwind CSS, shadcn/ui
State Zustand, TanStack Query
Backend Node.js, Express, tRPC
ORM Prisma
Databases PostgreSQL, Redis, MongoDB
Auth NextAuth.js, JWT, OAuth
Testing Jest, React Testing Library, Playwright
DevOps Docker, GitHub Actions, Vercel, Railway
AI Claude API, pgvector (RAG)
Realtime Socket.io
Payments Stripe

24 weeks · ~10–15 hours/week · Beginner to Advanced

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors