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.

Master Bubble visual elements by using links and text navigation, images, alerts, videos, maps, and HTML blocks, with dynamic data and simple styling.

Learn to organize pages with groups inside containers, label nested groups, and bind dynamic data from the current user (name and email) using parent and child groups.

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 a centered pop up container on a sign up page, style with image background, gray-out, opacity, and blur, and trigger with a button that closes via escape.

Explore how a floating group acts as a sticky menu that stays in place while content scrolls, with vertical and horizontal positioning, z-index layering, and responsive width settings.

Attach the group focus container to a reference element to reveal rich content when triggered, using a show action to display text or images beyond a tooltip.

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.

Explore how data types, data fields, and linked records organize users, churches, and projects in bubble’s data tab, building a scalable back end.

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.

List the projects posted by the current church in a dashboard using a repeating group, displaying project name and posting church with USD budget, sorted by date created.

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.

share the bubble app you're working on by sending me a message, and leave a five-star review; discover more courses and coupons on my site.