1. Learn the web app basics
Start with the concepts behind requests, responses, App Connect, Server Connect, databases, rendering, Bootstrap, and terminology.
1. Learn the web app basics
Start with the concepts behind requests, responses, App Connect, Server Connect, databases, rendering, Bootstrap, and terminology.
Learning Basics Index
This is a simple menu of the Learning Basics tours. Follow the recommended sequence if you’re new, or jump to any topic and come back here anytime. You can also re-run a tour to refresh a concept — every Learning Basics tour links back here at the end.
TIP: If you’re new: start with ‘Learning the Basics (Intro + Guided Path)’, then continue in order. If you’re stuck on a concept, jump straight to the matching tour and come back later.
Learning Basics
Section titled “Learning Basics”Guided paths
Learning the Basics
A visual, UI-light intro that starts a sequential learning path (with an index you can return to anytime).
How Web Apps Work (Request → Response)
Explore How Web Apps Work (Request → Response): core web flow, simple example, and Why this matters.
App Connect + Server Connect (The Big Picture)
Understand the big picture: how App Connect (UI/data binding) and Server Connect (APIs/actions) work together in a Wappler app.
Rendering Models (SSR vs CSR)
Rendering models explained: SSR vs CSR, what runs where, and how to choose the right approach for each page.
Bootstrap Basics
A practical introduction to Bootstrap in Wappler: grid, utilities, and the core component workflow in Design View.
Databases 101
Databases in Wappler, from zero to query: connections, choosing drivers, and turning tables into usable data.
First Data Flow (DB → Server Connect → Page)
Explore First Data Flow (DB → Server Connect → Page): Your first end-to-end mental model, After this tour, you’ll know, and pipeline, step by step.
Web App Terminology
Explore Web App Terminology: Web basics and Formats and languages.
Go to