# Appendix

This appendix outlines the contents introduced in the process of building your first app and provides some links to more in-depth documentation. Return to this document any time you want to review the fundamentals of how to build in Airkit.

## Airkit Studio

* [The Studio](https://docs.airkit.ai/?q=the-structure-of-the-studio)
* [The Builder Bar](https://docs.airkit.ai/?q=introduction-to-the-builder-bar)
* [App Preview](../../studio/app-preview)

## When you first create an app, you'll be automatically taken to [Journey Builder](../../studio/builder-bar/journey-builder)

In the Journey Builder, you can:

* Indicate how your Journey is triggered
* Define the Steps that make up the application's Journey
* Define what [Web Flow](../../studio/web-flows) each Step begins
  * If there are no Web Flows to select from, you can create a new one

## To build or edit a Web Flow, navigate to [Web Flows Builder](https://github.com/airkit/airkit-docs/blob/master/docs/v18-2/web-flows.md-builder)

Web Flows Builder is where you can:

* Create and edit [Web Flows](../../studio/web-flows)
* Create and edit the [Web Pages](../../actions/navigate-to-web-page-action) that make up the [Web Flows](../../studio/web-flows)
* Create and edit [Web Controls](../../web-controls/web-controls-overview) on each [Web Page](../../actions/navigate-to-web-page-action).

[Web Controls](../../web-controls/web-controls-overview) serve as small UI building blocks.

* Example [Web Controls](../../web-controls/web-controls-overview) include:
  * [Labels](../../web-controls/label-web-control)
  * [Buttons](../../web-controls/button-web-control)
  * [Input boxes](../../web-controls/text-input-web-control)
    * Input boxes can accept various various [Data Types](../../variable-data-types/data-types-overview) and [store them as variables](https://github.com/airkit/airkit-docs/blob/master/docs/v18-2/the-set-variable-action.md)
    * (The four input boxes created for the purpose of our Contact Form accepted four instances of [Text](https://github.com/airkit/airkit-docs/blob/master/docs/v18-2/working-with-text.md) input, including one in the special form [Email](../../variable-data-types/the-email-variable-data-type) and one in the special form [Phone](../../variable-data-types/the-phone-variable-data-type))

The appearance of each [Web Control](../../web-controls/web-controls-overview) is highly customizable.

* Modify them individually, under the "Style" section in the Inspector
* Make app-wide changes to [Variants](https://docs.airkit.ai/?q=working-with-themes-and-control-variants) using [Theme Builder](https://github.com/airkit/airkit-docs/blob/master/docs/v18-2/styling-with-themes.md).

[Web Controls](../../web-controls/web-controls-overview) can be associated with [Events](../../studio/events/control-events) and [Actions](../../studio/action-builder).

* [Events](../../studio/events) trigger Action Chains, which are a set of Actions taken sequentially.
* [Actions](../../studio/action-builder) dictate how your app will behave
  * Common Actions include:
    * Navigating to another [Web Page](../../actions/navigate-to-web-page-action)
    * Performing a custom [Data Flow](../../studio/data-flows)
      * Custom [Data Flows](../../studio/data-flows) are created in the [Connections Builder](../../studio/builder-bar/connections-builder), see below

## To store and structure data, use the [AirData Builder](../../studio/builder-bar/airdata-builder)

The AirData Builder is where you can define [AirData App Objects](../../working-with-data/airdata/airdata-app-objects)

* Data in [AirData App Objects](../../working-with-data/airdata/airdata-app-objects) can be [stored](../../working-with-data/variable-namespaces) and [queried](../../data-operations/airdata-request-data-operation/query-airdata-request)
* In order for the other Builders to have access to an [AirData App Object](../../working-with-data/airdata/airdata-app-objects), its definition must be saved and migrated

## To use and modify data, use the [Connections Builder](../../studio/builder-bar/connections-builder)

The Connections Builder is where you can:&#x20;

* Construct custom [Data Flows](../../studio/data-flows) out of component [Data Operations](../../data-operations/data-operation-overview)
  * Data Flows connect the UI of your Airkit apps to other systems, be they part of Airkit (like [AirData](../../working-with-data/airdata)) or not (like Salesforce).
