Skip to main content

Crash Courses

Dive into our crash courses to quickly master Bubble's powerful no-code platform. These intensive sessions cover essential skills and techniques, enabling you to build and launch your apps efficiently. Perfect for beginners and those looking to enhance their Bubble expertise.

3 authors161 articles
Intro to APIs & the API ConnectorLearn what APIs are and how to leverage them in your Bubble apps using the API Connector plugin.
Native mobile for Bubble Developers (feat. Jeremy Alexander)

Getting Started With Bubble (2024)

If you’re building a Bubble app for this first time, this is the place to start. In this comprehensive course, Gregory John will guide you through a complete end-to-end application build where you’d be able to quickly gain Bubble development skills such as responsive design, logic, database structures, UI/ UX design, security and performance.

Course overview: Getting started with Bubble (Lesson 1.1)
Editor Overview: Getting started with Bubble (Lesson 1.2)
App Setup: Getting started with Bubble (Lesson 1.3)
Layout and spacing: Getting started with Bubble (Lesson 1.4)
Styles: Getting started with Bubble (Lesson 1.5)
Hero section — Part 1: Getting started with Bubble (Lesson 1.6)
Hero section — Part 2: Getting started with Bubble (Lesson 1.7)
Repeating group logos: Getting started with Bubble (Lesson 1.8)
Reusable footer: Getting started with Bubble (Lesson 1.9)
Navbar: Getting started with Bubble (Lesson 1.10)
Section 2 overview: Getting started with Bubble (2.1)
Signup page design: Getting started with Bubble (2.2)
Form design: Getting started with Bubble (Lesson 2.3)
Custom states: Getting started with Bubble (Lesson 2.4)
Form validation: Getting started with Bubble (Lesson 2.5)
Responsive design: Getting started with Bubble (Lesson 2.6)
Login page: Getting started with Bubble (Lesson 2.7)
Password reset: Getting started with Bubble (Lesson 2.8)
Section 3 overview: Getting started with Bubble (3.1)
Floating group menu & navbar: Getting started with Bubble (3.2)
URL parameters: Getting started with Bubble (Lesson 3.3)
Settings view layout: Getting started with Bubble (Lesson 3.4)
Form design: Getting started with Bubble (Lesson 3.5)
Workflows and logic: Getting started with Bubble (Lesson 3.6)
Signing up a company user: Getting started with Bubble (Lesson 3.7)
Company form data: Getting started with Bubble (Lesson 3.8)
Section overview: Getting started with Bubble (4.1)
Job view design: Getting started with Bubble (4.2)
Job data type & table: Getting started with Bubble (Lesson 4.3)
User privacy rules: Getting started with Bubble (Lesson 4.4)
Job popup design - part 1: Getting started with Bubble (Lesson 4.5)
Job popup design - part 2: Getting started with Bubble (Lesson 4.6)
Job workflow: Getting started with Bubble (Lesson 4.7)
Deleting a job: Getting started with Bubble (Lesson 4.8)
Job filtering: Getting started with Bubble (Lesson 4.9)
App privacy rules: Getting started with Bubble (Lesson 4.10)
Section overview: Getting started with Bubble (Lesson 5.1)
Page layout: Getting started with Bubble (5.2)
CSV upload: Getting started with Bubble (Lesson 5.3)
Job & sponsored card design: Getting started with Bubble (Lesson 5.4)
Search & filtering: Getting started with Bubble (Lesson 5.5)
Responsive design: Getting started with Bubble (Lesson 5.6)
Job page: Getting started with Bubble (Lesson 5.7)
No data UI: Getting started with Bubble (Lesson 5.8)
Section overview: Getting started with Bubble (6.1)
Candidate dashboard: Getting started with Bubble (6.2)
Work preferences: Getting started with Bubble (Lesson 6.3)
Candidate signup: Getting started with Bubble (Lesson 6.4)
Job application table: Getting started with Bubble (Lesson 6.5)
Popup application, part 1: Getting started with Bubble (Lesson 6.6)
Popup application, part 2: Getting started with Bubble (Lesson 6.7)
Privacy rules: Getting started with Bubble (Lesson 6.8)
Deleting files: Getting started with Bubble (Lesson 6.9)
Section overview: Getting started with Bubble (7.1)
Internal navigation: Getting started with Bubble (7.2)
Candidate view: Getting started with Bubble (Lesson 7.3)
Downloading files: Getting started with Bubble (Lesson 7.4)
Toggle filter: Getting started with Bubble (Lesson 7.5)
Candidate accounts: Getting started with Bubble (Lesson 7.6)
Analytics & charts: Getting started with Bubble (Lesson 7.7)
Page redirects: Getting started with Bubble (Lesson 7.8)
Section overview: Getting started with Bubble (8.1)
Dashboard navigation: Getting started with Bubble (8.2)
Chart data: Getting started with Bubble (Lesson 8.3)
Admin privacy: Getting started with Bubble (Lesson 8.4)
App navigation: Getting started with Bubble (Lesson 8.5)
App optimizations: Getting started with Bubble (Lesson 8.6)
Technical SEO: Getting started with Bubble (Lesson 8.7)
Third-party integrations: Getting started with Bubble (Lesson 8.8)
Deployment: Getting started with Bubble (Lesson 8.9)
Congratulations: Getting started with Bubble (Lesson 8.10)

Design Course

In this 2 part series, Gregory John teaches both marketing page design and application UI. The topics covered include design inspiration starting points, layout and spacing, element sizing, color, typography, responsive design and accessibility.

Landing page design in Bubble: (Design course part 1/2)
Application design in Bubble: (Design course part 2/2)

Bubble Basics for AI Builders (feat. Gregory John)

You just generated an app with Bubble AI — what’s next? In this course, you’ll learn how to iterate and scale using Bubble’s drag-and-drop visual editor.

Bubble Basics for AI Builders (feat. Gregory John) - IntroductionYou just generated an app with Bubble AI — what’s next? In this course, you’ll learn how to iterate and scale using Bubble.
Section 1: Adapt your app styles
Section 1: Adapt your app styles -Typography and colors (Lesson 1.1)
Section 1: Adapt Your App Styles - Customizing app-wide designs (Lesson 1.2)
Section 1: Adapt Your App Styles - Your app’s first UX touchpoints (Lesson 1.3)
Section 1: Adapt Your App Styles - Optimize for browsing and building (Lesson 1.4)
Section 1: Adapt Your App Styles - Edit spacing and alignment (Lesson 1.5)
Section 1: Adapt Your App Styles - Fine-tune page layouts (Lesson 1.6)
Section 1: Adapt Your App Styles - Leverage custom images (Lesson 1.7)
Section 1: Adapt Your App Styles - Making your app responsive (Lesson 1.8)
Section 2: Improve Your Design Skills (Introduction)Go deeper into Bubble’s design tools and make your app pixel-perfect.
Section 2: Improve Your Design Skills - Drag-and-drop components (Lesson 2.1)
Section 2: Improve Your Design Skills - Deeper customization of page designs (Lesson 2.2)
Section 2: Improve Your Design Skills - Perfect your designs for mobile (Lesson 2.3)
Section 2: Improve Your Design Skills - Display dynamic information (Lesson 2.4)
Section 2: Improve Your Design Skills - Customize your footer (Lesson 2.5)
Section 2: Improve Your Design Skills - Build a waitlist page (Lesson 2.6)
Section 2: Improve Your Design Skills - Leverage modular designs (Lesson 2.7)
Section 3: Start working with Data (Introduction)
Section 3: Start Working With Data - Get to know your database (Lesson 3.1)
Section 3: Start Working With Data - Organize your data (Lesson 3.2)
Section 3: Start Working With Data - Display data in a list (Lesson 3.3)
Section 3: Start Working With Data - Display data in a table (Lesson 3.4)
Section 3: Start Working With Data - Program popups (Lesson 3.5)
Section 3: Start Working With Data - Leverage static option sets (Lesson 3.6)
Section 4: Start Working With Logic (Introduction)
Section 4: Start Working With Logic - Program buttons (Lesson 4.1)
Section 4: Start Working With Logic - Create a user sign-up flow (Lesson 4.2)
Section 4: Start Working With Logic - Program an input form (Lesson 4.3)
Section 4: Start Working With Logic - Control content with conditional logic (Lesson 4.4)
Section 4: Start Working With Logic - Show the right pages to the right people (Lesson 4.5)
Section 4: Start Working With Logic - Organize your app's workflows (Lesson 4.6)

Getting Started With Bubble for Native Mobile (feat. Matt Neary)

Get ready to build your first native mobile app with Bubble. This Getting Started course, taught by instructor Matt Neary, will walk you through how to build your first mobile app.

Getting Started With Bubble for Native Mobile (feat. Matt Neary)
Welcome to the Course (Start Here)
What is a mobile app? (Course Introduction)Before we get into the editor, it’s worth taking a step back to making sure we understand the answer to this question.
Creating your first mobile app (Lesson 1.1)First things first: Let’s set up your Bubble app.
Mobile design & layout (Lesson 1.2)Before we do anything in Bubble, we need to understand how to construct a mobile interface.
Styles, colors, and fonts for mobile (Lesson 1.3)Learn how to establish a design system for your mobile app.
Building mobile tab navigation (Lesson 1.4)Virtually every mobile app in the app stores uses tabs for navigation.
Dynamic expressions for native mobile (Lesson 1.5)Dynamic data is at the heart of everything we do in Bubble.
Saving data with native mobile (Lesson 1.6)You’re going to learn how to set up a database that “remembers” the information users provide to your app.
Displaying data with native mobile (Lesson 1.7)Now that we have data in our database, it’s time to learn how we can retrieve that data and display it on-screen for our users.
Vertical lists in native mobile (Lesson 1.8)
Floating groups (Lesson 2.1)With a floating group, you can create elements that sit above everything else on the view + are anchored to a particular part of the screen.
Navigation basics (Lesson 2.2)In this lesson, we’ll break down what all these view types mean for building rich, native-feeling native apps.
Modal and stack navigation (Lesson 2.3)We’ll set up some of our core navigation architecture using views — specifically, our Sign Up and Create Trip views.
Form UI (Lesson 2.4)We’ve setup the skeleton of our Signup and Create Trip views. Now it’s time to complete their design and logic.
Users (Lesson 2.5)In this lesson, we’ll learn how the user data type works in Bubble and how to allow users to sign up for and log in to our app.
Conditional statements (Lesson 2.6)In this lesson, we’ll use conditional statements to display a button that prompts users to create their first trip.
View properties (Lesson 2.7)In this lesson, we’ll set up a view to display a trip’s details and use a view property to pass in the trip we want to display details about
Canvas placeholders (Lesson 2.8)Canvas placeholders are a super- handy feature that let us perfect our designs much more effectively within the Bubble editor.
Operators (Lesson 2.9)In this lesson, we’ll look at some examples of using operators to format date and number data.
Gestures (Lesson 2.10)In this lesson, we’ll set up swipe functionality to delete trips from our list of trips.
Sheets (Lesson 2.11)In this lesson, we’re going to see just one use case: adding a confirmation step before deleting something from our database.
Editing Data (Lesson 3.1)In this lesson we’re going to learn how we make changes to data that already exists in our database, as well as how to do this within a form which…
Conditional Logic (Lesson 3.2)So far, we’ve learned how to add conditional logic to elements within the design canvas. But, we can also use conditional logic in the context of workflows to unlock a…
Data relationships (Lesson 3.3)In this lesson, we’re going to add a new data type (diary entry) which has a relationship with another data type (trip). We’re going to learn how these relationships allow…
Diary entry form (Lesson 3.4)In this lesson, we’re going to build the view for creating a diary entry. This is REALLY similar to the form we’re using for creating a trip, so we encourage…
Nested views (Lesson 3.5)In this lesson, we’re going to round out our diary functionality by letting users click into and edit diary entries.
Option sets (Lesson 3.6)Option sets are an incredibly powerful feature in Bubble that allow us to define static data values to be used throughout our app. They are super flexible and powerful.
Search constraints (Lesson 3.7)In this lesson, we’re going to set up a simple search interface drawing from the “Trip type” option set we set up in the previous lesson.
Improving the search UX (Lesson 3.8)In this lesson, we’re going to build our filtering logic inside of a sheet, which is a common UX pattern for filtering a list.
Custom states (Lesson 3.9)Custom states are a fairly abstract concept and are often difficult for beginners to get their head around. But really, all they are is a container for data. In this…
Deleting a list of things (Lesson 3.10)We have the power in Bubble to delete multiple things at once. In our app, we want to use this power to delete all of the diary entries associated with…
What’s a Device Resource? (Lesson 4.1)How do get access to things like our user’s camera or location? These things we call “Device Resources,” and on Bubble, accessing them is super easy. In this lesson we’ll…
Camera and photo library access (Lesson 4.2)Time to learn how to save images that users take with their camera or upload from their photo library! In this lesson, we’ll learn how to handle, save, and display…
Setting up a draft diary entry (Lesson 4.3)In this lesson we’re going to set up this concept of a ‘draft’ thing in our database. This has the advantage of giving us a data type we can save…
Adding an image loading indicator (Lesson 4.4)After a user selects an image on their phone, they have to wait a few moments while it’s uploaded. While they’re waiting, we can set up a simple loading indicator…
Deleting images (Lesson 4.5)In this lesson we’re going to add the UI and logic for deleting an uploaded image.
Displaying images & advanced design tips (Lesson 4.6)
Horizontal lists (Lesson 4.7)Horizontal lists allow us to display a row of items that the user can scroll with their finger. They’re a super versatile element!
Long press (Lesson 4.8)In this lesson, we’ll learn about a new gesture - the long press!
Long press (Lesson 4.8)In this lesson, we’ll learn about a new gesture - the long press!
Geographic address (Lesson 4.9)Bubble gives us a whole host of ways in which we can work with addresses.
Device location (Lesson 4.10)Time to get our user’s location data! This device resource can unlock a whole host of interesting functionality for your app.
Map view (Lesson 4.11)Now that we can save our user’s location, lets learn how to visualize those locations on a map!