Machine coding round
Plan it fast.Build it right.
Each problem is solved twice, in vanilla JavaScript and in React, so you learn the structure that works under time pressure and what a framework actually saves you.
Curriculum preview
Explore the full syllabus for free. Open any unit to see what it covers; labels show which lessons you can read today.
Tier 013 units
Approach
How machine coding rounds work and how to use the time.
Tier 013 units
Approach
How machine coding rounds work and how to use the time.
Turn a prompt into a plan, a component breakdown and a build order in minutes.
- 1.1
How machine coding rounds workUpcoming
What interviewers look for, time limits, and how solutions are judged.
- 1.2
Plan before you codeUpcoming
Requirements, component breakdown, state shape and a build order.
- 1.3
Vanilla JavaScript vs ReactUpcoming
What each gives you, and how to structure both under time pressure.
Tier 026 units
Components
Self-contained widgets with clear state and accessible interaction.
Tier 026 units
Components
Self-contained widgets with clear state and accessible interaction.
Build common widgets correctly, including keyboard and screen-reader behaviour.
- 2.1
Tabs and accordionUpcoming
Selected state, keyboard navigation and the right roles.
- 2.2
Modal with focus trapUpcoming
Opening, closing, focus trapping and restoring focus.
- 2.3
Star ratingUpcoming
Hover preview, selection and keyboard input.
- 2.4
OTP inputUpcoming
Moving focus between boxes, paste and backspace.
- 2.5
Toast notificationsUpcoming
A queue, timers, stacking and announcements.
- 2.6
Image carouselUpcoming
Slides, autoplay, controls and loading images.
Tier 035 units
Data-driven UIs
Interfaces built around data that is fetched, filtered and nested.
Tier 035 units
Data-driven UIs
Interfaces built around data that is fetched, filtered and nested.
Handle async data, large lists and nested structures without losing track of state.
- 3.1
AutocompleteUpcoming
Debounced search, stale responses, caching and keyboard selection.
- 3.2
Infinite scrollUpcoming
Loading more on scroll, loading states and the end of the list.
- 3.3
Data tableUpcoming
Sorting, filtering and pagination.
- 3.4
Nested commentsUpcoming
Recursive rendering, replies and collapsing threads.
- 3.5
File explorerUpcoming
A tree with folders, expand and collapse, add and rename.
Tier 042 units
Interactive apps
Larger problems that combine several components and flows.
Tier 042 units
Interactive apps
Larger problems that combine several components and flows.
Structure a bigger build so it still works when time runs out.