Learning Basics Index
Pick any Learning Basics tour, or start the recommended sequence.
Stage 1: Learn the Basics
Use this route first if you are new. Follow the basics in order to learn the web-app model, the Wappler stack, and the first data-flow ideas.
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.
Learn the basics
Section titled “Learn the basics”Follow the sequence first, then move into First Success Path.
Stage 1: Foundations in order
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.
Continue after Stage 1