🌐 Web Development Track¶
Frontend, backend, full-stack from HTML to distributed microservices.
🎯 Target Roles¶
- Frontend Engineer
- Backend Engineer
- Full-Stack Developer
- API Engineer
- Web Performance Engineer
📚 Core Courses¶
Frontend Fundamentals¶
| Course | Platform | Level |
|---|---|---|
| The Odin Project | Free Curriculum | Beginner |
| freeCodeCamp Web Development | freeCodeCamp | Beginner |
| CS50's Web Programming | Harvard OCW | Intermediate |
| Frontend Masters (free workshops) | Frontend Masters | Intermediate |
| JavaScript.info | Free Tutorial | Beginner |
JavaScript & TypeScript Deep Dive¶
| Course | Platform | Level |
|---|---|---|
| You Don't Know JS (book series) | GitHub (free) | Intermediate |
| JavaScript: The Hard Parts | YouTube | Intermediate |
| TypeScript Handbook | Official Docs | Intermediate |
| Functional Programming in JS | YouTube (Fun Fun Function) | Intermediate |
React / Modern Frontend¶
| Course | Platform | Level |
|---|---|---|
| React Official Tutorial | React Docs | Beginner |
| Full Stack Open | University of Helsinki (free) | Intermediate |
| Epic React (free content) | YouTube (Kent C. Dodds) | Intermediate |
Backend & APIs¶
| Course | Platform | Level |
|---|---|---|
| CS50's Web Programming (Django) | Harvard OCW | Intermediate |
| Node.js Complete Guide | YouTube (freeCodeCamp) | Intermediate |
| REST API Design | Free Guide | Beginner |
| GraphQL Official Tutorial | Official Docs | Intermediate |
| System Design for Web | GitHub (free) | Advanced |
Databases for Web¶
| Course | Platform | Level |
|---|---|---|
| PostgreSQL Tutorial | Free Tutorial | Beginner |
| MongoDB University | MongoDB (free) | Beginner |
| Redis University | Redis (free) | Intermediate |
Web Performance & Security¶
| Course | Platform | Level |
|---|---|---|
| Web Performance (Google) | web.dev (free) | Intermediate |
| OWASP Top 10 | OWASP (free) | Intermediate |
| Web Security (CS253) | Stanford | Advanced |
📖 Essential Reading (Free)¶
| Book | Topic | Link |
|---|---|---|
| Eloquent JavaScript | JS fundamentals | eloquentjavascript.net |
| You Don't Know JS | JS deep dive | github.com/getify/You-Dont-Know-JS |
| High Performance Browser Networking | Web performance | hpbn.co |
| System Design Primer | Architecture | github.com/donnemartin/system-design-primer |
| Full Stack Open | React + Node + GraphQL | fullstackopen.com |
📖 Learning Path¶
Beginner: HTML/CSS → JavaScript → Git → Build a static site
Intermediate: React/Vue → Node.js/Django → REST APIs → Databases → Deploy
Advanced: TypeScript → System design → Performance → Security → CI/CD
Expert: Micro-frontends → Edge computing → Real-time (WebSockets) → Scale
"The web is the most accessible platform ever built. Treat it with respect ship fast, ship accessible, ship secure."