Bubble - Videos
Back to Channel
Understanding workload for native mobile (Lesson 5.8)
Everything your app does has a “cost,” and that cost is measured in workload. Just like anyone who runs a business will learn about profit and loss, every Bubbler needs to learn the economics of wo...
File security & why it matters (Lesson 5.5)
The chicest topic of all time returns: security. In Bubble, keeping your files secure is easy but requires a little bit of learning up front to understand what exactly we mean by “secure a file”. ...
Making bulk updates to your app database (Lesson 5.3)
So far in the course, we’ve been updating entries in our database one by one. But it’s also possible to bulk-update entries. In this lesson, we’ll learn how to do this to bulk update a bunch of di...
Creating privacy settings (Lesson 5.2)
In this lesson we’re going to use the humble checkbox element to control whether or not a trip is public. Making use of our new-found knowledge of privacy rules, this public setting is what’s going...
Connect your mobile app to an API (Lesson 5.9)
No app is an island. Every successful app is using other services to give it data or process information, and yours will be no different. APIs are how your app can talk to external services. Learn...
How to schedule backend workflows (Lesson 5.6)
All the workflows that we’ve built so far in the course are workflows that are triggered by our users in real time. But it’s also possible for us to schedule workflows to happen at some future tim...
🚀 ENHANCED Performance | September Product Update
Here's some Bubble updates to look forward to going into September: ✅ Database search performance enhancements ✅ Experts directory ✅ Six new releases for Enterprise customers ✅ Bubble Tour in Octo...
Which Mobile Apps won our $15K Summer Challenge? (Winners & Finalists)
We asked you to go mobile and you delivered. To everyone who participated in our Summer Mobile Challenge: thank you for showing the world what's possible with Bubble! Our winners — Scanimal (Yuri...
How Damiano Starr Is Shaking Up the Food Industry With ThinkCater
Damiano Starr, founder of ThinkCater, built apps with Bubble to eliminate manual processes in his catering business. But now he’s on a mission to help others in the food and catering industry, havi...
Displaying images & advanced design tips (Lesson 4.6)
00:00 Design inspiration 03:01 Designing the image group 10:11 Finessing the layout 13:36 Accounting for empty images 17:07 Finessing the navigation icons 20:02 Navigation logic 💻 View the Bubble ...
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! 00:00 How a horizontal list works 04:56 Setting up a list of imag...
Long press (Lesson 4.8)
In this lesson, we’ll learn about a new gesture - the long press! We’ll use it to set up a cover image for a trip that we draw from the images of that trip’s diary entries 00:00 How to set up a l...
Map view (Lesson 4.11)
Now that we can save our user’s location, lets learn how to visualize those locations on a map! 00:00 Adding the map tab 01:52 Adding our Google Maps API key 05:02 Display markers on the map 10:00...
Geographic address (Lesson 4.9)
Bubble gives us a whole host of ways in which we can work with addresses. In this lesson, we’ll learn what a ‘Geographic address’ type of data is and what we can do with it. Bubble’s Manual entr...
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. 00:00 Requesting location permissions 03:50 Getting location data via ...
Deleting images (Lesson 4.5)
In this lesson we’re going to add the UI and logic for deleting an uploaded image. 💻 View the Bubble editor for this lesson: https://bubble.io/page?id=wanderlog-rehearsal-2&tab=Design&name=diary+e...
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 using custom states. I challenge...
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 files to (like our user’s uploaded images). In the ...
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 images that come from our user’s...
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...