The frontend half of the engineering set: HTML semantics and accessibility, CSS layout and the cascade, JavaScript core semantics, the event loop, and React. Useful both for interviews and for day-to-day work.
You’re reading a free preview. Sign up to see every topic and question — and to play this deck as games.
Choosing elements for meaning rather than appearance, and the accessibility behaviour that comes free with native HTML.
60 total questions
Card #1
What does it mean for an HTML element to be 'semantic'?
Card #2
When should you use <button> instead of a clickable <div>?
Card #3
What is the difference between <section> and <div>?
1. Which element gives you keyboard activation on both Enter and Space with no extra code?
2. A purely decorative icon is rendered as an <img>. What is the correct alt value?
3. How many <main> elements should a page have?
1. A decorative image should carry an empty ___ attribute so screen readers skip it.
Hint: Three letters, on <img>.
2. The ___ attribute on a <label> must match the id of the control it labels.
Hint: One short word.
3. A page should contain exactly one ___ element, marking its primary content.
Hint: A landmark element.
