MugUp logoMugUp
HomeBrowsePricingAboutBlogContact
LoginSign Up
© 2026 MugUp. All rights reserved.
HomeAboutDeck LibraryBlogChangelogContactFeature RequestsDeck Requests
Terms of ServicePrivacy PolicyCookie Policy
  1. Browse decks
  2. Frontend Engineering Fundamentals
Public deck

Frontend Engineering Fundamentals

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.

Engineering
AShared by Alex Chen
1PlaySign in to clone

You’re reading a free preview. Sign up to see every topic and question — and to play this deck as games.

See the whole deck

Suggested order

Arrows point from what to learn first. Topics side by side can be studied in any order — and cloning the deck brings this order with it.

Topics

Open a topic to read through its content, then play just that topic.

HTML Semantics and Accessibility
Choosing elements for meaning rather than appearance, and the accessibility behaviour that comes free with native HTML.
MCQ: 15
Fill-in: 11
Flashcards: 19
Pair match: 15
60 total questions
CSS Layout: Box Model, Flexbox and Grid
How boxes are sized and placed, and choosing between one-dimensional flex and two-dimensional grid.
MCQ: 9
Fill-in: 7
Flashcards: 12
Pair match: 9
37 total questions
CSS Cascade, Specificity and Inheritance
Why one rule beats another: origin, layers, specificity arithmetic, source order and inheritance.
MCQ: 9
Fill-in: 7
Flashcards: 12
Pair match: 9
Locked · 37 questions inside
JavaScript Core: Scope, Closures, this and Prototypes
The language semantics behind the classic interview questions — binding, scope, coercion and the prototype chain.
MCQ: 15
Fill-in: 11
Flashcards: 19
Pair match: 15
Locked · 60 questions inside
The Event Loop, Promises and async/await
Task versus microtask ordering, promise combinators, and what await actually does to control flow.
MCQ: 9
Fill-in: 7
Flashcards: 12
Pair match: 9
Locked · 37 questions inside
React: State, Props, Hooks and Reconciliation
How React decides to re-render, why immutability and keys matter, and what each core hook is for.
MCQ: 15
Fill-in: 11
Flashcards: 19
Pair match: 15
Locked · 60 questions inside
Browser Rendering, Reflow and Performance
How the browser turns markup and styles into pixels, what forces layout and paint, and how the Core Web Vitals measure the result.
MCQ: 10
Fill-in: 8
Flashcards: 13
Pair match: 10
Locked · 41 questions inside
Caching, Bundling and Asset Loading
HTTP caching and revalidation, content hashing, code splitting and tree shaking, resource hints and how assets reach the browser.
MCQ: 10
Fill-in: 8
Flashcards: 13
Pair match: 10
Locked · 41 questions inside
6 more topics in this deck

Create a free account to open every topic — and play the whole deck without copying it.

Sign up freeLog in