Semantic HTML & Accessibility
CSS Mastery
JavaScript & Logic
Quality & Workflow
Integrations & Security
100

The "P" in the POUR principles of WCAG stands for this.

What is Perceivable?

100

Setting box-sizing to this value includes padding and border in the element's total width.

What is border-box?

100

This acronym represents the browser's object representation of the page structure.

What is the DOM (Document Object Model)?

100

This version control system allows developers to track changes and collaborate.

What is Git?

100

Sandbox integrates solutions from this search giant into client sites (e.g., Analytics, Maps).

What is Google?

200

This HTML element should be used for the main navigation block of a page.

What is the <nav>element?

200

This CSS layout module is designed primarily for one-dimensional layouts (rows or columns).

What is Flexbox?

200

This modern syntax makes handling Promises easier to read than .then() chains.

What is async/await?

200

A developer performs this check before handing off code to peer review or QA.

What is a "First-Pass QA"?

200

This Microsoft directory service is often integrated for user management in Intranets.

What is Active Directory?

300

When a user navigates via keyboard, this visual indicator is essential for knowing where they are.

What is Focus State (or Visible Focus)?

300

To create a two-dimensional layout with rows and columns, this CSS system is preferred.

What is CSS Grid?

300

Attaching a single event listener to a parent element to handle events on its children is called this.

What is Event Delegation?

300

In the STAR interview method, the "R" stands for this.

What is Result?

300

To secure data in transit between the client and server, sites must use this protocol.

What is HTTPS (or SSL/TLS)?

400

This attribute should be used on an <img> tag to describe its content to screen readers.

What is alt (or alt text)?

400

This unit of measurement is relative to the root element's font size, ensuring scalability.

What is rem?

400

To prevent a form from submitting and reloading the page, you call this method on the event object.

What is event.preventDefault()?

400

This document or ticket describes the "definition of done" for a task.

What are Requirements (or Acceptance Criteria)?

400

This type of attack involves injecting malicious scripts into a trusted website, a common web vulnerability.

What is Cross-Site Scripting (XSS)?

500

Use this ARIA role only when an element functions as a button but cannot be a <button> tag.

What is role="button"?

500

This CSS function clamps a value between an upper and lower bound, useful for fluid typography.

What is clamp()?

500

The strict equality operator === checks for both value and this.

What is Type?

500

The process of rewriting code to improve structure without changing its external behavior.

What is Refactoring?

500

Sandbox builds these "middle-ware" connections to allow websites to talk to CRMs or other enterprise systems.

What are APIs (Application Programming Interfaces)?

M
e
n
u