No-Code & AI Software Development

Introduction & Foundations  

•    Welcome
•    Course Approach and Discord
•    The Bubble Mindset
•    Your First App
•  
•    Moving Data Around
•  
•    Creating a More Details 
•  

•    Users
  
•  

• 
     Creating a ‘send a message’ Pop Up
  
•  
•    Conditional Behaviour
•  
•    Add a ‘Delete listing’ Feature
•  

•    Make Changes To Data
•  
•   Setting up an ‘Edit Listing’ Form
  
•  
•    Conditional Workflows
•  
•   Making our buttons multi-purpose
•  
•   Pages & Navigations
•  
•   Reusable Elements

Working With Data

•   Introduction to database structures
•   Simple Data Relationships
• 

    Creating a ‘Job Category‘ Feature

  
  
  
• 

    Search Constraint

•   Adding Search Filters To Our Job Search
•  
•   Connecting Multiple Data Types
•  
•   Creating a Job Application Feature
•  
•   Advanced Filters, the Server, and the Client
•  
•   Options Sets
•  
•   Manage Application Statuses
•  
•   Custom Sets
•  
• Create Portal Page with Edit Account Mode
•  
•   Privacy Rules
•  
•   Adding Privacy Rules to our App
•  
• URL parameters
•  
•  
•  

Responsive Interfaces

•   Your first responsive page: Recreating the Bubble home page
• 

    Make job listing details page responsiver

•   Sending search constraints between pages
•  
•   Floating and focus groups
•  
•   Breakpoints
•  
•   Make job listing header responsive
•  
•   Re-creating Bubble’s signup form – Navigation logic 
•  
•   Re-creating Bubble’s signup form – Creating UI 
•  
•   Re-creating Bubble’s signup form – Input Formatting 
•  
•   Within-page Navigation Using URL Paths
•  
•   Bonus: Smooth, Animated Breakpoints
•  
• Portal page Navigation with URL Paths
•  
•   Account Settings Edit Mode
•  
• Making a Responsive Table
•  

Planning

• 

  Start Our App Scope

• 
  

  Mapping Our App Pages

• 

  Creating our Detailed Scope (with wireframes)

•    Just Enough Design to be Dangerous
•  
•    Designing our app aesthetic – Summary
•  
•    Design our app aesthetic – Walkthrough
•  
•    Style Variables and Color
•  
•    Database Design
•  
•    Adding our Privacy Rules
•  
•  

Sign Up and Navigation

• 
  

  Build Signup Page UI

• 

      Add Signup Page Navigation Logic

• 

      Add Signup Form Navigation Logic

•     Add Signup/Login with Email Logic
•  
• 
  

  Cleaning up Workflows

• 

      Add Forgot Password Logic

• 

      Build Header UI

• 

      Add Header Logged Out View Logic
  

•     Navigation Architecture
•  
•     Page Attributes
•  
•     Page Access
•  

•  

   

Creating Listings

• 

      Create Listing Page Navigation
  

• 

   

   

    Build Create Listing Page UI Structure

• 

      Build Create Listing Page UI Forms

• 

      Multi Image Uploading

•  
•     Backend Workflows
•  
•     Recursive Workflows / Loops
•  
•     Drag and Drop Re-ordering
•  
•     Lottie animations
•  
•     Restricting Number of Uploads
•  
•     Multi-Select Module
•  
•     SVG icons
•  
•     Create Listing Logic
•  
•  

Search Page | Reserving Listings |Dashboard

• 

    Build search page UI

• 

   

   

  Manipulating test data in bulk

• 

    Build search logic
  

•   Create listing UI
•  
•   Create multi-image viewer
•  
•   Reserve listing logic
•  
•   Charging your first user with Stripe
•  
•   Setting up marketplace payments (peer-to-peer)
•  
•   Connecting register as seller stripe logic
•  
•   Connecting stripe logic to payment flow
•  
•   Consolidating logic in backend workflows
•  
•   Saving the payout amount
•  
•   Practical use cases of URL parameters
•  
• A few tweaks to our dashboard navigation logic
•  
•  Create Dashboard UI
•  
•  Local text variables
•  
•  Add dynamic sorting
•  
• 3 dot menu Ui
•  
• Leave review logic
•  
• Database triggers
•  
• Displaying payment receipts via Stripe API
•  
• Create leaser dashboard UI
•  
• Amending data structure for privacy rules
•  
• Creating reusable, hoverable info card
•  
• Edit listing logic
•  
• Soft vs hard deletion
•  
• Create page UX tweaks
•  

 Messaging| Account Page|Extending your App

• Chat logic
  
  
• Chat UI
•  
• Reverse scroll chat
•  
• Reusable events – connecting our chat module
•  
• Create account UI
•  
• • • Autobinding
  •  
  • Update the users credentials
  •  
  • API basics
  •  
  • API authentication
  •  
  • POST calls with simple JSON
  •  
  • Webhooks
  •  
  • Webhook Security
  •  
  • Intro to OAuth
    
    
  • OAuth with Pathfix
•  
•  

 Finishing touches