Studio · Browser foundations
Frontend Web Fundamentals
Strengthen the browser knowledge behind fast, reliable frontend systems—from rendering and event loops to security and performance.
0%
0 / 58 solvedYour learning progressSuggested next questionBuild & Deployment: Monorepo, CI/CD, Strategies & Release Safety
Question index
58 questionsWeb Fundamentals Overview GUIDEGuideBuild & Deployment: Monorepo, CI/CD, Strategies & Release SafetyMedium
State Management: Choosing the Right SolutionMediumRedux: Predictable State Container (RTK + RTK Query)MediumReact Query (TanStack Query): Server State CachingMediumData Fetching Patterns: REST, GraphQL, tRPC & Real-timeMediumGraphQL Fundamentals for Frontend: Shape, Caching, and TradeoffsMediumgRPC-Web Fundamentals: Browser Constraints and Proxy ModelMediumCaching Strategies: Client, Server & EdgeMediumData Normalization: Organizing State for PerformanceMediumAPI Design Best Practices: Pagination, Errors, Versioning & Type SafetyMediumAPI Versioning Strategies for Frontend CompatibilityMediumPagination: Offset vs Cursor-BasedMediumRate Limiting & API Resilience: Retries, Backoff, Jitter, IdempotencyMediumHow Frontend Developers Can Handle Millions of API Requests Without Crashing EverythingMedium
Browser Storage: Cookies, SessionStorage, LocalStorage, IndexedDBMedium
Real-time Communication: WebSockets, SSE & PollingMediumWebRTC: Real-Time Communication in the BrowserHardCore Web Vitals: LCP, INP & CLSMediumPerformance Optimization Trade-offsMediumCritical Resource Prioritization: Optimize Loading OrderMediumCode Splitting: Optimize Bundle Size with Dynamic ImportsMedium
Tree Shaking: Eliminate Dead Code from Your BundleEasyLazy Loading: Load Resources On-DemandEasyResource Hints: Preload, Prefetch & PreconnectMediumText Compression: Gzip and BrotliEasyImage & Video Optimization: Modern Formats & TechniquesEasyAdaptive Loading: Optimize for Device & NetworkMediumList Virtualization: Render Large Lists EfficientlyHardWeb Workers vs Main Thread: Offloading Heavy WorkMediumMemory Leaks in Frontend Apps: Detection & PreventionEasyManaging Third-Party Scripts: Optimization StrategiesMediumHow CDNs Work: Edge Delivery, Caching & PerformanceEasy
HTTP Caching Deep Dive: Cache-Control, ETag & RevalidationMediumService Workers & Offline Strategy: Cache First, Network First & Update LifecycleMediumPWA Fundamentals: Manifest, Installability & Offline UXMediumCritical Rendering PathMedium
Script Loading: async vs deferEasy
Event Loop: Understanding JavaScript Execution ModelMedium
JavaScript Module Systems: CJS vs ESM vs UMDMediumDynamic Module Loading: import() FunctionMediumImport on Interaction: Load When User InteractsMediumImport on Visibility: Lazy Loading with IntersectionObserverMediumBrowser Rendering Pipeline & Layout ThrashingMediumRendering Strategies: CSR vs SSR vs SSG vs ISRMediumStreaming SSR: Progressive HTML StreamingMediumIslands Architecture: Independent Component HydrationMediumReact Server Components: Zero-JS Server RenderingMediumFramework Reactivity: React, Vue, Svelte & SolidMediumHTTP/1.1 vs HTTP/2 vs HTTP/3 (QUIC) for Frontend PerformanceMediumDNS Resolution: Path, TTL, Caching & Frontend ImpactMediumCross-Site Scripting (XSS) AttacksMediumCross-Site Request Forgery (CSRF) AttacksMediumCORS Explained: Cross-Origin Resource SharingMediumCORS Preflight in Practice: Credentials, Simple Requests & MisconfigurationsMediumContent Security Policy (CSP)MediumWhy is HTTPS Secure? Understanding TLS/SSLMediumAuthorization Best PracticesEasyCookie Security & Session Hardening: SameSite, HttpOnly, SecureEasy
Mark a question complete from its reader. Company references are shown where available.