Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Complete Bubble Developer Course: Build Apps Without Coding
Introduction
Introduction to Bubble (2:13)
Quick note (0:47)
Create a new app (3:54)
Bubble interface run through (8:22)
Visual Design Elements
Visual elements (11:15)
Containers (7:23)
Input forms (16:29)
Reusable elements (5:25)
Workflows and Data Types
Workflows part 1 (3:08)
Workflows part 2 (8:28)
Workflows part 3 (7:33)
Data (13:02)
Styles and Plugins
Styles (4:17)
Plugins (9:28)
Settings and Logs
Settings Part 1 (8:13)
Settings Part 2 (7:11)
Logs (5:35)
Interactive Learning Assignments
Introduction to interactive tutorials (0:34)
Saving data
Building a sign up system
Saving and modifying data
Building a slideshow
Sending data to pages
Using conditions
Using APIs and sending data to groups
Defining a field as a list of things
Using external APIs
Using the chart element
Login with Facebook
Tinder Clone Part 1: Building the Profile Page
Tinder intro (1:53)
Getting the most from this course
What you're going to build (5:24)
How to start a new app (7:42)
Create landing page of app (5:54)
Embed Youtube video into your app (2:37)
Add sign up popup (8:58)
Set up sign in with Facebook (6:04)
Create app header (7:22)
Change between pages (6:16)
Create user data fields (6:37)
Front end profile (5:49)
Using input fields for profile info part 1 (9:28)
Using input fields for profile info part 2 (6:53)
Responsive settings of input elements (3:51)
Saving user inputs to database (11:31)
Calculating a users age (8:33)
Alert message and setting initial content (5:16)
Set up autobinding on current user (10:55)
Custom states with reuasble elements (10:45)
Constraint settings (8:46)
Log out button (5:40)
Custom States Assignment (9:13)
Tinder Clone Part 2: Building the Home Page
Tinder pile plugin (6:25)
Create your own Tinder pile (10:14)
Add data to database (6:43)
Matching two users who like each other (9:43)
How to use popups (11:02)
Workflows on popups (6:44)
Troubleshooting workflow actions (4:23)
Displaying data in a repeating group (6:39)
Tinder Clone Part 3: Building the Messenger Page
Repeating group options (6:24)
Adding conditionals (5:03)
Linking data types (7:10)
Create an new chat (9:25)
Sending parameters to page (7:56)
Using icons (12:25)
Repeating group scroll to entry (7:53)
Testing communication between users (6:37)
Front end design of messenger (4:53)
Input vs multi-line input (3:54)
Detecting read messages (4:05)
Message notifications (4:29)
User testing (3:01)
Notification in header (5:34)
Send message button after match (4:16)
Testing the send message button (2:53)
Navigate to previous page (7:53)
Allow location with browser (8:00)
What are APIs?
Introduction to APIs (0:50)
Introduction to the API Connector (5:57)
API Connector overview (7:11)
API Example 1: Degrees to Radians Converter
Understanding API documentation (5:47)
API Methods (2:45)
Using JSON objects (6:50)
Degrees to radians converter (11:14)
Using API calls in workflows (11:43)
Monetize your app with ads (4:39)
API Example 2: Spy on peoples details using only their email address
Introduction to Full Contact API (3:08)
What we are going to build (0:54)
Get your Full Contact API (1:57)
Authentication (2:42)
Parameters (4:58)
Get data from API in workflow (5:51)
Displaying data and debugging (11:29)
Testing results (6:15)
Final touches (14:13)
[API Project] Instructions (3:47)
[API Project] Solution (2:38)
Conclusion
WeMatch (Tinder Clone) App Template
E-spy App Template
Degrees to Radians Converter App Template
Stock Data Lookup App Template
Conclusion final (0:46)
Send message button after match
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock