Client-Server Web Frameworks & Architectures

Vocabulary flashcards summarizing key frameworks, architectural patterns, and technical terms mentioned in the notes on building client-server web applications using VueJS, FastAPI, Django, Next.js, Nuxt.js, React, Angular, and Node.js.

Client-Server Architecture

A web application split into a Frontend (client) and Backend (server) layer, e.g., VueJS for UI and FastAPI for logic.

VueJS

A JavaScript framework for building user interfaces; lightweight alternative to React or Angular, good for SPA UIs with modals and dynamic components.

FastAPI

A Python backend framework that supports asynchronous I/O, JWT authentication, database access, and rapid REST or real-time API development.

Async I/O

Programming model used by FastAPI to handle multiple concurrent requests efficiently without blocking threads.

Monolithic Architecture

A single-tier application structure where frontend templates, business logic, and database access live in one code-base, e.g., Django SSR.

Django (SSR)

A monolithic Python framework that renders server-side HTML; offers built-in ORM, Auth, Forms, Templates, and an Admin panel.

Django Admin

Auto-generated backend interface within Django used to manage data models without extra coding.

Next.js

A React-based framework that supports Static Site Generation (SSG) and Server-Side Rendering (SSR); ideal for content-heavy, SEO-focused sites.

Nuxt.js

The VueJS counterpart to Next.js; primarily used for SSG frontends that may rely on an external API for authentication.

Static Site Generation (SSG)

Pre-builds pages at compile time for fast delivery and SEO; used in Next.js and Nuxt.js.

Server-Side Rendering (SSR)

Generates HTML on the server per request, improving SEO and initial load time; used by Django, Next.js, and Nuxt.js.

Single Page Application (SPA)

A web app that loads a single HTML page and dynamically updates content via JavaScript; Vue, React, and Angular excel here.

React

A JavaScript UI library known for component-based architecture; often paired with Node.js for full-stack JavaScript solutions.

Angular

A TypeScript-based, enterprise-oriented front-end framework with robust tooling and built-in features beyond React/Vue.

Node.js

A JavaScript runtime that lets developers write server logic in JS; often used with libraries for Auth, Validation, and ORM.

REST API

Stateless interface that exposes resources via HTTP methods; commonly built with FastAPI or Node.js.

JWT Authentication

Token-based authentication mechanism often implemented in FastAPI or Node.js backends.

ORM (Object-Relational Mapping)

Layer that maps database tables to objects; built-in to Django and available via Node.js libraries.