150 curated questions graded from Foundations (Easy) to Practical Patterns (Medium) and Internals & Architecture (Hard).
150
150
0
5 / Level
Foundations & Core Concepts
<!DOCTYPE html> is a preamble that instructs the browser about the version of HTML the page is written in.<!DOCTYPE html>.<header>, <article>, <nav>), whereas non-semantic elements say nothing about their content (e.g., <div>, <span>).margin, padding, width, and height.<div>, <p>, <h1>-<h6>, <ul>, <article>.width and height. Horizontal margin and padding work, but vertical ones do not affect surrounding element flow.<span>, <a>, <strong>, <em>, <img>.display: inline: Elements flow inline. Custom width, height, and vertical margin/padding are ignored.display: inline-block: Elements flow inline but behave like block-level elements. They respect custom width, height, and vertical margin/padding.alt text to understand the image content, improving search visibility.Get instant access to all 50 questions, in-depth model answers, code sandboxes, and all 27+ technologies for a single one-time payment.
Core concepts, definitions, basic syntax, and first principles expected in round 1 screening.
Real-world mechanisms, state management, edge cases, performance trade-offs, and practical coding.
Deep runtime internals, memory models, distributed design, concurrency failure modes, and architectural decisions.