آموزش حباب یادگیری

معرفی Introduction

• برنامه های وب سفارشی را بدون کد ایجاد کنید Create custom web applications without code

1. راه اندازی 1. Getting Set Up

• ثبت نام کنید و یک برنامه جدید بسازید Register and create a new app

• از رابط Bubble بازدید کنید Tour the Bubble interface

2. ایجاد یک برنامه لیست خواربار اساسی 2. Creating a Basic Grocery List App

• برنامه لیست مواد غذایی خود را برنامه ریزی کنید Plan your grocery list app

• صفحه فهرست را پیکربندی کنید Configure the index page

• یک هدر اضافه کنید Add a header

• رابط ایجاد لیست را پیکربندی کنید Configure the list creation interface

• یک گردش کار را به دکمه "افزودن به لیست" خود اضافه کنید Add a workflow to your "add to list" button

• یک گروه تکراری برای نمایش لیست ایجاد کنید Create a repeating group to display the list

• نمایش اقلام مواد غذایی را پیکربندی کنید Configure the display of grocery items

• هنگامی که یک مورد خریداری می شود، یک چک باکس اضافه کنید Add a checkbox when an item is purchased

• چالش: نمایش اقلام خریداری شده Challenge: Display purchased items

• راه حل: نمایش اقلام خریداری شده Solution: Display purchased items

3. شخصی کردن برنامه Grocery 3. Personalizing the Grocery App

• دکمه ورود را بررسی کنید و کادر را فعال کنید Examine login button and enable checkbox

• نمایش و پنهان کردن لیست مواد غذایی کاربر Show and hide the user's grocery list

• برنامه را فقط برای کاربرانی که وارد سیستم شده اند در دسترس قرار دهید Make the app accessible only to users who are signed in

• کادر ورود را به صورت پیش فرض نمایش دهید Make the login box display by default

• تنظیمات حریم خصوصی داده را تنظیم کنید Adjust data privacy settings

• اقلام مواد غذایی را ویرایش کنید Edit the grocery items

• چالش: اقلام مواد غذایی را حذف کنید Challenge: Delete grocery items

• راه حل: اقلام مواد غذایی را حذف کنید Solution: Delete grocery items

نتیجه Conclusion

• برنامه Bubble خود را راه اندازی کنید Launch your Bubble app

• بعد کجا بریم Where to go next