In this Crash Course section, we'll learn the fundamentals of the App builder.

App builder is a core part of Jet Admin. It allows you to assemble your UI, and layout as well as bind and transform data to create custom user flows for your app. All this is done through an intuitive Drag & Drop and Point & Click interface.

Go into the submenu to navigate to a particular topic or start with the first one:

Any app you'll create with Jet will be built in the Builder mode so it's important to understand what it is and how it interacts with the user mode where your end users will be using the app

UI builder is a part of the App builder and allows you to assemble the UI components on the page using pre-made Drag & Drop UI components

In this video, we'll cover binding UI elements from separate pages:

• You have a Table on Page 1 and an input field on Page 2 and you want, when you click on the specific row in the table to drill down into Page 2. Additionally, as you drill down, you want to "pass" a specific value from a selected record in the Table into the input field on Page 2

In this video, we'll learn about the Form-Table binding use-case:

• You have a Form and you want this form to dynamically receive the values from a selected row (a record) of a Table into the fields of this form

Slowly ramping up the complexity of the use-cases, now we'll look at the Table-Table binding:

• You have two related tables and want, in the second Table, to dynamically show the records related to the selected (clicked) record in the first Table

In this and the following videos, we'll cover how to bind data and components in various situations. In this video, in particular, we'll learn about the Filter-Table binding use-case: you have a filter component and you want all the inputs in it to be passed over into the Table and used to filter it.

In this video, we'll cover binding a UI element in the Modal to the UI component on the Page:

• You have a Table on a Page and an input in a Modal and you want, when you click on the specific row in the table to open up the Modal. Additionally, as the Modal opens up, you want to "pass" a specific value from a selected record in the Table into the input field in the Modal

In this video, we'll learn about the Field-Table binding use-case: you have an input field component and you want a value from a specific column from in a selected row of a Table to be fetched into this field

Before diving into the features of the builder, it's important to understand the fundamental structural elements of any app you build with Jet: Pages and Overlays.

To build any app you'll need two things: your UI and the data. But how to link or connect the two in Jet Admin? Learn in this video