Dev Homework·Frontend Engineering

Problems

Interactive exercises covering real techniques from frontend engineering. Each problem has a code editor, automated tests, and an article that unlocks on completion.

CSS

Tap Target ExpansionAccessibility

CSSAccessibility

GPU Compositing with will-changePerformance

pointer-events on Stacked Elements

CSSpointer-events

:fullscreen Pseudo-class

CSSFullscreen API

prefers-reduced-motionAccessibility

CSSAccessibility

Portal Stacking with isolation: isolateLayout

NewCSSStacking Context

Scoping transition-propertyPerformance

NewCSSPerformance

SVG Stroke Draw AnimationAnimation

clip-path Reveal TransitionsAnimation

NewCSSclip-path

React

React List Keys (noArrayIndexKey)

Code Quality

Dead Code Removal

RefactoringCode Quality

JavaScript

IntersectionObserver for Media PlaybackBrowser APIs

JavaScriptIntersectionObserver

Video Autoplay PoliciesBrowser APIs

JavaScriptVideo