Frontend curriculum
Learn frontend skills through practical work, not scattered notes.
This track is for frontend engineers who want stronger fundamentals, better system awareness, and project-based material that actually improves how they build.
General Courses
Project-based courses for frontend engineers who learn by shipping.
Hands-on material built around implementation, testing, architecture, and delivery.
Setup CI/CD with GitHub Actions
This is simple to learn, and by the end of this short course you’ll be much more confident dealing with GitHub Actions.
NewMarketing website with zero-cost CMS
Build an Astro and Git-based CMS website
Todo App with React, TypeScript, and TDD
Todo apps are a great way to learn a new language or framework. We teach this course with more than React.
Stackpack
Sandpack clone with WebContainers in React and TypeScript
Login Register Flow
Learn how to build a login and register flow with E2E tests and Supabase.
Todo App with Svelte, TypeScript, and TDD
Todo apps are a great way to learn a new language or framework. We teach this course with more than Svelte.
Dynamic Pricing Page
Learn to build a dynamic pricing page customized based on the user's location.
Refactoring Series
See how maintainable frontend code gets shaped over time.
Focused exercises for improving code structure, release confidence, and long-term readability.
System Designs
Connect UI work to the systems and decisions behind it.
Design-oriented material for frontend engineers who want to think more clearly about constraints and architecture.
Questions
Legacy interview-style prompts with available video-backed material.
These are deprecated, but the released questions still make useful practice when you want something short and focused.
These interview-style prompts are legacy material, but still useful for short focused practice.
CSS: Can you center a div?
"Centering a div" this phrase might sound simple, but it's a longstanding joke in the CSS community due to the surprising complexity it can involve.
JS Polyfill: Array.at() Method
The Array.at() method takes an integer value and returns the item at that index, allowing for positive and negative integers. Negative integers count back from the last item in the array.
React Theory: What is React?
Almost all fresher interviews open with this questions. We cover possible follow-up questions as well.
React Hooks: useState - 1
This question revolves around the most frequently used hook in React development. Your task is to implement the logic for managing tasks - including storing, adding, and deleting them within a local state variable.
React Hooks: useEffect - 1
The useEffect hook is notorious to cause majority of bugs in most React projects. Can you solve a similar bug?
React TypeScript: Migrate useState - 1
Remember our question "Hooks: useState - 1" but that was in JavaScript. Try to migrate it to TypeScript.
Miscellaneous
Small setup guides that remove friction from everyday frontend work.
Useful references for local setup, package tooling, and foundational developer workflow.