Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Free Learning
Arrow right icon
Democratizing No-Code Application Development with Bubble
Democratizing No-Code Application Development with Bubble

Democratizing No-Code Application Development with Bubble: A beginner's guide to rapidly building applications with powerful features of Bubble without code

eBook
€8.99 €26.99
Paperback
€33.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Table of content icon View table of contents Preview book icon Preview Book

Democratizing No-Code Application Development with Bubble

Navigating the UI Builder Components Tab

The process of building a web app consists of adding components to a blank canvas (the editor) using drag-and-drop features and making sure you have the right building blocks added to the page to build the perfect layout to achieve your desired goals.

In the previous chapter, you learned how to create your account and what are the main areas of the Bubble editor. In this chapter, you will take a closer look at the UI Builder components tab available inside Bubble. You are going to learn the key areas and features, what they are, and how they work.

This knowledge is valuable because it will allow you to understand the core features of Bubble and how to use and interact with the UI sidebar and its components, allowing you to build your own applications with ease.

This chapter will cover the following topics:

  • Presenting the UI Builder components tab and the sidebar
  • Understanding the structure of the UI Builder tab
  • Learning...

Presenting the UI Builder components tab and the sidebar

Let’s break down the components by category so that you can follow the Bubble editor as it is from top to bottom. We are going to start on the Design tab, which is the main tab you see selected when joining your Bubble editor. We are going to start with the sidebar items, making sure the UI Builder tab is selected at the top of the Visual Elements sidebar.

The Design tab and sidebar UI Builder tab are selected, as shown here:

Figure 2.1: Design tab – UI Builder

Figure 2.1: Design tab – UI Builder

Before we talk about UI components, it is important that we understand what the Elements Tree is; this is the first area on your component’s sidebar, as shown here:

Figure 2.2: UI Builder – Elements Tree

Figure 2.2: UI Builder – Elements Tree

Under the Elements Tree section, you will see each component that was applied to your page, meaning if you drag a new component to the canvas, it will show up there.

The UI Builder...

Presenting UI components

You learned all about the Elements Tree; now, let’s dive into UI components. It is important to notice that the visual components are divided by categories, inside the Bubble editor. Let’s break down each section so that you can learn what they are and what types of components you will be able to find in each category.

Visual Elements

These UI elements, as the name of the category suggests, are visual little blocks you are going to use to build pretty much any application. We can call this section the basic elements that will help you build web apps; it is very unlikely that you are not going to use a text component or a button on your application. Let’s say these are the most used and essential components for any project you are going to build using Bubble. Inside the Visual Elements category, you will find Text, Button, Icon, Link, Image, Shape, Alert, Video, HTML, Map, and Built on Bubble elements. These UI components are called...

Summary

In this chapter, we explored UI Builder components and the sidebar, getting familiar with their structure and functionality within Bubble. This foundational understanding helps you navigate Bubble’s interface effectively while working on your applications.

You also learned about the Elements Tree and how it can help you control component visibility, along with using conditional settings efficiently. These insights enable you to manage components accurately, enhancing your application’s usability.

Additionally, you learned important concepts such as container components, input forms, and the benefits of reusable elements. You also discovered how to expand your toolkit by installing additional components from the Plugins Marketplace, opening up new possibilities for your application development journey.

Throughout the chapter, you gained practical insights into best practices and efficiency tips for managing and utilizing components effectively. With this...

Left arrow icon Right arrow icon

Key benefits

  • Learn how the Bubble Editor works to configure, test, and deploy business apps without coding
  • Gain hands-on experience with Bubble by building a real-world application step-by-step
  • Discover valuable tips and tricks for developing custom functionalities in the app to meet unique business needs
  • Purchase of the print or Kindle book includes a free PDF eBook

Description

In an era marked by a growing demand for tech solutions and a shortage of skilled developers, companies grapple with hiring expenses. No-code tools offer a faster, more affordable software development alternative. Leading this no-code revolution is Bubble, enabling newcomers to construct impressive web applications in a matter of weeks if not days. Written by Caio Calderari, a seasoned no-code expert with 17 years of experience to offers practical advice for mastering no-code application development. You'll learn to plan your app with Bubble's visual builder features and UI components and implement frontend functionalities such as customizing layouts and creating responsive user interfaces. The book covers workflow automation, database management, security best practices, and backend functionality setup and advances to span the Bubble plugin ecosystem and API integration for third-party services to improve the app's functionality. Additionally, you'll explore app testing, debugging, performance monitoring, and maintenance. From launching with a custom domain to gathering user feedback for continuous improvement and optimization of performance and scalability, you’ll learn every aspect of Bubble's app development and deployment. By the end of this book, you'll know how to bring your digital ideas to life without writing code.

Who is this book for?

This book is for aspiring no-code developers, citizen developers, startup founders, first-time entrepreneurs, and designers. Whether you want to learn how to build web applications in a step-by-step manner or without using code, this guide to building web applications with Bubble will help you leverage this no-code tool to build high-quality web applications or websites to serve your specific business objectives.

What you will learn

  • Master Bubble Essentials with the Bubble editor
  • Understand UI components to create responsive layouts and customize design elements
  • Explore workflows and logic features
  • Discover database, data types, relationships, and security best practices
  • Integrate Bubble with third-party services seamlessly
  • Extend app functionality with plugins and APIs
  • Discover effective strategies for testing and debugging
  • Explore app governance with monitoring, maintenance, and updates
Estimated delivery fee Deliver to Latvia

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Apr 30, 2024
Length: 320 pages
Edition : 1st
Language : English
ISBN-13 : 9781804610947
Tools :

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Product feature icon AI Assistant (beta) to help accelerate your learning
OR
Modal Close icon
Payment Processing...
tick Completed

Shipping Address

Billing Address

Shipping Methods
Estimated delivery fee Deliver to Latvia

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Publication date : Apr 30, 2024
Length: 320 pages
Edition : 1st
Language : English
ISBN-13 : 9781804610947
Tools :

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts

Frequently bought together


Stars icon
Total 109.97
Democratizing No-Code Application Development with Bubble
€33.99
Generative AI for Cloud Solutions
€33.99
Software Architecture with C++
€41.99
Total 109.97 Stars icon
Banner background image

Table of Contents

15 Chapters
Chapter 1: Getting Started with Bubble.io – Exploring Bubble’s Features Chevron down icon Chevron up icon
Chapter 2: Navigating the UI Builder Components Tab Chevron down icon Chevron up icon
Chapter 3: Building Blocks – Exploring Bubble’s UI Components Chevron down icon Chevron up icon
Chapter 4: Building Your First Bubble App – The Planning Phase Chevron down icon Chevron up icon
Chapter 5: Layouts and Styles Chevron down icon Chevron up icon
Chapter 6: Building User Interfaces with Bubble Chevron down icon Chevron up icon
Chapter 7: Workflow Automation and Logic Chevron down icon Chevron up icon
Chapter 8: Database Structuring, Relationships, and Security Chevron down icon Chevron up icon
Chapter 9: Extending Functionality with Plugins and APIs Chevron down icon Chevron up icon
Chapter 10: Testing and Debugging Strategies Chevron down icon Chevron up icon
Chapter 11: Deploying and Launching Your App (Publishing) Chevron down icon Chevron up icon
Chapter 12: Monitoring, Maintenance, and Updates (Apps Governance) Chevron down icon Chevron up icon
Chapter 13: Optimizing Performance and Scalability Chevron down icon Chevron up icon
Index Chevron down icon Chevron up icon
Other Books You May Enjoy Chevron down icon Chevron up icon

Customer reviews

Rating distribution
Full star icon Full star icon Full star icon Full star icon Full star icon 5
(5 Ratings)
5 star 100%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
Stephanie May 10, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Caio’s book truly embraces the theme of democratizing Bubble by acting as a translator for the beast that is the Bubble manual. He organized the book with a very clear setup right from the preface about who this book is geared towards and what each chapter covers. The book certainly delivered as a comprehensive intro for beginners looking to make their first app and become mostly self-taught no-code developers. It reads just like a product manual, but much less boring, and is packed with valuable insights that I believe could jumpstart a career as a freelance Bubbler.The entire book is thoughtfully organized. It flows well from beginning concepts to references to more elaborate, broader, or more intermediate-level concepts. The bolded terms are useful, especially for abbreviations that we may not be aware of as noobs, like CTA (call to action). The way he went about introducing new terms successfully created a positive sense of becoming more fluent in the language of no-code platforms as a whole. One thing that could be added is a glossary of these terms (in addition to what’s already in the Index). Maybe in the next edition!Getting back to the good stuff, each element or component is defined in a detailed way. He did a great job at providing helpful use cases that are specific enough to grasp, yet general enough for the reader to know whether or not something would be appropriate for what he/she has in mind for his/her specific build. Overall, chapters are written in a familiar tone which gives the impression of having a casual chat with an expert who’s meeting you where you’re at and spilling the tea just for you. I liked that! Many of us start learning about Bubble because we’ve got a big idea of what we need to see built. A lot of the tips in this book are very broadly worded or general, so I’d recommend brainstorming ideas for your first Bubble build if you haven’t already before getting all the way to the theoretical chapters (like before starting chapter 4, definitely).As a beginner Bubbler, I appreciated that there were pictures along with his introductions to each area in the Bubble editor. Though I'm already in a no-code boot camp, I found that this book was really nice as a supplement to my lessons and live sessions. For instance, I first read about backend workflows in this book, but I'd already been playing on Bubble for two months and I'd never seen such a thing (on my free plan)! That's exactly the sort of comprehensive background I was looking for in an introductory guide to such a vast platform as Bubble.I personally found reading Caio’s introduction to Bubble to be a great alternative to watching video tutorials (no shade thrown at the many hardworking people who have made beginner Bubble walk-throughs and tutorials). I felt that reading about the basics of Bubble was a nice step up from playing/pausing a video to get glances at the same important info. I also loved the curated list of popular/useful plugins and the stressed importance of how apps rely on them to work, as well as the list of websites where you can find APIs. Plugins and APIs are two areas that give Bubble such flexibility and endless building possibilities, and I thought it was really helpful to know where to go and what to look for right off the bat.I think it’s important to mention that there are many very complex topics that are so well explained, like database schema and APIs. For example, APIs as a concept is very in-depth and complicated to follow as a beginner who has no background in coding languages. However, as we’ll need this information as builders, Caio took on the job of explaining them in the easiest way possible. He really had a great grasp on how to level his language and simplify concepts in that part of the book in particular (APIs have previously gone right over my head, so I appreciated that).Another great hack from this book were the no-code-specific testing and monitoring tools mentioned. They really could be the best route for beginners (because oh man did I struggle with responsiveness in Framer). Actually, there are plenty gems in there (I didn’t even mention the business insights about scalability and performance!).You can tell that Caio really wants to assist beginners in getting a positive start with Bubbling. Overall, the book matches up beautifully with the spirit of no-code tools, which is to get something useful up and running quickly.
Amazon Verified review Amazon
Shannon Vincent May 16, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Picked up this book a couples weeks ago and it's been my trusty sidekick ever since. I'm still pretty new to Bubble, and this book is an awesome reference guide as I learn. It's straightforward and breaks down Bubble in a way that's easy to understand. Big shoutout for making it so user-friendly and helpful.
Amazon Verified review Amazon
Samuel Pedro May 07, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
If you are looking to learn No-Code, especially on Bubble.io, this guide is an excellent starting point.Typically, one's journey involves attending online bootcamps hosted by major agencies or continually discovering new content on YouTube. Undoubtedly, the 'learn by doing' approach is the most effective way to master Bubble.io.However, for those who need a theoretical foundation, this book proves invaluable. It is packed with knowledge about the basics and it goes deeper into the essential skills required to develop on Bubble.io.Additionally, it presents real-case studies and examples of various apps, making it a very user-friendly guide for beginners to keep at hand.However, if you have moved beyond the beginner stage, this guide may not be for you, unless you seek a handy resource for refreshing basic concepts.Caio has done a great job facilitating learning Bubble.io in a distinctive manner. I recall wishing for such a resource when I started—having this book three years ago would have made my journey significantly smoother :)For sure a keeper for the beginners in Bubble.io!
Amazon Verified review Amazon
Amazon Customer May 09, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I was given the opportunity to read an advance copy of this book. I have been working as a Bubble developer for almost three years. I think the book that Caio has written might be the most comprehensive guide I have seen– especially in written form.If you are trying to learn Bubble this would be a great resource to keep on the side of your desk and constantly reference as you grow in confidence and skill. I also appreciate that this book goes beyond just the technical ins and outs of Bubble and includes introductions to topics like Human-Centered Design/Design Thinking, data base architecting, and testing/QA.However, if you are already familiar with Bubble you will likely find this book is more targeted for beginners and seems designed to take someone with no experience to launching their first app and is loaded with images, references, and tips. But seeing that there is so much growing demand for Bubble developers I am supportive of this goal and will likely be buying a few copies for clients and friends who are just starting out on their Bubble journey.
Amazon Verified review Amazon
Ahmet Karagoz Jul 23, 2024
Full star icon Full star icon Full star icon Full star icon Full star icon 5
I like it
Amazon Verified review Amazon
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela