THE CORE AIM OF VOCABULARY MASTERY · WEB DEVELOPMENT VOCABULARY · BROWSER → REQUEST → SERVER → RESPONSE → INTERFACE
Web development vocabulary is the language used to describe how websites and web applications are structured, styled, programmed, requested and delivered. Terms such as HTML, CSS, DOM, JavaScript, frontend, backend, HTTP request, response, API and deployment describe different parts of the web stack.
The core aim of vocabulary mastery for web development vocabulary is stack clarity. Learners should be able to explain what runs in the browser, what runs on the server, how data moves between them, what role APIs play and how code becomes a live web experience.
This page is the Web Development Vocabulary owner inside the eduKateSG Vocabulary hub. For code concepts, use Programming Vocabulary. For network transport, use Networking Vocabulary.
Central proposition: Web development vocabulary is mastered when the learner can trace an interaction from browser interface to request, server work, data and response.
The 60-Second Web Development Vocabulary Router
- Structure: HTML, element, attribute, semantic markup.
- Presentation: CSS, selector, layout, responsive design.
- Browser logic: JavaScript, DOM, event, state.
- Server: backend, route, controller, session.
- Data: API, JSON, database, request, response.
- Delivery: build, bundle, deploy, cache, CDN.
The Web Development Architecture
| Layer | Core terms | Core question |
|---|---|---|
| HTML | element, attribute, semantic | What is the page structure? |
| CSS | selector, layout, responsive | How does it look and adapt? |
| JavaScript | event, state, DOM | How does it behave in the browser? |
| Backend | route, server, session | What happens on the server? |
| Data | API, JSON, database | How does information move and persist? |
| Delivery | build, deploy, cache | How does the app reach users efficiently? |
Frontend and Backend Are Different
The frontend is the part users interact with in the browser. The backend handles server-side logic, data access, authentication and other services. Modern frameworks can blur deployment boundaries, but the functional distinction remains useful.
A Worked Example: Request and Response
When a browser asks a server for a page or data, it sends an HTTP request. The server returns an HTTP response. The response may contain HTML, JSON, an image or another resource. This request–response cycle is one of the most important vocabulary structures in web development.
A Worked Example: DOM
The DOM, or Document Object Model, is the browser’s structured representation of a document. JavaScript can read and modify this structure, which is why terms such as element, event and query selector matter in frontend development.
Web Development Vocabulary and APIs
Web applications often communicate with services through APIs. Common terms include endpoint, method, header, payload, status code and authentication. These terms belong to the interface between systems rather than to page layout itself.
Web Development Vocabulary and Responsive Design
Responsive design refers to interfaces adapting across screen sizes and device conditions. Useful terms include breakpoint, viewport, flexbox, grid and media query. These words become meaningful when learners resize the page and observe what changes.
How to Learn Web Development Vocabulary
- Build small pages and inspect them in browser developer tools.
- Trace network requests while using the page.
- Compare frontend and backend responsibilities.
- Use APIs and JSON in simple examples.
- Connect HTML, CSS and JavaScript terms to visible behaviour.
- Deploy small projects so build and hosting language becomes concrete.
- Read MDN-style documentation with code beside you.
Common Web Development Vocabulary Mistakes
Calling HTML a programming language
Repair: recognise HTML primarily as markup that structures documents.
Treating frontend and backend as tool names
Repair: understand them as responsibility layers.
Confusing API with database
Repair: distinguish the interface for communication from the storage system behind it.
Learning framework vocabulary before web fundamentals
Repair: stabilise browser, HTTP, HTML, CSS and JavaScript concepts first.
Frequently Asked Questions
What is web development vocabulary?
It is the specialised language used to describe browser structure, styling, client logic, servers, APIs, data and deployment.
What terms should beginners learn first?
Start with HTML, CSS, JavaScript, DOM, frontend, backend, request, response, API and database.
What is the difference between frontend and backend?
Frontend code runs primarily in the user-facing browser environment; backend code runs on servers and supports data, logic and services.
What is the DOM?
It is the browser’s object representation of a document that scripts can inspect and modify.
How can I learn web development vocabulary?
Build and inspect real pages so each term is tied to a visible layer or network action.
Where This Article Fits in the eduKateSG Vocabulary Ecosystem
- Vocabulary Hub — the broad route.
- Programming Vocabulary — code concepts.
- Networking Vocabulary — requests and transport.
- Database Vocabulary — persistence.
- API Vocabulary — system interfaces.
The Web Development Vocabulary Standard
Web development vocabulary reaches its core aim when a learner can explain what the browser is doing, what the server is doing and how data crosses the boundary between them.
That is the standard: web language that makes the stack visible.