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

Progressive Enhancement

A web design strategy that starts with basic functionality for all browsers and progressively adds advanced features for capable ones.

HTML elements in the page head that provide metadata about the document for browsers, search engines, and social media platforms.

REST (Representational State Transfer)

An architectural style for designing networked applications using standard HTTP methods and stateless communication.

MVC (Model-View-Controller)

An architectural pattern that separates an application into three components: data (Model), interface (View), and logic (Controller).

The latest HTTP version that uses QUIC instead of TCP, providing faster connections and better performance on unreliable networks.

A property where performing an operation multiple times produces the same result as performing it once.

View All Web Development Terms →