Core Knowledge Frameworks & Tools
Sharpen your skills with curated frontend engineering topics. Breakdown the concepts to master each topic.
JavaScript
Closures, prototype scopes, asynchronous execution loops, promises, and advanced ESNext features.
React
Component architecture, rendering lifecycles, state flow, custom hooks, and rendering optimizations.
TypeScript
Advanced type systems, generics, conditional types, mapped types, utility types, and structural compatibility.
CSS & Web Layouts
Flexbox and grid positioning systems, cascading rules, hardware acceleration, and fluid animations.
Next.js & RSCs
React Server Components (RSC), Suspense streaming, rendering strategies (SSR, SSG, ISR), and hydration dynamics.
Vue.js
Reactivity systems, Composition API, virtual DOM updates, computed caches, component lifecycles, and Pinia stores.
Behavioral
Mentorship, leadership, collaboration, conflict resolution, technical decision-making, and communication strategies.
System Design
Scalable frontend architectures, cache storage patterns, CDN optimizations, sync protocols, and web security.
Web Performance
Core Web Vitals (LCP, FID, CLS), Critical Rendering Path, resource prioritization, and runtime profiling.
Web Security
Cross-Site Scripting (XSS), CSRF mitigation, Content Security Policy (CSP), CORS, and secure storage patterns.
Data Structures & Algorithms
Algorithmic thinking, DOM parsing, lists, trees, graphs, sorting, and browser memory optimization.