Web app basics

Wappler documentation

Web app basics

Pick any Learning Basics tour, or start the recommended sequence.

Open in Wappler

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.

Foundations

Learning the BasicsA visual, UI-light intro that starts a sequential learning path (with an index you can return to anytime).View guide→How Web Apps Work (Request → Response)Explore How Web Apps Work (Request → Response): core web flow, simple example, and Why this matters.View guide→App Connect and Server ConnectDecide whether a piece of a feature belongs in the browser, the server action or the database.View guide→Rendering Models (SSR vs CSR)Rendering models explained: SSR vs CSR, what runs where, and how to choose the right approach for each page.View guide→Bootstrap BasicsA practical introduction to Bootstrap in Wappler: grid, utilities, and the core component workflow in Design View.View guide→Database tables, keys and queriesUnderstand the record shape and relationships before connecting them to a page.View guide→Trace data from database to pageFollow a product list across the database, server action and page binding.View guide→Web App TerminologyThe web development terms used in this course.View guide→

Continue after Stage 1 (2)

Start hereBuild a Products page in one practice project. Follow the lessons in order; each ends with a visible result.Browse path→Start hereBuild a Products page in one practice project. Follow the lessons in order; each ends with a visible result.Browse path→