Skip to the content.

UI components first

Start on the UI layer: build interactive components and confront accessibility, state and rendering where they are most visible. The track for a front-end role that leans on the interface.

12 questions, in order.

  1. Build an accessible combobox ui-coding · hard · ui
  2. Where does an atom stop? quiz · easy · ui
  3. Build a Counter component coding · easy · ui
  4. Make a data table sortable ui-coding · hard · ui
  5. Create a debounce utility coding · medium · ui
  6. How to delegate events in the DOM quiz · easy · ui
  7. Build an event emitter coding · medium · ui
  8. Build an accessible form field ui-coding · medium · ui
  9. Gate a pull request on accessibility harness · hard · ui
  10. Write a guardrail for the ui-atom skill harness · medium · ui
  11. Build an infinite-scroll list ui-coding · hard · ui
  12. Build a loading Button atom ui-coding · easy · ui

Browse the full bank