Skip to content

Web App Terminology

Explore Web App Terminology: Web basics and Formats and languages.

A quick reference for terms you’ll see while learning modern web apps and Wappler. This is here so you don’t have to guess what something means.

TIP: Skim when you want. Most people get more value from this after they’ve seen the concepts once.

Request → response
The web
loop
JSON
Most APIs
return data
Wappler mapping
App Connect
+ Server Connect
Use this as a reference while learning (not a test to memorize).
Skim the spotlight lines first, then use the tables for details.
If a term feels fuzzy, jump back to the matching basics tour.

If you remember only one thing: the browser sends requests, the server returns responses. Wappler’s tools map onto that same flow.

Browser
Runs UI
JS/HTML/CSS
Server
Runs logic
returns data
Request
URL + method
payload
Response
HTML/JSON
status
Everything is request → response, even ‘simple’ pages.
The server is the safe boundary for data + permissions.
APIs are just named request/response contracts.

Think of these as layers: HTML is the structure, CSS is the look, JS is behavior, and JSON is how servers usually send data back.

HTML + CSS
Structure +
styling
JS + JSON
Behavior +
data
HTML/CSS = what the UI is and how it looks.
JS = what the UI does.
JSON = what APIs usually return to the UI.

Rendering is simply ‘turning data into what the user sees’. SSR/CSR describes where that rendering happens and what the server returns.

NOTE: Most real apps mix SSR and CSR depending on the page.

SSR
Server returns
HTML
CSR
Browser renders
from data
Hydration
SSR HTML
becomes interactive
SSR returns HTML (great first view + SEO).
CSR returns data and renders UI in the browser.
Most apps mix both depending on the page.

Databases are where the ‘source of truth’ lives. Server Connect queries that source, and App Connect shows the results in the UI.

Database
Stores records
reliably
Table
Rows +
columns
Query
Ask for
rows
The database is the source of truth.
Server Connect queries and shapes data safely.
App Connect renders the results in the UI.

Version control is how you track changes over time and collaborate safely. Wappler works with real files, so Git (or SVN) fits naturally.

NOTE: You don’t need Git to start learning. But once you build real projects, version control becomes a superpower.

Commit
A safe
checkpoint
Branch
Try changes
safely
Push/Pull
Sync with
a remote
Version control = track history and undo mistakes.
Commits are snapshots you can return to.
Branches let you work without breaking main.

If these terms feel less abstract than before, you’re on the right track. Next, jump into the Wappler UI overview to see where these concepts live in the app.

You have
A reference
you can reuse
Next
Wappler UI
orientation
Goal
Words match
what you saw
Use the glossary as a reference, not a prerequisite.
If a term is unclear, jump back to the related basics tour.
Next: see where these concepts live in the Wappler UI.

Continue to the Wappler UI overview tour.