Special offers now — see discounted courses.
day
:
hour
:
min
:
sec
See special offers
Learning Bubble

Learning Bubble

2h 41mBeginner2022-11-17

Authors

Jen Kramer

Jen Kramer

Teaches web design and development

Course details

Creating web applications has usually presented a choice of tradeoffs: You can learn to code, or pay a developer thousands of dollars to do it for you. Or, you could use a web-based starter system, but then you’re limited to what plugins are available to you. Enter Bubble, a new approach to an old problem. In this course, Jen Kramer shows you how to get started using this no-code platform that’s targeted at people with limited technical backgrounds who want to develop web applications. After going over some of the basic Bubble functionality, Jen dives in and demonstrates how to use Bubble to build a quick application for making a grocery list. Through this project, she shows you how to use the Bubble editor, how to create, populate and update/edit a page in Bubble, how to add a login, and how to add style and interactivity to the app, and much more. If you don’t have a coding background but have always wanted to create your own web apps, this may be the course for you.

Skills covered

BubbleFull-Stack Web DevelopmentLearningWeb Development

Concepts

0. Introduction

  • 01 - Create custom web applications without code

1. Getting Set Up

  • 02 - Register and create a new app
  • 03 - Tour the Bubble interface

2. Creating a Basic Grocery List App

  • 04 - Plan your grocery list app
  • 05 - Configure the index page
  • 06 - Add a header
  • 07 - Configure the list creation interface
  • 08 - Add a workflow to your add to list button
  • 09 - Create a repeating group to display the list
  • 10 - Configure the display of grocery items
  • 11 - Add a checkbox when an item is purchased
  • 12 - Challenge - Display purchased items
  • 13 - Solution - Display purchased items

3. Personalizing the Grocery App

  • 14 - Examine login button and enable checkbox
  • 15 - Show and hide the user's grocery list
  • 16 - Make the app accessible only to users who are signed in
  • 17 - Make the login box display by default
  • 18 - Adjust data privacy settings
  • 19 - Edit the grocery items
  • 20 - Challenge - Delete grocery items
  • 21 - Solution - Delete grocery items

4. Working with APIs

  • 22 - Understanding APIs
  • 23 - Connect the H+ Sport ecommerce API
  • 24 - Configure the repeating group for displaying the API
  • 25 - Display the API text on the page
  • 26 - Display the API image on the page

5. Styling in Bubble

  • 27 - Style in Bubble - Themes vs. templates
  • 28 - Set colors and fonts in Bubble
  • 29 - Make layout responsive

Conclusion

  • 30 - Launch your Bubble app
  • 31 - Where to go next

Related courses

Related learn paths

About us

LyndaKade is a leading learning platform that helps people learn business, software, technology, and creative skills to achieve personal and professional goals.

Phone numberAparat ChannelTelegram SupportTelegram ChannelInstagram Page

All rights to this site belong to LyndaKade.

Terms of Service|Privacy Policy

نماد الکترونیک enamad در صورت اتصال با آی‌پی داخل کشور، نمایش داده خواهد شد.
logo-samandehi - لوگو ساماندهی
zarinpal
zibal