150 curated questions graded from Foundations (Easy) to Practical Patterns (Medium) and Internals & Architecture (Hard).
150
150
0
5 / Level
Foundations & Core Concepts
<link rel="stylesheet" href="styles.css"> inside <head>.<style> block in <head>.style attribute (e.g., <div style="color: red;">).p { })..card { }).#header { }).* { }).[type="text"] { }).0,1,0,0.0,0,1,0.0,0,0,1.content-box (Default): Set width and height apply only to the content. Adding padding or borders increases the element's actual physical size on screen (total width = width + padding + border).border-box: Set width and height incorporate the content, padding, and border. Adding padding/border shrinks the content area but keeps the overall box size fixed.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.