# The Bubble editor

The Bubble editor refers to the editor connected to any one app (as opposed to the dashboard where you navigate your different apps and manage your account).

{% embed url="<https://www.youtube.com/playlist?list=PLoNVJrdvQQYlGHGcKDCpbgAv1lruNA8db>" %}
Our Academy course to introduce you to Bubble and its interface.
{% endembed %}

{% hint style="info" %}
**Multiple browser tabs editing the same app**

Opening the Bubble editor for the same app in multiple browser tabs might result in unexpected behavior. We recommend keeping the editor of an app limited to just one tab at a time.
{% endhint %}

The Bubble editor is like a digital workshop where you build and design your app. Think of it as a crafting table where you arrange, tweak, and connect different parts to make your app look and work just the way you want.

We will go into the technical details of design, data and logic in later chapters, but for now we'll cover how the editor is structured, and the different tools available.

<details>

<summary><mark style="color:blue;">Tabs and sections:</mark> how the editor is structured</summary>

First, we'll explore the basic structure of the editor and how to navigate it. The editor is divided into tabs, and some of those tabs are further divided into sections.

Article: [Tabs and sections](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections)

</details>

<details>

<summary><mark style="color:blue;">Key features:</mark> Saving, undo, navigation and contextual menus</summary>

Next, we'll look into basic functionality like saving, undo/redo and using the Bubble toolbar and right-click contextual menus.

Article: [Key features](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/tools/key-features)

</details>

<details>

<summary><mark style="color:blue;">Tools:</mark> the property editor, search tool and issue tracker</summary>

Then, we'll have a look at the most widely used tools in the editor. The property editor is used to change the properties of elements on the page. The search tool is an advanced tool to search for a wide range of different objects in your app and the issue tracker helps you identify and fix issues.

Article: [The property editor](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/tabs-and-sections/design-tab/the-property-editor)\
Article: [The search tool](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/tools/the-search-tool)\
Article: [The issue tracker](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/tools/the-issue-tracker)

</details>

<details>

<summary><mark style="color:blue;">Previewing and deploying:</mark> running your app with test and live users</summary>

Bubble comes with a built-in tool to preview your app. This Development environment comes with a completely independent database and lets you try out your app and all its features before deploying it to live users.

Deploying your app means transferring or updating the current version of your application from the Development environment to the Live environment, making it accessible to end-users.&#x20;

Article: [Previewing your app](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/previewing-your-app)\
Article: [Deploying your app](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/help-guides/getting-started/navigating-the-bubble-editor/deploying-your-app)

</details>

## Other ways to learn

<details>

<summary>Core reference</summary>

The core reference section below covers each individual setting in each of Bubble's tabs and sections.

Core reference: [Bubble's interface](https://manual.bubble.io/~/revisions/SyQfIehozTbPqLjDmQAZ/core-resources/bubbles-interface)

</details>
