Rubik Hub
Computer Science & Programming

Frontend Development

A 26-week roadmap that takes you from zero to junior frontend developer: from HTML, CSS, and JavaScript to TypeScript, React, and Next.js — then AI-assisted development and shipping a real product. Every stage is project-based and assessed through two gates and a capstone project.

Enroll in this track26 weeks of training

Syllabus

1. Foundations

Your programming starting point: computer fundamentals, the command line, and version control with Git and GitHub.

  • Computer & Programming Fundamentals
  • Command Line
  • Git & GitHub

2. Web Basics

Building web pages with HTML and CSS; from semantic structure to layout and responsive design.

  • HTML
  • CSS
  • Tailwind CSS

3. JavaScript

Learn the web's core language deeply: syntax, functions, the DOM, and async programming.

  • JavaScript
  • APIs & HTTP
  • DevTools

4. Typed & Tooled

Professional-scale JavaScript development with TypeScript and modern tooling.

  • Node.js
  • npm
  • Vite
  • TypeScript

5. JS Library

Learn React and its ecosystem (weeks 16–22): components, Tailwind, TanStack Query, React Hook Form and Zod, testing, and Next.js — followed by Project 4 and the Capstone Project. This module is assessed at the React Gate in week 20.

  • React
  • Tailwind CSS in React
  • TanStack Query
  • React Hook Form + Zod
  • Testing
  • Next.js

6. AI-Assisted Development

From week 22: agentic, AI-assisted development — using AI coding assistants to write and improve code while keeping a deep understanding of the concepts.

  • AI-Assisted Development

7. Quality & Shipping

Making a product ready to ship (across the program and its final stage): accessibility, performance, SEO, security, and deployment.

  • Accessibility
  • Performance
  • SEO
  • Security
  • Deployment

Learning outcomes

  • Build complete, responsive websites
  • Master JavaScript, React, and Next.js
  • Work with Git and collaborate in teams
  • Develop with AI assistance
  • A real portfolio including a capstone project

Projects in this track

Throughout this track you complete several real, structured projects, each becoming part of your portfolio; from small weekly exercises to the final project you deliver with your mentor's guidance.

Still not sure which track fits you?

In the entry interview, our mentors look at your interests and goals and recommend the right track.

Apply to Rubik HubSee all tracks