Frontend Development

The 8base App Builder is a fully hosted drag-and-drop environment that lets Javascript developers quickly build web applications using pre-built UI/UX components. Inside the Editor, there are a number of different interface areas and concepts that are important to understand.

Here is a brief overview of the subsections you will find:

• Getting Started: Learn the fundamentals of working with App Builder.
• Building Front-ends App Builder Walkthrough: Learn how to drag components, set themes, and connect to data sources.
• App Editor: Learn how to navigate in the App Editor.
• Custom App Styling: Learn how to use themes, custom css, and App Builder styling panes.
• Responsive Design in App Builder: Learn how to apply responsive design to your application.
• Application Layouts: Learn how to work with pre-built and custom Layouts.
• App Navigation: Learn best practices for navigation elements when building applications.
• App Components: Learn about the many different App Components, such as the Looper and Form Block.
• Connecting to Data Sources: Learn how to connect to data sources using APIs.
• Data in the Frontend: Learn how you can store and access data in your front-end applications and manage the state.
• Custom Frontend Logic: Learn how to author and use Javascript functions locally and globally within App Builder front-end applications. This allows you to easily modularize and reuse any custom code you write.
• Triggering Events in the AppLearn how to trigger Events at the Component and Request level.
• Images and Files in App Builder: Learn how to upload and work with static assets, such as images and CSS.
• Publishing Apps: Learn how App Builder compiles, builds, and deploys apps to make them publically available.