This section will help you get started with the main elements you can use in your app: Visual Elements and Input Elements.

We will also learn why we should use Groups, some useful shortcuts, and how to change the appearance of your elements based on conditions.

Back in November 2021, Bubble launched a new editor, making it much easier to build responsive apps. This new editor is based on CSS Flexbox, a web layout technology that makes building responsive websites easier by allowing elements to ‘flex’ (grow, shrink) and align in a logical way.

Instead of dragging & dropping elements wherever in the page (and hoping for them to look nice), you now need to define a structure of rows and columns. This new design system has led to a much better developer experience and a clear performance increase on both the Bubble editor and the user-facing pages.

Databases can seem daunting at first and Bubble's data tab isn't the friendliest layout. These videos will demystify the art of database design.

Workflows are an essential part of Bubble, the glue that connects your app design with your database.

Repeating Groups are Bubble's most special type of container. You will use them on a daily basis!

Option sets allow you to have static lists of choices called Options, which are global to your app. This is great for situations where you know ahead of time what options are possible for a variable - things like countries, industries, or days of the week.

Option sets are faster to access, as they require no database reads, so using them will increase the performance of your Bubble app!

Privacy rules are very important for making sure that your user data is secure. Yet, they are often neglected by new developers. Learn to create them in this section!

Loops help you execute an action more than once. Actions like sending an email to a list of users or updating a set of data every X days are tedious and should never be done manually. Learn how to use loops to improve your apps!

Learning to use APIs will open a whole world of possibilities. You will be able to access data from your app that would be inaccessible otherwise (e.g. your Facebook data), access data that changes frequently (e.g. stock market data), and perform complex actions without needing to program them yourself (e.g. mathematic operations). APIs power the web and are present in lots of the apps you use every day!

Understanding how to identify problems with your app and fix them.

Learn how to use Stripe plugins to take payments and create subscriptions in your app.

It's not easy to make a good-looking Bubble website. This section will help you understand the different settings you should play with to create beautiful responsive web apps.