Bubble Course

Become a No-Code Web App Developer

Subscribe - $28 / month Subscribe - $280 / year Free Preview

Course curriculum

1. Introduction
  FREE PREVIEW
2. Create a New App
3. Bubble Interface Run Through
4. Next steps
5. Visual Elements
6. Using Containers
7. Input Forms
8. Reusable Elements
9. General and Domain Settings
10. SEO and Other Settings
11. Reading Logs
1. Building a Page is Loaded Basic Workflow
2. Create a User Signup Popup
3. Show or Hide Password on Button Click
4. Creating Data Types and Data Fields
1. Set Default UI Styles
2. Installing Plugins
1. What You're Going to Build
2. Create a New App
3. Build the App Landing Page
4. Embed Youtube Video Into Your App
5. Add Sign Up Popup
6. Sign In With Facebook
1. Create App Header
2. Change Between Pages
3. Create User Data Fields
4. Building the Profile Front End
5. Using Text and Radio Button Input Fields
6. Creating a Date Picker
7. Responsive Settings of Input Elements
1. Saving User Inputs to Database
2. Calculating a Users' Age
3. Alert Message and Setting Initial Content
4. Autobinding on Current User
5. Custom States with Reusable Elements
6. Building Constraint Settings
7. Log Out Button
8. Custom States Assignment
1. Installing the Tinder Pile Plugin
2. Create Your Own Tinder Pile
3. Add Data to Database
4. Matching Two Users Who Like Eachother
5. Using Popups
6. Workflows on Popups
1. Design of Messenger
2. Troubleshooting Workflow Actions
3. Displaying Data in a Repeating Group
4. Understanding Various Repeating Group Types
5. Adding Conditionals
6. Linking Data Types
7. Create a New Chat
8. Sending Parameters to Page
9. Using Icons
10. Repeating Group Scroll to Entry
11. Testing Communication Between Users
12. Comparing Single-Line Input vs Multi-Line input
13. Detecting Read Messages
14. Message Notifications
15. User Testing
16. Notification in Header
17. Send Message Button After Match
18. Testing the Send Message Button
1. Navigate to Previous Page
2. Allow Location with Browser
3. Deploying to the World
1. Introduction to the API Connector
2. What Each Field of the API Connector Actually Does
3. Reading API Documentation
4. API Methods
5. Using JSON Objects
6. Degrees to Radians Converter
7. Using API Calls in Workflows
8. Monetize your App with Ads
1. Demo of the Chatbot You Will Build: AmazonGPT
2. Testrun of AmazonGPT
3. Create Bubble Account and Create New App
4. Log User In
1. Using the API Connector
2. Create Headers and Authorization
3. Configure Parameters
1. Create Message Data Type
2. Create New User
3. Create JSON Formatted User Message
4. Join JSON Messages for Thread
5. Create Assistant Message
1. Debugging the 400 Error
2. Assign User and Assistant Messages
3. Formatting the System Message for Bubble
4. Formatting the User and Assistant Messages for Bubble
5. Debugging Repeating Group
1. Improving User Experience of Input Field
2. Make Links Clickable
3. Change Colors of UI
4. Aligning Elements to Center
5. Differentiating Between User and Assistant Messages
6. Add in Icons
7. Adjusting Margins
8. Remove Scroll Bar
9. Send Message UI
10. Align Elements on Page
1. Improving Responsiveness of Header and Making Logo
2. Add Logo to Sign Up Page
3. Legal Disclaimer
4. Adding Another Legal Disclaimer
1. API Key Encryption
2. Configure GPT-4
3. Add Loading Spinner for Better UX

Bubble Course

Course curriculum

Sprint 1: Kickstart - Build Your First No-Code App

Sprint 2: Visual Design Elements

Sprint 3: Workflow and Data Types

Sprint 4: Styles and Plugins

Sprint 5: Tinder Clone Introduction and Setup

Sprint 6: Designing the User Interface

Sprint 7: Data Handling and User Interaction

Sprint 8: Implementing Core Features

Sprint 9: Messaging and Notifications

Sprint 10: Finalizing and Deployment

Sprint 11: Introduction to the API Connector

Sprint 12: Introduction to AmazonGPT and Setup

Sprint 13: OpenAI API Integration

Sprint 14: Data Handling and Message Configuration

Sprint 15: Debugging and Message Formatting

Sprint 16: Enhancing User Interface and Experience

Sprint 17: Branding and Legal Considerations

Sprint 18: Security and Advanced Configuration

About this course