🧬 DNA — Core Concepts

The building blocks of a senior frontend engineer

🥚

Egg

6 topics

🐣

Hatchling

39 topics

🦖

Dinosaur

42 topics

👑

Apex

8 topics

95 topics across 9 categories

⚡

JavaScript

21 topics

Closures, prototypes, event loop, async, currying, generators, proxies

🥚1🐣11🦖8👑1

🌐

Web Browser

13 topics

Rendering, CORS, service workers, storage, security

🥚1🐣4🦖7👑1

🎨

CSS

12 topics

Layout, specificity, z-index, animations, responsive design

🥚1🐣5🦖5👑1

⚛️

React

11 topics

Rendering, hooks, lifecycle, state management, and performance

🥚2🐣6🦖3

📄

HTML

9 topics

Semantics, accessibility, forms, media, iframes, SEO

🥚1🐣6🦖2

🏗️

System Design

9 topics

Architecture, micro-frontends, testing, auth, scalability

🦖5👑4

🔷

TypeScript

8 topics

Generics, utility types, type guards, advanced patterns

🐣2🦖5👑1

🚀

Performance

7 topics

Core Web Vitals, bundle optimization, image/font/video optimization

🐣3🦖4

📦

Webpack & Build Tools

5 topics

Bundlers, loaders, plugins, code splitting, HMR

🐣2🦖3