Complete Bubble Course - Create Web Apps Without Code

Explore the native visual elements in Bubble, understand their properties, and learn to style text, buttons, and icons with dynamic text, tooltips, and responsive sizing.

Explore repeating groups in bubble to display user lists, set content type, configure the data source, and create layouts with two by two grids and vertical scrolling.

Create and configure input forms in Bubble, including text, email, checkboxes, radios, sliders, date pickers, and uploads inside a popup. Use placeholders, initial content, and required fields.

Build a signup workflow that collects email, password, first and last name and updates the current user, with a terms and conditions checkbox gating submission.

Create singular data types in bubble, starting with a church data type with fields like name, logo, address, and manager, linking to a projects data type with multiple entries.

Demonstrate how a sign-up form saves user and church data through a multi-step workflow, creates a church, links the user, and updates the app data tab.

Learn how to translate user data into a live web page using dynamic content such as the current user's name, church name, and logo, and navigate between pages.

Create a project submission form to add new projects, validate inputs, store in project data type, link each project to its church, show success alerts, and navigate to the dashboard.

Create a search box and button to filter projects in a bubble app, updating the repeating group with a constrained search for the project name containing the input term.

Create an edit profile page with input fields for first name, last name, and church name, and save changes to the current user to return to the dashboard.

Prepare for go live by testing and troubleshooting with the built-in issues panel and debugger, test on multiple browsers, using normal, slow, and step-by-step modes.

Deploy the version to live after fixing issues in development. Save points and history let you revert changes without affecting live data, while live mode is read-only for design.