Bubble - Videos
Back to Channel
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 learn high level about ...
Introducing the Figma to Bubble Converter
Convert your Figma designs into responsive, pixel-perfect Bubble elements in just a few clicks — for free. https://bubble.io/figma-to-bubble Subscribe to this channel to be the first to hear about...
Bubble Mobile Hackathon in PARADISE | 18 Devs, 5 Teams, 1 Competition
Bubble Greek House (organized by Sarah Esteve) brought 18 professional Bubble Developers to Crete, Greece to network and learn from one another. Participants came from 11 countries, including the U...
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 a trip whenever we delete that trip. In this...
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 lesson, we’ll use custom states...
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. 00:00 Building the UI 07:06 Finessing the sheet appearance 10:21 Impr...
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. To do so, we’re going to revisit how search constraints wo...
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. 00:00 What is an option set...
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. 💻 View the Bubble editor for this lesson: https://go.thinkitbuildit.co/pD2rJur ...
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 you to try to build this yourself first...
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 us to power any kind of ...
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 whole new way of powering ou...
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 we’re already using to create data. 00:00 Configu...
Founder Q&A: Albert Astabatsyan on Synthflow’s Journey to $20M Series A
Join us for a live Q&A with Albert Astabatsyan, co-founder of Synthflow, the voice AI platform that just raised a $20 million Series A. You’ll hear firsthand how Albert navigated the challenges of ...
Sheets (Lesson 2.11)
Sheets are an incredibly versatile element in mobile apps. In this lesson, we’re going to see just one use case: adding a confirmation step before deleting something from our database. 00:00 Sheet...
Gestures (Lesson 2.10)
One of the unique aspects of designing for a touch interface like a smartphone is that there are more ways users can interact with the app besides clicking (or tapping). They can also swipe with th...
Operators (Lesson 2.9)
Operators are the bread and butter of Bubble. You can add them to any dynamic expression to modify the preceding part of the expression. In this lesson, we’ll look at some examples of using operato...
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. View the whole course: bble.io/bubble-mobile-intro-course Follow and...
View properties (Lesson 2.7)
View properties are like little windows that let us pass data into a view and then use it there. In this lesson, we’ll set up a view to display a trip’s details and use a view property to pass in t...
Conditional statements (Lesson 2.6)
Conditional statements allow our elements to react to other parts of our app in real time. In this lesson, we’ll use conditional statements to display a button that prompts users to create their fi...
Users (Lesson 2.5)
The “user” data type is the backbone of almost every app we build. It’s a special data type with many special properties and actions. In this lesson, we’ll learn how they work in Bubble and how to ...
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. 00:00 Cleaning up the Sign Up form 03:51 Safe area 05:05 Form validation 08:05 Desig...
Modal and stack navigation (Lesson 2.3)
This lesson builds off the last one. We’ll set up some of our core navigation architecture using views — specifically, our Sign Up and Create Trip views. 00:00 Opening view as a modal 02:16 View b...
Navigation basics (Lesson 2.2)
We build our mobile interfaces out of views. The way users navigate between those views depends on whether you choose to open a view as a tab, on the stack, or as a modal. In this lesson, we’ll bre...
Floating groups (Lesson 2.1)
With a floating group, you can create elements that sit above everything else on the view and are anchored to a particular part of the user’s screen. They’re really handy for floating buttons, aler...
From WordPress MVP to 5-state GovTech app on Bubble
#bubblenocode #startupsuccess #nocode Upfront transformed from a WordPress MVP to a 5-state government platform reaching 2 million+ families — and building 4X faster — with Bubble. Learn more ab...
Bubble for Native Mobile (June 10 Livestream Replay)
Imagine turning your idea into a published mobile app – without writing a single line of code. Or if you already have a web app, imagine scaling your business to iOS, and Android — all from a singl...
Build it with Bubble | AI app development for iOS, Android & web
Bubble is an AI app development platform for web, iOS, and Android that enables anyone from first-time entrepreneurs to enterprise-level companies to take an idea from prompt to fully functional, s...
Introducing Bubble for native mobile (beta)
Introducing Bubble for native mobile, now in public beta. Bring your mobile vision to life without code – on a complete platform that offers everything you need to design, build, test, and publish...
Native mobile for Bubble Developers (feat. Jeremy Alexander)
In this 45-minute deep dive, we explore the key differences between building for mobile vs. web in Bubble. Join Product Enablement Manager Jeremy as he walks through a complete mobile app, highligh...
Vertical lists in native mobile (Lesson 1.8)
The vertical list view is a staple of native mobile app design. On mobile, when we want to display multiple items from the database on-screen, most of the time we’ll use a vertical list. In this...
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. We’re going to retrieve a single item from our database in this less...
Saving data with native mobile (Lesson 1.6)
This may be the most important lesson in the entire course. You’re going to learn how to set up a database that “remembers” the information users provide to your app. 00:00 Creating our form 04:03...
Dynamic expressions for native mobile (Lesson 1.5)
Dynamic data is at the heart of everything we do in Bubble. It lets us pull in data from a given place, even when we don’t know ahead of time what that data will be. 00:00 What are dynamic express...
Building mobile tab navigation (Lesson 1.4)
Virtually every mobile app in the app stores uses tabs for navigation. It’s an effective navigation pattern that mobile users recognize and expect, and Bubble supports this navigation structure out...
Styles, colors, and fonts for mobile (Lesson 1.3)
Learn how to establish a design system for your mobile app. By doing this up front, we’ll make sure our entire app’s design follows a consistent, polished aesthetic. 00:00 How styles work 03:36 Fo...
Mobile design & layout (Lesson 1.2)
Before we do anything in Bubble, we need to understand how to construct a mobile interface. This is one of the longer videos in the course but also one of the most important! Our interfaces are ma...
Creating your first mobile app (Lesson 1.1)
First things first: Let’s set up your Bubble app. In this lesson we’ll: - Create a new mobile app - Learn how to preview what our app looks like to our users Note: - We HIGHLY RECOMMEND that you b...
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. It’ll make everything we do from here on out much more intuitive! View the wh...
Welcome to the Course (Start Here)
Welcome to Getting Started with Bubble for Native Mobile! In this course you’ll learn everything you need to know to build your first mobile app with Bubble. The course is split over seven sectio...
How James Built an Event Mobile App in Just Weeks With Bubble!
Explore Create With (Mobile), an AI-enhanced live event companion app! In this Bubble app tour, James Devonport shows us the mobile companion app he and his team built to help attendees at the ann...
Generating a Motivational Fitness App with Bubble AI (feat. Sonia Toqqe)
Curious about Bubble AI, or not sure where to start with your AI-generated app? Follow along as Bubble Developer Sonia Toqqe uses Bubble AI to generate a personal fitness tracker complete with moti...