Resources

Learn from the sources

Frontend Beauty rewrites ideas in our own voice for interviews and day-to-day craft. When you need the full depth, open the originals. We do not mirror or scrape their pages.

Core curriculum (start here)

javascript.infoModern JS tutorial — language, async, DOM, with tasks
MDN Web DocsHTML, CSS, JS, APIs, HTTP — the platform handbook
web.devPerformance, CWV, baseline, modern best practices
GreatFrontEndFE interview quiz, coding, and system design practice

Language & runtime deep links

Event loop (javascript.info)Macrotasks, microtasks, splitting work
Closures (javascript.info)Scope and lexical environments with exercises
Promises (javascript.info)Basics through chaining and error handling
Closures (MDN)Lexical scoping, factories, module pattern
Event loop (MDN)Runtime concurrency model overview

Performance & UX

Web Vitals (web.dev)LCP, INP, CLS definitions and thresholds
INP (web.dev)Interaction latency across the page lifetime
Optimize LCPDiscoverability, priority, critical path
Web performance (MDN)Performance APIs and techniques index

Accessibility & HTML/CSS

Accessibility (MDN)ARIA, keyboard, accessible HTML patterns
ARIA Authoring PracticesDialog, menu, combobox behaviors
Specificity (MDN)How the cascade picks a winner
Structuring content (MDN Learn)Semantic HTML foundations

Security

XSS (MDN)Cross-site scripting overview
Strict CSP (web.dev)Content Security Policy as defense in depth
OWASP XSSAttack catalog and mitigation mindset

Frameworks & patterns

react.devOfficial React docs
patterns.devRendering and design patterns
TypeScript handbookOfficial TS docs

Attribution: linked sites own their content and trademarks. Our articles are original explanations written after studying those materials, aimed at interview prep and engineering practice on frontend.beauty.