The Bubble Beginners Bootcamp Course from Udemy

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

What's inside

Learning objectives

Building a dashboard style application
Mastering the bubble editor
Setting up the database
Running workflows

Responsive design
Ux design
And much more...

Building a dashboard style application
Mastering the bubble editor
Setting up the database
Running workflows
Responsive design
Ux design
And much more...

Syllabus

You'll get a good overview of the Bubble editor and the various tools and elements available to you to build with

Editor overview

Canvas settings

The inspector

Elements & inputs

Containers

The database

Dynamic data

Repeating groups

Option sets

Reusable elements

Workflows

States & conditionals

Debugger bar

Overview & prep

Project overview

How to get help

Create app & font styles

Buttons inputs & group styles

Dashboard design

Page layout

Header

Side menu

Project RG

Project RG card

Project header & null state

Task group

Team group

Users

Onboarding

Privacy

Teams

Create a team

Invite team members

Projects

Project popup design

Project workflow

State lists

Project RG design

Create more project data

Editing projects

Deleting projects

Filtering RG's

Tasks

Task data

Task view design

Task CRUD

UI tidy up

Members, roles & admin

Members view

User roles

View task popup

Admin area

Mobile & testing

Mobile responsive design

App testing

Landing page & brand

Hero

Brand refactor

Preparing for deployment

Conclusion

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Teaches UI design, which is critical to the digital user experience and industry best practices

Develops foundational and advanced knowledge of Bubble, a comprehensive and industry-standard no-code app development platform

Taught by Bubble expert Gregory John, who has extensive experience in the field and is highly regarded for his leadership in app development, no-code development platforms, and Bubble

Suitable for intermediate Bubble developers and professionals looking to build upon their existing skills in app development

Provides job-ready skills and knowledge in demand in the tech job market

Requires some familiarity with Bubble, as it is recommended to have foundational knowledge before enrolling

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in The Bubble Beginners Bootcamp Course with these activities:

Organize Your Course Materials

Show steps

Organize your course materials (notes, assignments, and resources) into a structured format for easy reference and review.

Show steps

Create folders or use a note-taking app to organize your materials by topic
Use consistent file naming conventions
Highlight or annotate important sections

Attend a Bubble user group meetup

Show steps

Attending a Bubble user group meetup is a great way to connect with other Bubble users and learn about new techniques.

Browse courses on Networking

Show steps

Find a Bubble user group meetup in your area
Attend the meetup
Connect with other Bubble users

Join a Bubble.io Community

Show steps

Join an online community or forum for Bubble.io users to connect with other learners, ask questions, and share knowledge.

Show steps

Search for Bubble.io communities or forums online
Join a community that aligns with your interests and goals
Participate in discussions, ask questions, and share your own experiences

Seven other activities

Expand to see all activities and additional details

Show all ten activities

Practice building user sign up flows

Show steps

Building user sign up flows is a basic task that helps reinforce your understanding of creating workflows and user interfaces.

Browse courses on Forms

Show steps

Create a new page
Add a sign up form
Create a workflow to save user data

Bubble Editor Practice

Show steps

Practice using the Bubble editor to familiarize yourself with dragging and dropping elements and setting up their properties.

Show steps

Create a new Bubble app
Add a new page to your app
Drag and drop some basic elements like buttons, text inputs, and images onto the page
Set the properties of these elements, such as their text, size, and position

Creating a User Interface with Bubble.io

Show steps

Follow a guided tutorial to learn the basics of creating a user interface in Bubble, including adding elements, styling them, and creating responsive layouts.

Browse courses on User Interface

Show steps

Watch a video tutorial on creating a user interface in Bubble
Follow along with the tutorial to create a simple landing page
Experiment with different UI elements and styles

Create a landing page for a project you want to build

Show steps

Creating a landing page will let you apply the design principles you learn in the UI/UX sections of this course.

Browse courses on UI Design

Show steps

Sketch out your landing page
Think about your call to action
Design the visual elements

Build a Simple To-Do List App

Show steps

Build a simple to-do list app in Bubble to apply your skills and reinforce your understanding of the platform.

Browse courses on Application Development

Show steps

Design the database structure for your app
Create a user interface for adding, editing, and deleting tasks
Implement the logic for saving and retrieving tasks
Deploy your app and share it with others

Follow tutorials on advanced data filtering using Bubble

Show steps

Data filtering is a powerful technique for managing complex data sets. Following tutorials will help you refine your skills in this area.

Browse courses on Data Filtering

Show steps

Find tutorials on advanced data filtering
Follow the steps in the tutorials
Experiment with different filtering techniques

Write a Blog Post on Bubble.io Features

Show steps

Write a blog post or article summarizing Bubble's key features and how they can be used to build different types of applications.

Browse courses on Features

Show steps

Research the features and capabilities of Bubble.io
Choose a specific topic or feature to focus on
Write a detailed blog post explaining the topic and providing examples

Career center

Learners who complete The Bubble Beginners Bootcamp Course will develop knowledge and skills that may be useful to these careers:

UI/UX Designer

UI/UX Designers are responsible for the user experience and interface of websites and applications. This course can help UI/UX Designers build a strong foundation in Bubble, a platform that allows for rapid prototyping and design iteration. The course covers key UI/UX principles and provides hands-on experience with Bubble's design tools.

See salaries and explore the career path for UI/UX Designer

Freelance Web Developer

Freelance Web Developers work on a contract basis to build and maintain websites and web applications. This course can be a great starting point for aspiring Freelance Web Developers, as it provides a comprehensive overview of the Bubble platform, teaches key software development concepts, and guides students through the process of building and deploying their own applications.

See salaries and explore the career path for Freelance Web Developer

Product Manager

Product Managers are responsible for the overall vision and execution of software products. This course can be valuable for aspiring Product Managers, as it provides a comprehensive overview of the software development process, from design to deployment. The course also covers key concepts like user experience, data analysis, and project management.

See salaries and explore the career path for Product Manager

Web Developer

Web Developers are responsible for building and maintaining websites and web applications. This course can be a great starting point for aspiring Web Developers, as it provides a comprehensive overview of the Bubble platform and covers crucial skills like database management, workflow logic, and responsive design.

See salaries and explore the career path for Web Developer

Project Manager

Project Managers are responsible for planning, executing, and delivering software projects. This course can help aspiring Project Managers develop a strong understanding of the software development process and best practices. The course covers key concepts like project planning, risk management, and stakeholder management.

See salaries and explore the career path for Project Manager

Technical Writer

Technical Writers are responsible for creating user manuals, documentation, and other written materials that explain technical concepts. This course can help aspiring Technical Writers develop a strong understanding of software development principles and best practices. The course covers key concepts like technical writing, documentation standards, and content management.

See salaries and explore the career path for Technical Writer

Information Architect

Information Architects are responsible for designing and organizing the structure and content of websites and applications. This course can help aspiring Information Architects develop a strong understanding of software development principles and best practices. The course covers key concepts like information architecture, content strategy, and user experience.

See salaries and explore the career path for Information Architect

Business Analyst

Business Analysts bridge the gap between business and technology. This course can help aspiring Business Analysts develop a strong understanding of software development principles and best practices. The course covers key concepts like requirements gathering, data analysis, and project management, which are essential for success in this role.

See salaries and explore the career path for Business Analyst

Software Engineer

Software Engineers build and maintain the technological landscape that drives our modern world. This course provides a solid foundation in key software development concepts, from basic structure to more complex database handling and management. By the end of this course, you'll have the skills required to build and deploy your own applications.

See salaries and explore the career path for Software Engineer

Software Tester

Software Testers are responsible for testing software applications to ensure they meet quality standards. This course can help aspiring Software Testers develop a strong understanding of software development principles and best practices. The course covers key concepts like software testing, test planning, and test execution.

See salaries and explore the career path for Software Tester

Systems Analyst

Systems Analysts are responsible for analyzing and designing computer systems. This course can help aspiring Systems Analysts develop a strong understanding of software development principles and best practices. The course covers key concepts like systems analysis, systems design, and project management.

See salaries and explore the career path for Systems Analyst

Data Analyst

Data Analysts are responsible for collecting, analyzing, and interpreting data to help businesses make informed decisions. This course can help aspiring Data Analysts develop a strong foundation in data management and analysis techniques. The course covers key concepts like data visualization, statistical analysis, and machine learning.

See salaries and explore the career path for Data Analyst

Database Administrator

Database Administrators are responsible for managing and maintaining databases. This course can help aspiring Database Administrators develop a strong understanding of database management principles and best practices. The course covers key concepts like database design, database administration, and data security.

See salaries and explore the career path for Database Administrator

IT Consultant

IT Consultants provide advice and guidance to businesses on how to use technology to improve their operations. This course can help aspiring IT Consultants develop a strong understanding of software development principles and best practices. The course covers key concepts like IT consulting, business process analysis, and project management.

See salaries and explore the career path for IT Consultant

Entrepreneur

Entrepreneurs start and manage their own businesses. This course can help aspiring Entrepreneurs develop a strong understanding of software development principles and best practices. The course covers key concepts like business planning, product development, and marketing.

See salaries and explore the career path for Entrepreneur