Frontend Development
Overview
Frontend development is the practice of building the user-facing parts of web applications. It encompasses everything users see and interact with—from layout and styling to interactivity and data visualization.
Why this category matters: The frontend is where users experience your product. Performance, accessibility, and usability directly impact conversion rates, user satisfaction, and business outcomes. Modern frontend development has evolved into a specialized discipline with its own frameworks, build tools, and best practices.
TL;DR
- Frontend development covers UI/UX implementation for web applications
- Core technologies: HTML, CSS, JavaScript/TypeScript
- Modern development uses component-based frameworks (React, Vue, Svelte)
Featured Topics
Frameworks & Libraries
- React — Component-based UI library from Meta, dominant in the industry
- Vue.js — Progressive framework, approachable learning curve
- Svelte — Compile-time framework, minimal runtime overhead
- Angular — Full framework with opinionated architecture
- Solid.js — Fine-grained reactivity, no virtual DOM
- htmx — Interactivity from HTML attributes, no SPA
- jQuery — The legacy library that shaped the web
Meta-Frameworks
- Next.js — React framework with SSR, SSG, and full-stack features
- Remix — React framework focused on web standards
- Nuxt — Vue equivalent of Next.js
- SvelteKit — Full-stack framework for Svelte
- Astro — Content-first, islands architecture, zero-JS by default
Styling
- CSS — Core styling language
- Tailwind CSS — Utility-first CSS framework
- CSS-in-JS — styled-components, Emotion, etc.
- Sass/SCSS — CSS preprocessor with variables and nesting
Build & Component Tools
- Vite — Fast dev server and build tool
- webpack — Established bundler with extensive plugin ecosystem
- esbuild — Extremely fast JavaScript bundler
- Storybook — Build, document, and test components in isolation
Graphics, Desktop & Platform
- Three.js — 3D graphics in the browser (WebGL/WebGPU)
- WebGPU — Modern GPU compute and rendering in the browser
- Progressive Web Apps — Installable, offline-capable web apps
- Web Components — Framework-agnostic custom elements
- Electron — Desktop apps with web technology
- View Transitions API — Smooth, app-like page and state transitions
State, Data & Content
- State Management — Managing shared UI state
- Redux — Predictable state with Redux Toolkit
- Data Fetching — Loading and caching server data
- TanStack Query — Server-state management, caching, and mutations
- Headless CMS — API-first content management
- Internationalization (i18n) — Building for a global audience
Core Skills
Learning Path
Beginner
Master HTML, CSS, and vanilla JavaScript. Build static sites and simple interactive features.
Intermediate
Learn a framework (React recommended), state management, and routing. Build SPAs.
Advanced
Performance optimization, accessibility, SSR/SSG, contributing to framework ecosystems.