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

Responsive Design

A web design approach that makes web pages render well on all screen sizes using flexible layouts and media queries.

Software that sits between the request and response in a web application, performing processing like authentication or logging.

Brotli Compression

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

DOM (Document Object Model)

A programming interface for HTML documents that represents the page structure as a tree of objects that can be manipulated with JavaScript.

JavaScript Object Notation — a lightweight data interchange format that is easy for humans to read and machines to parse.

A mechanism in OAuth that limits an application's access to a user's account to specific resources or actions.

View All Web Development Terms →