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.

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.