hello.frontend

Frontend Web Fundamentals

Core browser rendering pipelines, event loop microtasks, DOM APIs, web security models, and performance optimization rules.

0/58
Solved
/
Web Fundamentals OverviewGuide
Build & Deployment: Monorepo, CI/CD, Strategies & Release Safety
Medium
State Management: Choosing the Right Solution
Medium
Redux: Predictable State Container (RTK + RTK Query)
Medium
React Query (TanStack Query): Server State Caching
Medium
Data Fetching Patterns: REST, GraphQL, tRPC & Real-time
Medium
GraphQL Fundamentals for Frontend: Shape, Caching, and Tradeoffs
Medium
gRPC-Web Fundamentals: Browser Constraints and Proxy Model
Medium
Caching Strategies: Client, Server & Edge
Medium
Data Normalization: Organizing State for Performance
Medium
API Design Best Practices: Pagination, Errors, Versioning & Type Safety
Medium
API Versioning Strategies for Frontend Compatibility
Medium
Pagination: Offset vs Cursor-Based
Medium
Rate Limiting & API Resilience: Retries, Backoff, Jitter, Idempotency
Medium
How Frontend Developers Can Handle Millions of API Requests Without Crashing Everything
Medium
Browser Storage: Cookies, SessionStorage, LocalStorage, IndexedDB
Medium
Real-time Communication: WebSockets, SSE & Polling
Medium
WebRTC: Real-Time Communication in the Browser
Hard
Core Web Vitals: LCP, INP & CLS
Medium
Performance Optimization Trade-offs
Medium
Critical Resource Prioritization: Optimize Loading Order
Medium
Code Splitting: Optimize Bundle Size with Dynamic Imports
Medium
Tree Shaking: Eliminate Dead Code from Your Bundle
Easy
Lazy Loading: Load Resources On-Demand
Easy
Resource Hints: Preload, Prefetch & Preconnect
Medium
Text Compression: Gzip and Brotli
Easy
Image & Video Optimization: Modern Formats & Techniques
Easy
Adaptive Loading: Optimize for Device & Network
Medium
List Virtualization: Render Large Lists Efficiently
Hard
Web Workers vs Main Thread: Offloading Heavy Work
Medium
Memory Leaks in Frontend Apps: Detection & Prevention
Easy
Managing Third-Party Scripts: Optimization Strategies
Medium
How CDNs Work: Edge Delivery, Caching & Performance
Easy
HTTP Caching Deep Dive: Cache-Control, ETag & Revalidation
Medium
Service Workers & Offline Strategy: Cache First, Network First & Update Lifecycle
Medium
PWA Fundamentals: Manifest, Installability & Offline UX
Medium
Critical Rendering Path
Medium
Script Loading: async vs defer
Easy
Event Loop: Understanding JavaScript Execution Model
Medium
JavaScript Module Systems: CJS vs ESM vs UMD
Medium
Dynamic Module Loading: import() Function
Medium
Import on Interaction: Load When User Interacts
Medium
Import on Visibility: Lazy Loading with IntersectionObserver
Medium
Browser Rendering Pipeline & Layout Thrashing
Medium
Rendering Strategies: CSR vs SSR vs SSG vs ISR
Medium
Streaming SSR: Progressive HTML Streaming
Medium
Islands Architecture: Independent Component Hydration
Medium
React Server Components: Zero-JS Server Rendering
Medium
Framework Reactivity: React, Vue, Svelte & Solid
Medium
HTTP/1.1 vs HTTP/2 vs HTTP/3 (QUIC) for Frontend Performance
Medium
DNS Resolution: Path, TTL, Caching & Frontend Impact
Medium
Cross-Site Scripting (XSS) Attacks
Medium
Cross-Site Request Forgery (CSRF) Attacks
Medium
CORS Explained: Cross-Origin Resource Sharing
Medium
CORS Preflight in Practice: Credentials, Simple Requests & Misconfigurations
Medium
Content Security Policy (CSP)
Medium
Why is HTTPS Secure? Understanding TLS/SSL
Medium
Authorization Best Practices
Easy
Cookie Security & Session Hardening: SameSite, HttpOnly, Secure
Easy