
Learn to create reusable elements that group visuals and workflows, build once, apply across pages like headers and footers, attach data sources, update and manage data, saving development time.
Learn to create your Bubble app and establish basic styles, including text, button, and group styles, while configuring typography, layout, and SEO-ready heading tags for a consistent, performant design.
Learn to build a floating side menu pinned with align to parent and line to parent, with top buttons and bottom settings, using text elements and font awesome icons.
Design and customize a team members view in Bubble by copying, pasting, and reformatting cards, adding avatars and bios with two-row truncation, and switching views with the v=members parameter.
Explore modeling a team as a collection of members with projects and tasks, and learn the sign-up workflow to create a team and link users to it.
Learn to invite external users securely in a SaaS app by creating accounts, assigning a temporary password, and sending an invitation email while enforcing privacy rules.
Open the project editor pop-up from the three dots in bubble. Use edit mode with state and conditionals, preload data, and update title, due date, image, and members.
Style the members directory and ensure the null state appears at the right time using a card-based default group and a repeating group bound to current user's team data.
Define and apply user roles (admin, editor, and viewer) and use a role option set to control inviting, data creation, and UI access in the team dashboard.
Learn mobile responsive design for project management software by using width-based conditions and a floating left navigation with smooth left-in animation, plus mobile padding adjustments.
Consolidate the brand by refactoring the login page, adding a geometric image, and adjusting padding for responsive layouts; apply the purple brand button on login and sign up.
This course is the perfect introduction to Bubble and covers 6 years of my Bubble experience rolled up into an extensive introductory course. By the end of this course, you'll be well on your way to being a mid tier Bubble developer armed with enough knowledge to starting building applications independently.
Not only do we cover the technical aspects of creating an application, but I'll be dropping hints and expanding on the UX and UI side of app development, which means how users experience and interact with your software and how to improve retention.
Good design practises will form the backbone of all our implementation decisions and in fact, our dashboard will be mobile responsive. That's right, viewable and functional on a phone. We won't be doing different design for mobile, it will all be done on the same page.
In this 14hr course we'll be building a production ready project & task management application called Collab that includes:
Building a dashboard style application
Creating user accounts
Signup & login workflows
Project & team collaboration
Task management
Team creation
Inviting external users
User roles
Permissions
Privacy rules
UX design
The technical & design skills you will learn include:
The Bubble Editor
Page layout and design
Workflow logic
Database design
Using styles
Custom States
Repeating group filtering and sorting
Dynamic data integration
Basic SEO settings
Image processing with Imgix
Conditional statements
Responsive design
Deploying your app live