Web Development Intermediate

What is SPA (Single Page Application)?

A web application that loads a single HTML page and dynamically updates content without full page reloads.

SPAs load once and use JavaScript to render content dynamically. Navigation happens client-side using the History API, creating a smooth, app-like experience without page refreshes. Data is fetched via AJAX/fetch API calls.

Popular SPA frameworks include React, Vue.js, and Angular. Challenges include SEO (solved by SSR/SSG), initial load time (code splitting), and browser history management. SPAs communicate with backends via REST or GraphQL APIs.

Learn More About This Topic

HTML & CSS Fundamentals

Related reading

JavaScript ES6+ Modern Features

Related reading

JavaScript Fundamentals

Related reading

Related Terms

A communication protocol that enables full-duplex, real-time data exchange between a browser and server over a single connection.

An automatic OPTIONS request sent by browsers before certain cross-origin requests to check if the actual request is permitted.

Brotli Compression

A modern compression algorithm developed by Google that achieves better compression ratios than Gzip for web content delivery.

Web Accessibility (a11y)

The practice of designing websites that can be used by people with disabilities, following WCAG guidelines.

A technique that delays loading non-critical resources until they are needed, improving initial page load performance.

A CSS layout model that provides efficient arrangement of items within a container, handling alignment, distribution, and spacing.

View All Web Development Terms →