Practice by framework

Questions List

• Holy GrailBuild the famous holy grail layout consisting of a header, 3 columns, and a footer

  Difficulty

  Easy

  Available frameworks

  Users completed

  5879 completed
• TabsBuild a tabs component that displays a list of tab elements and one associated panel of content at a time

  Difficulty

  Medium

  Available frameworks

  Users completed

  2291 completed
• ClassnamesImplement a function that conditionally joins CSS class names together

  Difficulty

  Medium

  Languages

  CSSJSTS

  Users completed

  1529 completed
• Traffic LightBuild a traffic light where the lights switch from green to yellow to red after predetermined intervals and loop indefinitely

  Difficulty

  Medium

  Available frameworks

  Users completed

  1248 completed
• Digital ClockBuild a 7-segment digital clock that shows the current time

  Difficulty

  Medium

  Available frameworks

  Users completed

  769 completed
• Job BoardBuild a job board that displays the latest job postings from Hacker News

  Difficulty

  Medium

  Available frameworks

  Users completed

  900 completed
• AccordionBuild an accordion component that a displays a list of vertically stacked sections with each containing a title and content snippet

  Difficulty

  Easy

  Available frameworks

  Users completed

  1904 completed
• jQuery.cssImplement a jQuery-like function that sets the style of a DOM element

  Difficulty

  Easy

  Languages

  HTMLCSSJSTS

  Users completed

  1743 completed
• Progress BarBuild a progress bar component that shows the percentage completion of an operation

  Difficulty

  Easy

  Available frameworks

  Users completed

  1675 completed
• Progress BarsBuild a list of progress bars that fill up gradually when they are added to the page

  Difficulty

  Easy

  Available frameworks

  Users completed

  936 completed
• TweetBuild a component that resembles a Tweet from Twitter

  Difficulty

  Easy

  Available frameworks

  Users completed

  826 completed
• Analog ClockBuild an analog clock where the hands update and move like a real clock

  Difficulty

  Medium

  Available frameworks

  Users completed

  342 completed
• Grid LightsBuild a grid of lights where the lights deactivate in the reverse order they were activated

  Difficulty

  Medium

  Available frameworks

  Users completed

  499 completed
• jQuery Class ManipulationImplement a set of jQuery-like functions that manipulates classes on a DOM element

  Difficulty

  Medium

  Languages

  HTMLCSSJSTS

  Users completed

  448 completed
• Like ButtonBuild a Like button that changes appearance based on the states

  Difficulty

  Medium

  Available frameworks

  Users completed

  615 completed
• Progress Bars IIBuild a list of progress bars that fill up gradually in sequence, one at a time

  Difficulty

  Medium

  Available frameworks

  Users completed

  337 completed
• Star RatingBuild a star rating component that shows a row of star icons for users to select the number of filled stars corresponding to the rating

  Difficulty

  Medium

  Available frameworks

  Users completed

  1236 completed
• Tabs IIBuild a semi-accessible tabs component that has the right ARIA roles, states, and properties

  Difficulty

  Medium

  Available frameworks

  Users completed

  232 completed
• getElementsByClassNameImplement a function to get all DOM elements that contain the specified classes

  Difficulty

  Medium

  Languages

  HTMLCSSJSTS

  Users completed

  558 completed
• Progress Bars IIIBuild a list of progress bars that fill up gradually concurrently, up to a limit of 3

  Difficulty

  Medium

  Available frameworks

  Users completed

  224 completed
• Tic-tac-toeBuild a tic-tac-toe game that is playable by two players

  Difficulty

  Medium

  Available frameworks

  Users completed

  380 completed
• StopwatchBuild a stopwatch widget that can measure how much time has passed

  Difficulty

  Medium

  Available frameworks

  Users completed

  287 completed
• Transfer ListBuild a component that allows transferring of items between two lists

  Difficulty

  Medium

  Available frameworks

  Users completed

  305 completed
• Whack-A-MoleBuild a popular arcade game where players attempt to hit moles as they pop up from holes in a board

  Difficulty

  Medium

  Available frameworks

  Users completed

  121 completed
• Memory GameBuild a memory game where the player needs to match pairs of cards

  Difficulty

  Medium

  Available frameworks

  Users completed

  130 completed
• Classnames IIImplement a function that conditionally joins CSS class names together and also handles de-duplication and function values

  Difficulty

  Hard

  Languages

  CSSJSTS

  Users completed

  75 completed
• Progress Bars IVBuild a list of progress bars that fill up gradually concurrently, up to a limit of 3 and allows for pausing and resuming

  Difficulty

  Hard

  Available frameworks

  Users completed

  114 completed
• Tic-tac-toe IIBuild an N x N tic-tac-toe game that requires M consecutive marks to win

  Difficulty

  Hard

  Available frameworks

  Users completed

  81 completed
• Transfer List IIBuild a component that allows transferring of items between two lists, bulk selection/unselection of items, and adding of new items

  Difficulty

  Hard

  Available frameworks

  Users completed

  84 completed
• WordleBuild Wordle, the word-guessing game that took the world by storm

  Difficulty

  Hard

  Available frameworks

  Users completed

  62 completed