The Complete Guide to Bubble Visual Programming from Udemy

Build amazing professional web applications like Twitter, Asana, Todoist, AirBnB, Trip Advisor, Yelp and launch your startup, SaaS, or any web product in days instead of months with no code using the Bubble ecosystem

Learn from over 16 hours worth of relevant instructional video content on Bubble to become an expert and start building today. No coding required.

Are you an entrepreneur who wants to build the next big thing without a full-time developer? Do you want to quickly create an MVP for your startup idea, or quickly build your side hustle? Then harness the power of No-Code web application development using Bubble.

Bubble is rated as the #1 No-Code Tool of 2020. Apps built on Bubble have raised more than $1B dollars (see: Plato, Dividend Finance, Plato, all of which were made using Bubble). With Bubble, you can create everything from sophisticated marketplaces like AirBnb, to SaaS like Trello, to simple landing pages. This is No-Code development at its finest.

People use Bubble to quickly create professional web applications. In fact, one student used Bubble to launched their application in only 3 days, and then subsequently sold it to USA Today (see: GiveLocal).

This course is the only comprehensive guide you'll ever need to Bubble. It covers everything from Beginner topics like pages, inputs, and elements to more advanced topics like plugin implementation, messaging, and data manipulation. The course also takes you step-by-step and assumes you have no experience at all with building web applications or with Bubble.

The course is designed so you become an expert at Bubble. We first learn all the building blocks required, and then create our own functional Bubble applications from complete scratch. We also continuously update the course.

If you're looking for something that will teach you how to create professional grade web applications using no-code from beginner to advanced, then this is the course for you.

What is Bubble?

Bubble is a no-code platform that allows you to build sophisticated and professional-grade web applications. It's the best way to develop your application in days, not months. It contains responsive web design, element manipulation, database functionality, workflow management, and a whole host of community-built plugins and third-party APIs that can enhance your application like Stripe, Plaid, and more. Bubble has been rated as the #1 No-Code platform of 2020.

What are the main features of Bubble? / Why should I learn Bubble?

No-Code platform: Bubble uses a drag-and-drop and logic gates system instead of complicated code, but is still powerful and comprehensive to run AirBnB or even Facebook; it's the next evolution of web development.
Build it quickly: Since Bubble is a No-Code platform, you can make your application in days and not months
Total freedom: Bubble allows you total 100% freedom with your website - modify, add, delete, and change anything and everything about your web application
Sophisticated / comprehensive: Bubble comes with a robust scalable database management system, and workflow integration that allows you to create virtually any application - it also contains Responsive Design and so is lightning fast.
Collaboration: Bubble comes with its own version control system, that lets you manage changes and lets you collaborate with up to 40 other individuals
Community of plugins: Plugins that are developed by the Bubble community extend your application by allowing third-party elements, like payment, SEO, analytics, and more. You can even integrate with your own REST API.

Why take this course?

Comprehensive guide: This is the only 100% start to finish, zero to hero, basic to advanced guide on Bubble. This course assumes you have zero experience with Bubble and develops you to a Bubble power user.
Instructional with examples: The course is structured in a way to maximize your learning. We first go through learning "Building Blocks" where we develop our Bubble toolkit. We then apply the toolkit to future modules through app development from complete scratch.
Great resources: There are hours of content and resources in this course. There is more than 16 hours of video content available. You also have lifetime access to not only the videos, but to me as well through the Q&A feature

Course and Module Overview

Introduction to Bubble: In this section, you will learn everything about Bubble. What it is, when to use it, what it can and cannot do, and we will go through the course overview
BB - Environment Setup: In this section, you will set up your Bubble environment, which means creating a free Bubble account and entering the Bubble environment
BB - Editor: In this section, you will learn about the Bubble editor
BB - Pages and Elements: In this section, you will learn how to set up your Bubble pages and how to add Bubble elements to your pages
BB - Responsive Design: In this section, you will learn about the responsive design features that are available with Bubble
BB - Data: In this section, you will learn how Bubble manages its data environment
BB - Workflows: In this section, you will learn about Bubble workflows and how they can be used to enhance your Bubble application
BB - Design with Data: In this section, you will learn how to make web pages by mixing design principles with data and workflows, including repeating groups
BB - Users: In this section, you will learn about Bubble's default and powerful user management system
BB - Settings and Publishing: In this section, you will change your Bubble settings, and how to publish your web application
BB - Advanced Features and Plugins: In this section, you will learn about some of the advanced features with Bubble like plugins
App - ProjectIO: In this section, we will build a project and task management application from scratch
App - BubbleBnB: In this section, we will build a very thin version of AirBnB, complete with Google Maps integration, messaging, and more, and all from scratch
Conclusion: In this section, we'll wrap everything up and talk about next steps

We're looking forward to having you in the course and hope you earn the certificate. Please let me to know if you have any questions.

Music: bensound

What's inside

Learning objectives

Bubble visual programming ecosystem to create websites and web applications using a no-code platform
Build functional and professional grade web applications, websites, and apps
All elements of bubble, including responsive design, databases, workflows, users, and much more
Build a fully functional project and task management web application with a complete walkthrough
Build a thin version of airbnb, complete with google maps integration and user-to-user messaging

Responsive web design that adapts to the user's screen and looks beautiful
Database management system that easily stores, organizes, and shows all your data
Workflow management system that allows complex interaction between the front-end and back-end, similar to what many other web applications like twitter and yelp do
How to go from having an idea to building a fully functional mvp, with many examples in between
Interacting with the bubble community to continue learning and building your skillset

Bubble visual programming ecosystem to create websites and web applications using a no-code platform
Build functional and professional grade web applications, websites, and apps
All elements of bubble, including responsive design, databases, workflows, users, and much more
Build a fully functional project and task management web application with a complete walkthrough
Build a thin version of airbnb, complete with google maps integration and user-to-user messaging
Responsive web design that adapts to the user's screen and looks beautiful
Database management system that easily stores, organizes, and shows all your data
Workflow management system that allows complex interaction between the front-end and back-end, similar to what many other web applications like twitter and yelp do
How to go from having an idea to building a fully functional mvp, with many examples in between
Interacting with the bubble community to continue learning and building your skillset

Syllabus

Dynamic data introduction

In this section, you will learn everything about Bubble! What it is, when to use it, what it can and cannot do, and we will go through the course overview.

Introduction to Bubble and its features

Course tips

Successful Bubble applications

Bubble vs. other platforms

What Bubble can and cannot do

Course overview

A few notes before we begin

Ways to reach out

Watch in 1080p

In this section, you will set up your Bubble environment, which means creating a free Bubble account and entering the Bubble environment

Create a Bubble account

Opening the environment

In this section, you will learn about the Bubble editor

Navigation through the environment screen

Navigating through the environment sections

Manual and reference documentation

In this section, you will learn how to set up your Bubble pages and how to add Bubble elements to your pages

Text element and the appearance property tab

Conditional properties

Transition properties

Properties extras

All visual elements (buttons, icons, etc.)

Input form elements

Dynamic data example 1

Dynamic data example 2

Groups introduction

Grouping elements together

Floating groups

Styles

Page design

In this section, you will learn about the responsive design features that are available with Bubble

Responsive design introduction

Responsive design - a bad example

Alignment and distribution

Dynamic vs. fixed width

Responsive design - a good example

Groups within a group and verticality

Alignment extras

Responsive design with text

Resources for responsive design

In this section, you will learn how Bubble manages its data environment

Data introduction

Creating a data type

Adding new thing rows

Viewing the data

Lists of data and linking data together

Benefits of data linkage

In this section, you will learn about Bubble workflows and how they can be used to enhance your Bubble application

Workflow introduction

Simple workflow examples

Creating conditions on workflows

Different events in workflows

Other workflow events (page is loaded)

Animate actions

Workflows to set states

Workflows to create things

Workflows for custom events

Debugging workflows

Workflows for navigation

In this section, you will learn how to make web pages by mixing design principles with data and workflows, including repeating groups

Design with data introduction

Repeating groups introduction

Populating data in a repeating group

Viewing data 1

Viewing data 2

Modifying data

Deleting records

Filtering data

Sorting data

Better way to delete records

Adding data search

Using data selectors like count and first

Using the append selector

Using popups

In this section, you will learn about Bubble's default and powerful user management system

User introduction

Creating an account

Logging in and logging out

Making user profile changes

Current user is logged in expression

Logging in with Facebook OAuth 1

Logging in with Facebook OAuth 2

In this section, you will change your Bubble settings, and how to publish your web application

Settings

Issue tracker

Publish your application

In this section, you will learn about some of the advanced features with Bubble like plugins

Reusable elements

Transmitting data across pages

Data privacy 1

Data privacy 2

Templates

Option sets

Autobinding

In this section, we will build a project and task management application from scratch

ProjectIO introduction

Setting the header

Setting the page

Good to know

Know what's good

, what to watch for

, and possible dealbreakers

Focuses on Bubble, a leading no-code platform, which allows entrepreneurs to rapidly prototype and launch web applications without extensive coding knowledge

Covers responsive design principles within Bubble, which ensures applications adapt to different screen sizes, a crucial skill for modern web development

Teaches how to build a Minimum Viable Product (MVP), which is essential for startups to quickly test their ideas and gather user feedback

Explores Bubble's database management system, which is critical for building dynamic web applications that store and retrieve data effectively

Requires learners to create an account with Bubble, which may present a barrier to entry for some learners due to platform-specific requirements

Uses Bubble, which, while popular, may not be as versatile or widely adopted as traditional coding languages for certain complex or highly customized applications

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 Complete Guide to Bubble Visual Programming with these activities:

Review Basic Web Development Concepts

Show steps

Reviewing basic web development concepts will provide a solid foundation for understanding how Bubble simplifies the development process.

Browse courses on HTML

Show steps

Read articles or watch videos on HTML, CSS, and JavaScript fundamentals.
Practice creating simple web layouts using HTML and CSS.
Familiarize yourself with basic JavaScript syntax and concepts.

Review 'Don't Make Me Think' by Steve Krug

Show steps

Understanding web usability principles will help you design more effective and user-friendly applications in Bubble.

View Don't Make Me Think, Revisited: A Common Sense... on Amazon

Show steps

Read the book 'Don't Make Me Think' by Steve Krug.
Take notes on key usability principles and best practices.
Reflect on how these principles can be applied to Bubble application design.

Build a Simple Landing Page in Bubble

Show steps

Building a simple landing page will allow you to practice using Bubble's drag-and-drop interface and element manipulation features.

Show steps

Create a new Bubble application and choose a template or start from scratch.
Add text elements, images, and buttons to create a visually appealing landing page.
Configure workflows to handle user interactions, such as button clicks.
Publish your landing page and test its functionality.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Document Your Bubble Learning Journey

Show steps

Documenting your learning process will help you solidify your understanding of Bubble concepts and track your progress.

Show steps

Create a blog, journal, or online document to record your Bubble learning experiences.
Write about the challenges you face, the solutions you find, and the lessons you learn.
Share your documentation with others to get feedback and support.

Follow Advanced Bubble Tutorials

Show steps

Following advanced tutorials will expose you to more complex Bubble features and techniques.

Show steps

Search for tutorials on topics such as API integration, custom plugins, and advanced workflows.
Follow the tutorials step-by-step and try to understand the underlying concepts.
Adapt the techniques learned in the tutorials to your own Bubble projects.

Contribute to Bubble Community Forums

Show steps

Engaging with the Bubble community will help you learn from others and share your knowledge.

Show steps

Join Bubble community forums and participate in discussions.
Answer questions from other users and share your expertise.
Report bugs and suggest improvements to the Bubble platform.

Read 'The Lean Startup' by Eric Ries

Show steps

Understanding Lean Startup principles will help you build and iterate on your Bubble applications more effectively.

View The Lean Startup: How Today's Entrepreneurs Use... on Amazon

Show steps

Read the book 'The Lean Startup' by Eric Ries.
Take notes on key concepts such as MVP, validated learning, and pivot.
Reflect on how these concepts can be applied to your Bubble projects.

Career center

Learners who complete The Complete Guide to Bubble Visual Programming will develop knowledge and skills that may be useful to these careers:

No-Code Developer

A No Code Developer builds web applications rapidly, using platforms like Bubble, which is covered extensively in this course. The course describes how Bubble is a powerful tool enabling the creation of sophisticated web apps without traditional coding. This role involves designing the application, setting up workflows, and managing data, all of which directly relates to the course's content. A No Code Developer should take this course to gain a comprehensive understanding of the Bubble platform, its features, and best practices, moving from creating simple pages to building sophisticated applications.

See salaries and explore the career path for No-Code Developer

Software Prototyper

A Software Prototyper quickly develops working models of applications to test ideas and gather feedback. Using platforms like Bubble, which is taught in this course, a Software Prototyper can build Minimum Viable Products (MVPs) rapidly. This course provides a comprehensive guide to the Bubble platform covering everything from basic setup to advanced features, including database management and workflow integration. A Software Prototyper would benefit from this course to efficiently create and iterate on prototypes, validating ideas by building functional web applications in days instead of months. The course's focus on building from the beginning to an advanced user benefits a Software Prototyper.

See salaries and explore the career path for Software Prototyper

Digital Entrepreneur

The role of a Digital Entrepreneur involves launching and managing online businesses, and this course provides practical skills to do just that. The course focuses on using Bubble to create web applications, enabling you to build your own startup or side hustle without needing to hire a full-time developer. The course teaches you how to create professional grade web applications, and the course's modules step-by-step guide, from beginner topics to more advanced features, would permit any Digital Entrepreneur to bring their ideas to life. The course teaches building functional web applications from nothing, providing the know-how for an entrepreneur to create an MVP.

See salaries and explore the career path for Digital Entrepreneur

Startup Founder

Startup Founders often need to quickly develop and validate their ideas, and this course provides a great option. The course focuses on using Bubble, enabling the rapid development of web applications. This course is helpful because it teaches how to build sophisticated web applications from beginning to end without writing any code. A Startup Founder should take this course to learn how to bring their ideas to life by quickly building an MVP and testing the market, saving significant time and resources. The course covers everything from pages and elements to plugin implementation, perfect for building the functionality of a startup.

See salaries and explore the career path for Startup Founder

Web Application Developer

Web Application Developers are responsible for creating interactive, dynamic web applications. While this role often involves coding, this course offers a path to web development using a no-code tool. The course focuses on using Bubble, a platform that lets individuals build applications similar to Twitter or AirBnB without traditional coding. A Web Application Developer should take this course to learn how to quickly prototype and deploy web applications, focusing on the functionality and design, using a visual interface, instead of traditional coding practices. The course’s emphasis on design and database management will also be helpful.

See salaries and explore the career path for Web Application Developer

Web Designer

A Web Designer focuses on the aesthetic and user experience of websites, with the course providing relevant experience in designing fully functional web applications. This course teaches how a user can create professional looking applications using Bubble, a no-code platform with a focus on responsive design. Web Designers should take this course to learn how to use Bubble to design interactive elements and how to utilize different design principles. The course's modules on building web applications from start to finish can also give a designer experience on the full lifecycle of application development.

See salaries and explore the career path for Web Designer

Product Manager

Product Managers are responsible for defining the vision and strategy of a product. This course may be useful because it offers a chance to learn how to build functional web applications easily using Bubble. This platform will allow Product Managers to better understand the process of software development from start to finish and also helps in producing MVPs. A Product Manager may take this course to learn about the different stages of development and gain an appreciation for the different difficulties involved in building software applications. The course’s emphasis on the complete development process gives a view into the challenges of creating a product.

See salaries and explore the career path for Product Manager

UX Designer

UX Designers focus on improving the user experience of an application by conducting research, sketching ideas, and testing different prototypes. This course may be useful because it provides a practical way to build functional web applications and create prototypes using Bubble. The course can help a UX Designer implement a prototype quickly and then test its usability. The course helps one understand how users interact with elements on a page, which allows a UX Designer to test out certain hypotheses. The course’s information on data manipulation and workflow organization may be helpful.

See salaries and explore the career path for UX Designer

Business Analyst

Business Analysts are responsible for understanding and documenting business needs and requirements, and this course offers a great way to gain hands on experience with software. The course covers a no-code platform, Bubble, that helps create functional web applications. The course focuses on how to build interactive applications without traditional coding. This means the Business Analyst can better understand the capabilities and limitations of software development. A Business Analyst may take this course to understand how to create an actual prototype. The course builds a foundation in software architecture and its possibilities.

See salaries and explore the career path for Business Analyst

Application Consultant

An Application Consultant helps businesses implement and use software effectively. This course may be useful as it offers insight into a no-code development platform, Bubble. This course teaches how to use Bubble to build different web applications, and this can give an Application Consultant practical experience in software development and give a better understanding of the software lifecycle. An Application Consultant may take this course to better evaluate existing software applications, whether they coded or no-code. The course’s detailed modules on Bubble provide an in depth look at how an application can be set up.

See salaries and explore the career path for Application Consultant

Digital Marketing Specialist

Digital Marketing Specialists often work to increase the online presence of a business, and this course can provide them with relevant skills using website and web application building tools. The course teaches how to build websites and web applications using Bubble, a no code platform which helps an individual create these products without writing code. A Digital Marketing Specialist may take this course to learn about the process of building out websites, in order to better understand what is technically possible. The course's emphasis on design and user interaction is also relevant to the field.

See salaries and explore the career path for Digital Marketing Specialist

Technical Writer

Technical Writers create documentation such as user guides, manuals, and tutorials, that enable individuals to use software effectively, and this course helps by teaching about the process of creation. In this course, one learns how to build sophisticated web applications using Bubble, which helps an individual understand the process of software development. This course may be helpful for a Technical Writer to be able to better understand the tools used in software creation, and help one build empathy for software developers. The skills covered include database management and workflow design. The course may help a Technical Writer improve their documentation of different software tools.

See salaries and explore the career path for Technical Writer

Project Coordinator

Project Coordinators often help manage all the different details of a project from its beginning to end. This course may be useful because it focuses on building web applications from scratch using Bubble. This course will allow a Project Coordinator to better understand the different aspects of software development including planning, design, and launch. A Project Coordinator may take this course to learn the difficulties involved in creating software products and help one track timelines. This may lead to a more well informed approach to project management. The course covers building an application from beginning to end, which mirrors a complete project lifecycle.

See salaries and explore the career path for Project Coordinator

Solutions Architect

Solutions Architects design and implement software solutions. This role typically requires an advanced degree. This course may be useful because it introduces the concept of no-code development through the Bubble platform. This course teaches how to build a fully functioning application, and a Solutions Architect may learn about new ways to design software systems. A Solutions Architect may take this course to understand low-code development, and to appreciate different methods of building software. This course will expose a Solutions Architect to some of the benefits and limitations of a common no-code platform. The course demonstrates the process and possibilities of application development.

See salaries and explore the career path for Solutions Architect

Technical Support Specialist

Technical Support Specialists assist users with software issues. This course may be helpful, because it teaches how to build applications using Bubble. Technical Support Specialists may take this course, as it gives one hands-on experience with an application’s database function, visual elements, and user workflows. The course covers elements of the system, from beginner to advanced, and helps one build empathy for a user. Additionally, a Technical Support Specialist may learn how a platform is built, from the ground up. The course module on user management may be helpful to understanding how a customer’s account is set up.

See salaries and explore the career path for Technical Support Specialist

The Complete Guide to Bubble Visual Programming

What's inside

Learning objectives

Syllabus

Good to know

Save this course

Activities

Career center

Reading list

Share

Similar courses