Web development katas
Katas are exercises to develop muscle memory. This is a list of latest web developer katas. Practice katas regularly to level up your skills faster.
Filter & sort
-
Simple client-side routing
Implement a simple event-based client-side routing using hashes
-
File indexing
Create an index of files in a folder
-
Sortable and filterable list
Implement list sorting and filtering using custom elements and an event bus
-
Copy text to clipboard
Implement a button that copies some text to clipboard
-
Custom confirmation code input
Build a custom form control for entering OTP and confirmation codes
-
Serving static assets
Build a static site server
-
Slider widget
Build single- and dual-slider widgets
-
Basic scraping
Perform basic web scraping using the browser's developer tools
-
Skin a checkbox
Customize the look and feel of a checkbox
-
Select elements in a range
Use various selectors to select elements in different ranges
-
Open image button
Instrument a button to open an image
-
Encyclopedia article
Use of headings in encyclopedia-style article
-
Simple validation
A few basic input validation functions in plain JavaScript