STEP 01Understand the web
Learn what happens between entering a URL and seeing a page. Set up your editor and start saving your work with Git.
- HTTP & HTTPS
- Client and server
- Git & GitHub
- Reading documentation
Your checkpointExplain a browser request in your own words and publish your first repository.
STEP 02Build the interface
Use HTML, CSS and JavaScript to make pages people can use on a phone or laptop. Then learn React and TypeScript.
- Semantic HTML
- Responsive CSS
- JavaScript & DOM
- React & TypeScript
Your checkpointBuild a responsive event page with validation, loading states and accessible controls.
STEP 03Connect the backend
Write APIs, store data and control access. Follow a request from the interface to the server and back.
- Node.js & Express
- SQL & MongoDB
- Authentication
- REST APIs
Your checkpointBuild a booking flow that saves a registration and handles duplicate requests.
STEP 04Practise problem solving in parallel
Keep a separate practice track for programming and data structures while you build web projects.
- C++ fundamentals
- Arrays & strings
- Searching & hashing
- Trees, graphs & DP
Your checkpointExplain the time and space costs of a solution, then improve it when needed.
STEP 05Add AI features
Use a model API, retrieve relevant information and return answers with sources. Test cases where the model should not answer.
- LLM APIs
- Structured output
- Embeddings & RAG
- Evaluation
Your checkpointBuild a notes assistant that cites its sources and admits when information is missing.
STEP 06Test, deploy and explain
Test important flows, deploy the app and learn to investigate failures. Strengthen your understanding of systems, security and CS fundamentals.
- Testing & security
- Docker & CI/CD
- Cloud deployment
- System design & CS
Your checkpointPublish your project with a clear README, a working demo and an explanation of its trade-offs.