Wun Code
JavaScript

Small Projects

Build from scratch, on your own, the components you'll find on almost every website, such as tabs, dialogs, tables, toasts and a carousel.

Start the trackFree, no sign-up needed

What you'll learn

  • TabsA component screen readers understand
  • Modal dialogFocus stays inside the dialog
  • Sortable tableA header that sorts the table on click and announces its state
  • Theme switcherThree states, not two
  • Collapsible FAQA button that announces what it opens
  • Toast notificationsShown, announced, then gone
  • CarouselIt wraps around and announces its position
  • StopwatchTime comes from the clock, not from counting ticks

Track contents

8 lessons, 2 hours in total
  1. 1TabsJavaScriptA component screen readers understand
  2. 2Modal dialogJavaScriptFocus stays inside the dialog
  3. 3Sortable tableJavaScriptA header that sorts the table on click and announces its state
  4. 4Theme switcherJavaScriptThree states, not two
  5. 5Collapsible FAQJavaScriptA button that announces what it opens
  6. 6Toast notificationsJavaScriptShown, announced, then gone
  7. 7CarouselJavaScriptIt wraps around and announces its position
  8. 8StopwatchJavaScriptTime comes from the clock, not from counting ticks