foundation
Phase 1 — Dev environment and core tools
mostly done
Terminal, Git, editor workflow, Markdown, and deployment basics.
- Git fluency
- Terminal confidence
- Clean workflow habits
Web Dev Roadmap
This is my 24-week learning roadmap for becoming a full-stack web developer.
2025 — 2027
Become a full-stack dev,
Python builder,
and AI creator.
This roadmap is trimmed for fast reading and easy edits. It keeps the 6-phase structure, adds a 24-week active learning frame, and highlights today’s Day B focus.
phases
6
active learning frame
24w
current position
Week 3
today’s lane
Day B
learning phases
The roadmap
frontend
Phase 2 — HTML, CSS, JavaScript
in progress
HTML structure, CSS layout, responsive design, Flexbox, then JavaScript basics.
- Semantic HTML
- Responsive CSS
- Flexbox and layout
- Vanilla JS and DOM
backend
Phase 3 — Node, PHP, MySQL, APIs
queued
Server-side work, auth, hosting ops, and database-backed apps.
- Node.js
- PHP / WordPress
- MySQL / MariaDB
- REST APIs
python ai
Phase 4 — Python mastery and AI integration
queued
Python scripting, automation, data work, and local AI tooling.
- Python 3 core
- FastAPI and scripts
- Ollama / local LLMs
- Audio and data tools
projects
Phase 5 — Ship real things
future
Build things that actually live on your sites or serve decomress-style workflows.
- Portfolio rebuild
- Discogs tool
- DJ/audio tool
- Collective site
oss / agi
Phase 6 — Deep AI and OSS
long horizon
Fine-tuning, RAG, open-source contributions, and multimodal experiments.
- LoRA / fine-tuning
- RAG pipelines
- Open-source PRs
- Creative ML