Introduction
  • The app we are going to build in this course
  • Bubble Editor introduction
Building the homepage
  • Tips to design responsive layout
  • The differences of Rows and Column. How to choose one?
  • Using Row and Column in Bubble Editor. Set child's width based on Parent Width
  • Design Header's Logo
  • Create the Buttons on Header
  • Conditional Layout in Bubble: Design Header Responsively
  • Homework #1: Improving the header
  • Body Section: Create Hero section with Heading, Subtitle and buttions
  • Add A Hero Image Element
  • Make the Hero section responsive with Conditional Layout
  • Homework #2: Add styles and hover behavior for buttons
Basics about Workflow and Database in Bubble: Design your app data
  • Section introduction: Tell you what we will do in this section
  • Do basic Workflow and Action in Bubble: Go to a new page
  • Create a new page in Bubble: Create Trending page
  • Concept about the database (table, fields, and record) and how to design it
  • Design Color table, Palette table and their fields
  • Add new entry to Palette table. Homework #3: Fill more data to Database
  • Repeated Group - Loading list of data from database with Bubble
  • Display color for testing and update the database
  • Analyze the frontend: What's Nested Repeated Group in Bubble
  • Display data in the nest repeated group
  • Advance: Upload and generate data via CVS (Optional)
  • Homework #4: Style Repeated Group and add an icon
User authentication for the app
  • Create a Pop up Required login
  • Add Text Input Email and Password to the pop-up
  • Create a sign up page
  • Add User Authentication workflow: Sign user up and the Use Only condition
  • Visible on page load and create an avatar group
  • Create a sign out feature
  • How to use Reusable Element in Bubble: The Popup Login
  • Homework #5: Practice to create and use Reusable Element in Bubble.
Tips to design layout faster and better with Bubble
  • Use Bubble Component Collection to build UI faster in Bubble - Build Footer
  • Design Go Pro Popup
Publish App, Conclusion and what's next
  • SEO/MetaTags, Custom Domain & Publish app
  • What we have learned so far and what's next