joelio

Roadmap

A public learning path. Updated as I go.

18 completed
7 in progress
9 upcoming
HTML & CSS

Semantic markup, Flexbox, Grid, responsive design

done
JavaScript ES6+

Closures, async/await, modules, DOM manipulation

done
React

Hooks, context, component patterns, state management

done
TypeScript

Types, interfaces, generics, utility types

active
AngularJS

Component architecture, directives, two-way data binding, dependency injection

done
Vue.js

Composition API, reactivity system, Vue Router, component patterns

done
Next.js

App Router, RSC, SSR, SSG, API routes

active
Reactive Models

Signals, virtual DOM, and how frameworks handle change — contrasting React, Vue, Svelte, and SolidJS to understand the trade-offs behind each approach

·
Frontend Testing

Vitest, React Testing Library, Playwright

·
Web Performance

Core Web Vitals, code splitting, caching strategies

·
Python

Syntax, data structures, OOP, scripting, and backend frameworks (FastAPI/Django)

active
Node.js & Express

HTTP, middleware, routing, REST API design

active
Authentication

JWT, OAuth, session management, security fundamentals

active
Databases

PostgreSQL, SQL fundamentals, ORMs (Prisma/Drizzle)

·
Git & GitHub

Branching strategies, PRs, rebasing, Git workflows

done
Agile Methodologies

Scrum, sprints, standups, retrospectives, iterative delivery

done
Docker

Containers, Docker Compose, multi-stage builds

·
CI/CD Pipelines

GitHub Actions, automated testing, deployments

·
Bloom Filters

Probabilistic data structure for efficient set membership checks — used in databases, caches, and distributed systems to avoid expensive lookups

done
B-Trees

Self-balancing tree structures optimised for disk I/O — the foundation of database indexes and filesystems

·
Circuit Breakers

Stability pattern for distributed systems that stops cascading failures by short-circuiting calls to failing dependencies

·
Coding Agent CLI Fundamentals

Commands, keyboard shortcuts, permission modes, and the basic interaction model of coding agents

done
Writing Effective AGENTS.md Files

How to write shared project guidance that shapes agent behavior — commands, architecture, conventions, and what to leave out

done
Context & Conversation Management

Understanding the context window, when to start a new session, clearing conversation history, and keeping context focused

done
Plan Mode & Agentic Workflows

Planning complex tasks, reviewing plans before execution, and choosing between autonomous and step-by-step agent workflows

done
Prompting for Code Tasks

Writing precise, scoped prompts; providing the right context; iterating on AI output effectively without over-correcting

done
MCP Servers

Model Context Protocol — extending agents with tools for GitHub, databases, browsers, and custom integrations

done
Hooks & Automated Behaviors

Configuring automation around agent tool use to enforce patterns, run formatters, or gate actions automatically

done
Custom Skills & Plugins

Writing your own SKILL.md files and plugins to encode repeatable workflows and share them across projects

done
Multi-Agent & Parallel Workflows

Dispatching parallel subagents for independent tasks, background agents, and orchestrating complex multi-step automation

done
Context Engineering

Deliberately shaping what goes into the context window — structuring system prompts, injecting relevant state, and managing information so the model has exactly what it needs to reason well

done
Agent Harnessing

The middleware layer between LLMs and your application — defining tool boundaries, permission rules, and structured prompting so agents behave predictably within a controlled environment

active
Retrieval Augmented Generation (RAG)

Vector embeddings and similarity search, text chunking and ingestion pipelines, combining retrieval with LLM generation, vector databases (Pinecone), and grounding AI responses in real data

active
Reviewing & Owning AI-Generated Code

Critical review patterns, catching hallucinations, maintaining code ownership, and knowing when not to use AI

·