The Bubble Beginners Bootcamp Course

Build a responsive dashboard app to manage projects, tasks, and team members, with editable tasks, assignments, invites, and multitenant access across teams.

Learn how to get help in bubble by using ed links, the dashboard workflows, the bubble forum, and coaching from Bill Camp while adhering to etiquette and course scope.

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.

Design and implement buttons, inputs, and groups using clean typography, black and gray color schemes, and brand color swatches, with hover feedback, transitions, and wireframe to solid styles.

Design a dashboard page in Bubble by wireframing layouts, using floating groups for a sticky header and left menu, and preview responsive changes across devices.

Explore responsive header design in Bubble, leveraging collapse in width and conditionals to adapt layouts from desktop to mobile, with avatars, menus, and visibility rules.

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.

Set up a temporary data source using an option set to prefill repeating groups, enabling views of projects, tasks, and members even before a real database exists.

Create a project repeating group that pulls data from an option set to display a responsive grid of cards with image, title, and edit icon.

Design a responsive project card by wiring a repeating group to a parent data source, using dynamic images with 16:9 aspect ratio, and applying 40-pixel padding and 40-pixel margins.

Create a project header above a repeating group and a professional null state for no projects, including a new project button, status dropdown, and responsive tweaks at 960px.

Create a task group interface that toggles between projects and tasks via URL parameters, using a responsive, table-style repeating group to display and manage tasks within projects.

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.

Design a login page with sign up and onboarding flows, using a two-panel left-right layout and a 640 rule, focusing on margins, padding, and accessible text over a background image.

Build a sign up flow with form validation, email and password inputs, terms agreement, and a yes/no state that toggles a checkbox, in a responsive edge-to-edge layout.

Set the login screen as the default view and implement switchable login and sign-up views using visibility toggles and a page URL parameter V to dictate state.

Build a simple onboarding flow in bubble that signs up a user, collects a profile image, first name, last name, and position in a pop-up, then navigates to the dashboard.

Master the login flow, log out to the dashboard, and implement password change and reset via emailed token and the built-in reset page in Bubble.

Explain how privacy rules secure data on the server, control who can see teams, projects, and tasks, and balance client-side hiding with server-side access.

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.

Learn how invited users log in using a pre-filled email from the invitation URL, switch from a temporary to a personal password, and complete onboarding.

Design and implement a project popup on the dashboard, defining the project data type with title, team, image, and due date, and enabling CRUD operations and team member assignment.

Learn project workflow in bubble, including checkbox functionality and creating a new project. Configure privacy rules to show team data, and use a date and time picker for due dates.

Learn how to manage state lists in Bubble, adding and removing users from a project with a custom state, plus item, contains checks, and visual checkbox feedback.

Learn to build a data-driven project dashboard in Bubble, connecting projects to the current user, using repeating groups with a default group, and applying image processing and card styling.

Explore privacy-focused project access in a team-based app, showing how membership rules such as members contain current user govern project visibility and secure server-side data.

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.

Master a delete workflow in Bubble by adding a conditional delete button in edit mode, implementing a double-confirm prompt with are you sure, and resetting states after deletion.

Configure a status filter using a dynamic option set in a dropdown to classify projects as new, in progress, or complete, linking to the repeating group with constraints.

Learn how to model tasks and their one-to-many relationship with projects in Bubble, populate a task repeating group, filter by status, and pass project data via page parameters.

Design a task view with repeating groups for tasks and members, using default and card groups, and dynamic data with hex color statuses to create a responsive, aligned project view.

Build a task CRUD workflow in Bubble by copying and reusing components, wiring up pop-up task forms with title, summary, due date, status, and project member associations.

Explore privacy in Bubble apps by enforcing project and task membership, role-based access, and dynamic visibility of repeating groups, with tasks created only when linked to a project.

Finish tidying the user interface by creating a reusable tab style and applying it to projects, tasks, members, and settings, while refining colors, fonts, and dynamic data handling.

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.

Create and refine a dynamic view task popup that displays the task title, summary, due dates, status, and assigned members, with configurable layout, padding, and open/close interactions.

Create a mini admin dashboard for the admin role, showing team stats and a repeating group of members with their active projects and tasks.

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.

Practice app testing by iterating on data, fixing niggles, and validating workflows. Create a new team, assign admin roles, set due dates, and test sign up and invitations.

Design a simple, responsive header with a left text and right image hero, using a reusable header component and brand colors to shape a minimum viable product marketing page.

Build a responsive hero with left and right columns that reflow at 960 and 640 breakpoints, adjust heading sizes, and wire a start your free trial button to sign-up.

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.

Discover how to deploy your Bubble app to live, set up domains and transactional email, optimize SEO, and manage data with save points and live versus test databases.

Celebrate your progress in the bubble beginners bootcamp course and reflect on the challenges overcome, then share feedback on Twitter as you continue learning with Bill Camp's upcoming projects.