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

Google's metrics for measuring user experience quality, including loading speed, interactivity, and visual stability of web pages.

A technique for making asynchronous HTTP requests from a web page without reloading the entire page.

REST (Representational State Transfer)

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

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

Responsive Design

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

Static Site Generator (SSG)

A tool that generates a complete static HTML website from templates and content at build time, requiring no server-side processing.

View All Web Development Terms →