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…