Using App Builder

Let's discuss the 10 important features as highlighted in the following diagram.

  1. Toggles the edit and view modes. View mode is selected by default in which the application behaves as if it is running in the standalone mode. this is convenient to check the behavior of the application after going through a phase of editing.
  2. Following are the set of features provided by this toolbar.
    1. Preview the application in a separate sandbox environment.
    2. Deploy the application directly on the runtime provisioned for the user development.
    3. Launch the application from the runtime once it has been deployed.
    4. Git push and pull operations. Also provide switching of branch between developer and the master.
    5. Home button is used to go back to the application catalog page of the workspace.
  3. This toolbar provides following features.
    1. Create a new item in the selected perspective.
    2. Save the current item which is being worked upon the app builder. Note that the app builder regularly auto saves the changes being made.
    3. Undo and redo changes.
  4. The perspective menu is the most important feature of the app builder. it allows you to select various aspects of each tier. the tiers include the front-end and the backend. in the front-end here is comprised of views scripts fonts and anything related to the styling of the front-end. The backend tier is comprised of the data model from various data sources, services, functions and flows.
  5. The application is comprised of multiple views. The homepage is one of the views which is created by default. Each view has a distinct name and is composed of a number of components that are selected from the toolbox and has been placed in a specific order by the user.
  6. A comprehensive list of components are provided to create views which are stitched together to create the application.
  7. Various HTML properties of the selected component inside the design Canvas.
  8. List of all the navigation states that are defined inside the application. Every application starts with the "initial" state and will also have the "home_" state. From these two states depending on the user actions the control is passed to a different state and the view associated with it will be rendered.
  9. The main design canvas where all the components will be laid out in a specific way in order to create a view.
  10. The tabs are used provide a more depth extending the capabilities to features like HTML, JSON, APIs, JavaScript and Test data. notes that the number of tabs varies in every perspective.