آموزش راهنمای کامل برنامه نویسی بصری حبابی

سرفصل ها و درس ها

مقدمه ای بر حباب Introduction to Bubble

• مقدمه ای بر حباب و ویژگی های آن Introduction to Bubble and its features

• برنامه های موفق حباب Successful Bubble applications

• برنامه های موفق حباب Successful Bubble applications

• حباب در مقابل سایر پلتفرم ها Bubble vs. other platforms

• آنچه حباب می تواند و نمی تواند انجام دهد What Bubble can and cannot do

• نمای کلی دوره Course overview

• چند نکته قبل از شروع A few notes before we begin

• چند نکته قبل از شروع A few notes before we begin

• راه های دستیابی Ways to reach out

• با کیفیت 1080p تماشا کنید Watch in 1080p

مقدمه ای بر حباب Introduction to Bubble

• مقدمه ای بر حباب و ویژگی های آن Introduction to Bubble and its features

• حباب در مقابل سایر پلتفرم ها Bubble vs. other platforms

• آنچه حباب می تواند و نمی تواند انجام دهد What Bubble can and cannot do

• نمای کلی دوره Course overview

• راه های دستیابی Ways to reach out

• با کیفیت 1080p تماشا کنید Watch in 1080p

BB - تنظیم محیط BB - Environment Setup

• یک حساب Bubble ایجاد کنید Create a Bubble account

• یک حساب Bubble ایجاد کنید Create a Bubble account

• باز کردن محیط Opening the environment

BB - تنظیم محیط BB - Environment Setup

• باز کردن محیط Opening the environment

BB - ویرایشگر BB - Editor

• پیمایش از طریق صفحه محیط Navigation through the environment screen

• پیمایش در بخش های محیطی Navigating through the environment sections

• پیمایش در بخش های محیطی Navigating through the environment sections

• مستندات راهنما و مرجع Manual and reference documentation

BB - ویرایشگر BB - Editor

• پیمایش از طریق صفحه محیط Navigation through the environment screen

• مستندات راهنما و مرجع Manual and reference documentation

BB - صفحات و عناصر BB - Pages and Elements

• عنصر متن و برگه ویژگی ظاهری Text element and the appearance property tab

• خواص مشروط Conditional properties

• خواص مشروط Conditional properties

• خواص انتقالی Transition properties

• خواص انتقالی Transition properties

• خواص اضافی Properties extras

• خواص اضافی Properties extras

• تمام عناصر بصری (دکمه ها، آیکون ها و غیره) All visual elements (buttons, icons, etc.)

• تمام عناصر بصری (دکمه ها، آیکون ها و غیره) All visual elements (buttons, icons, etc.)

• عناصر فرم ورودی Input form elements

• معرفی داده های پویا Dynamic data introduction

• معرفی داده های پویا Dynamic data introduction

• داده های دینامیکی مثال 1 Dynamic data example 1

• داده های دینامیکی مثال 1 Dynamic data example 1

• داده های دینامیکی مثال 2 Dynamic data example 2

• معرفی گروه ها Groups introduction

• معرفی گروه ها Groups introduction

• گروه بندی عناصر با هم Grouping elements together

• گروه های شناور Floating groups

• سبک ها Styles

• سبک ها Styles

• طراحی صفحه Page design

• طراحی صفحه Page design

BB - صفحات و عناصر BB - Pages and Elements

• عنصر متن و برگه ویژگی ظاهری Text element and the appearance property tab

• عناصر فرم ورودی Input form elements

• داده های دینامیکی مثال 2 Dynamic data example 2

• گروه بندی عناصر با هم Grouping elements together

• گروه های شناور Floating groups

BB - طراحی واکنشگرا BB - Responsive Design

• معرفی طراحی واکنشگرا Responsive design introduction

• طراحی پاسخگو - یک مثال بد Responsive design - a bad example

• تراز و توزیع Alignment and distribution

• تراز و توزیع Alignment and distribution

• پویا در مقابل عرض ثابت Dynamic vs. fixed width

• طراحی واکنشگرا - یک مثال خوب Responsive design - a good example

• طراحی واکنشگرا - یک مثال خوب Responsive design - a good example

• گروه های درون گروهی و عمودی Groups within a group and verticality

• موارد اضافی تراز Alignment extras

• موارد اضافی تراز Alignment extras

• طراحی ریسپانسیو با متن Responsive design with text

• طراحی ریسپانسیو با متن Responsive design with text

• منابع طراحی واکنشگرا Resources for responsive design

• منابع طراحی واکنشگرا Resources for responsive design

BB - طراحی واکنشگرا BB - Responsive Design

• معرفی طراحی واکنشگرا Responsive design introduction

• طراحی پاسخگو - یک مثال بد Responsive design - a bad example

• پویا در مقابل عرض ثابت Dynamic vs. fixed width

• گروه های درون گروهی و عمودی Groups within a group and verticality

BB - داده BB - Data

• معرفی داده ها Data introduction

• ایجاد یک نوع داده Creating a data type

• افزودن ردیف های چیزهای جدید Adding new thing rows

• افزودن ردیف های چیزهای جدید Adding new thing rows

• مشاهده داده ها Viewing the data

• لیست داده ها و پیوند داده ها با یکدیگر Lists of data and linking data together

• مزایای پیوند داده ها Benefits of data linkage

BB - داده BB - Data

• معرفی داده ها Data introduction

• ایجاد یک نوع داده Creating a data type

• مشاهده داده ها Viewing the data

• لیست داده ها و پیوند داده ها با یکدیگر Lists of data and linking data together

• مزایای پیوند داده ها Benefits of data linkage

BB - گردش کار BB - Workflows

• معرفی گردش کار Workflow introduction

• نمونه های ساده گردش کار Simple workflow examples

• نمونه های ساده گردش کار Simple workflow examples

• ایجاد شرایط در گردش کار Creating conditions on workflows

• رویدادهای مختلف در گردش کار Different events in workflows

• سایر رویدادهای گردش کار (صفحه بارگیری شده است) Other workflow events (page is loaded)

• سایر رویدادهای گردش کار (صفحه بارگیری شده است) Other workflow events (page is loaded)

• اقدامات را متحرک کنید Animate actions

• اقدامات را متحرک کنید Animate actions

• گردش کار برای تنظیم حالت ها Workflows to set states

• گردش کار برای ایجاد چیزها Workflows to create things

• گردش کار برای رویدادهای سفارشی Workflows for custom events

• اشکال زدایی گردش کار Debugging workflows

• اشکال زدایی گردش کار Debugging workflows

• گردش کار برای ناوبری Workflows for navigation

• گردش کار برای ناوبری Workflows for navigation

BB - گردش کار BB - Workflows

• معرفی گردش کار Workflow introduction

• ایجاد شرایط در گردش کار Creating conditions on workflows

• رویدادهای مختلف در گردش کار Different events in workflows

• گردش کار برای تنظیم حالت ها Workflows to set states

• گردش کار برای ایجاد چیزها Workflows to create things

• گردش کار برای رویدادهای سفارشی Workflows for custom events

BB - طراحی با داده BB - Design with Data

• طراحی با معرفی داده ها Design with data introduction

• معرفی گروه های تکراری Repeating groups introduction

• جمع کردن داده ها در یک گروه تکرار شونده Populating data in a repeating group

• مشاهده داده ها 1 Viewing data 1

• مشاهده داده ها 1 Viewing data 1

• مشاهده داده ها 2 Viewing data 2

• اصلاح داده ها Modifying data

• حذف سوابق Deleting records

• فیلتر کردن داده ها Filtering data

• مرتب سازی داده ها Sorting data

• مرتب سازی داده ها Sorting data

• راه بهتری برای حذف رکوردها Better way to delete records

• راه بهتری برای حذف رکوردها Better way to delete records

• افزودن جستجوی داده Adding data search

• استفاده از انتخابگرهای داده مانند count و first Using data selectors like count and first

• استفاده از انتخابگرهای داده مانند count و first Using data selectors like count and first

• با استفاده از انتخابگر پیوست Using the append selector

• استفاده از پنجره های بازشو Using popups

BB - طراحی با داده BB - Design with Data

• طراحی با معرفی داده ها Design with data introduction

• معرفی گروه های تکراری Repeating groups introduction

• جمع کردن داده ها در یک گروه تکرار شونده Populating data in a repeating group

• مشاهده داده ها 2 Viewing data 2

• اصلاح داده ها Modifying data

• حذف سوابق Deleting records

• فیلتر کردن داده ها Filtering data

• افزودن جستجوی داده Adding data search

• با استفاده از انتخابگر پیوست Using the append selector

• استفاده از پنجره های بازشو Using popups

BB - کاربران BB - Users

• معرفی کاربر User introduction

• ایجاد یک حساب کاربری Creating an account

• ورود و خروج از سیستم Logging in and logging out

• ورود و خروج از سیستم Logging in and logging out

• ایجاد تغییرات پروفایل کاربری Making user profile changes

• ایجاد تغییرات پروفایل کاربری Making user profile changes

• کاربر فعلی در عبارت وارد شده است Current user is logged in expression

• ورود به سیستم با Facebook OAuth 1 Logging in with Facebook OAuth 1

• ورود با فیس بوک OAuth 2 Logging in with Facebook OAuth 2

• ورود با فیس بوک OAuth 2 Logging in with Facebook OAuth 2

BB - کاربران BB - Users

• معرفی کاربر User introduction

• ایجاد یک حساب کاربری Creating an account

• کاربر فعلی در عبارت وارد شده است Current user is logged in expression

• ورود به سیستم با Facebook OAuth 1 Logging in with Facebook OAuth 1

BB - تنظیمات و انتشار BB - Settings and Publishing

• تنظیمات Settings

• تنظیمات Settings

• ردیاب مشکل Issue tracker

• درخواست خود را منتشر کنید Publish your application

BB - تنظیمات و انتشار BB - Settings and Publishing

• ردیاب مشکل Issue tracker

• درخواست خود را منتشر کنید Publish your application

BB - ویژگی ها و پلاگین های پیشرفته BB - Advanced Features and Plugins

• عناصر قابل استفاده مجدد Reusable elements

• انتقال داده در صفحات Transmitting data across pages

• حریم خصوصی داده ها 1 Data privacy 1

• حریم خصوصی داده ها 1 Data privacy 1

• حریم خصوصی داده ها 2 Data privacy 2

• حریم خصوصی داده ها 2 Data privacy 2

• قالب ها Templates

• مجموعه های گزینه Option sets

• Autobinding Autobinding

• Autobinding Autobinding

BB - ویژگی ها و پلاگین های پیشرفته BB - Advanced Features and Plugins

• عناصر قابل استفاده مجدد Reusable elements

• انتقال داده در صفحات Transmitting data across pages

• قالب ها Templates

• مجموعه های گزینه Option sets

برنامه - ProjectIO App - ProjectIO

• معرفی ProjectIO ProjectIO introduction

• معرفی ProjectIO ProjectIO introduction

• تنظیم هدر Setting the header

• تنظیم صفحه Setting the page

• اصلاح سربرگ Modifying the header

• اصلاح سربرگ Modifying the header

• اعمال طرح Applying the layout

• اضافه کردن عناصر در سمت چپ Adding in elements on the left

• اضافه کردن عناصر در سمت چپ Adding in elements on the left

• افزودن عناصر در وسط 1 Adding elements on the middle 1

• افزودن عناصر در وسط 1 Adding elements on the middle 1

• افزودن عناصر در وسط 2 Adding elements on the middle 2

• افزودن عناصر سمت راست Adding the elements on the right

• افزودن عناصر سمت راست Adding the elements on the right

• انواع داده های پروژه Project data types

• انواع داده های پروژه Project data types

• افزودن داده های پروژه Adding project data

• افزودن داده های پروژه Adding project data

• زیبا کردن داده ها Making the data pretty

• زیبا کردن داده ها Making the data pretty

• اضافه کردن سرفصل های پروژه Adding project headings

• ایجاد یک پروژه جدید Creating a new project

• افزودن کاربران 1 Adding users 1

• افزودن کاربران 2 Adding users 2

• افزودن کاربران 3 Adding users 3

• جزئیات پروژه و اصلاح پروژه ها Project detail and modifying projects

• جزئیات پروژه و اصلاح پروژه ها Project detail and modifying projects

• اضافه کردن اعضا به پروژه ها 1 Adding members to projects 1

• اضافه کردن اعضا به پروژه ها 1 Adding members to projects 1

• اضافه کردن اعضا به پروژه ها 2 Adding members to projects 2

• افزودن اعضا به پروژه ها 3 Adding members to projects 3

• افزودن اعضا به پروژه ها 4 Adding members to projects 4

• افزودن اعضا به پروژه ها 4 Adding members to projects 4

• اصلاح اعضا در پروژه 1 Modifying members in a project 1

• اصلاح اعضا در پروژه 2 Modifying members in a project 2

• اصلاح اعضا در پروژه 2 Modifying members in a project 2

• اصلاح اعضا در پروژه 3 Modifying members in a project 3

• اضافه کردن شماره داشبورد Adding dashboard numbers

• استفاده از فیلترهای داشبورد Using dashboard filters

• استفاده از فیلترهای جستجو Using search filters

• استفاده از فیلترهای جستجو Using search filters

• آیتم های منو Menu items

• آیتم های منو Menu items

• معرفی صفحه کار Task page introduction

• ظاهر وظایف Appearance of tasks

• انتقال داده ها بین پروژه ها و وظایف Transferring data between projects and tasks

• رفع اشکال قبلی در اعضا Resolving a prior bug in members

• تعویض پروژه ها 1 Switching projects 1

• تعویض پروژه ها 1 Switching projects 1

• سوئیچینگ پروژه ها 2 Switching projects 2

• سوئیچینگ پروژه ها 2 Switching projects 2

• افزودن نوع داده کار Adding the task data type

• اضافه کردن وظایف جدید Adding new tasks

• اضافه کردن وظایف جدید Adding new tasks

• نمایش کار در یک گروه تکرار شونده Task appearance in a repeating group

• افزودن عملکرد داشبورد وظیفه Adding task dashboard functionality

• افزودن عملکرد داشبورد وظیفه Adding task dashboard functionality

• اصلاح وظایف 1 Modifying tasks 1

• اصلاح وظایف 2 Modifying tasks 2

• اصلاح وظایف 2 Modifying tasks 2

• نمای کلی برنامه Overview of the app

• نمای کلی برنامه Overview of the app

• تثبیت تعداد کارها در صفحه اصلی Fixing number of tasks on main page

برنامه - ProjectIO App - ProjectIO

• تنظیم هدر Setting the header

• تنظیم صفحه Setting the page

• اعمال طرح Applying the layout

• افزودن عناصر در وسط 2 Adding elements on the middle 2

• اضافه کردن سرفصل های پروژه Adding project headings

• ایجاد یک پروژه جدید Creating a new project

• افزودن کاربران 1 Adding users 1

• افزودن کاربران 2 Adding users 2

• افزودن کاربران 3 Adding users 3

• اضافه کردن اعضا به پروژه ها 2 Adding members to projects 2

• افزودن اعضا به پروژه ها 3 Adding members to projects 3

• اصلاح اعضا در پروژه 1 Modifying members in a project 1

• اصلاح اعضا در پروژه 3 Modifying members in a project 3

• اضافه کردن شماره داشبورد Adding dashboard numbers

• استفاده از فیلترهای داشبورد Using dashboard filters

• معرفی صفحه کار Task page introduction

• ظاهر وظایف Appearance of tasks

• انتقال داده ها بین پروژه ها و وظایف Transferring data between projects and tasks

• رفع اشکال قبلی در اعضا Resolving a prior bug in members

• افزودن نوع داده کار Adding the task data type

• نمایش کار در یک گروه تکرار شونده Task appearance in a repeating group

• اصلاح وظایف 1 Modifying tasks 1

• تثبیت تعداد کارها در صفحه اصلی Fixing number of tasks on main page

برنامه - BubbleBnB App - BubbleBnB

• معرفی BubbleBnB BubbleBnB introduction

• معرفی BubbleBnB BubbleBnB introduction

• راه اندازی محیط Environment setup

• راه اندازی محیط Environment setup

• ایجاد صفحه اول Creating the first page

• ایجاد صفحه اول Creating the first page

• تنظیم گروه ها Setting the groups

• تنظیم گروه ها Setting the groups

• افزودن عناصر روی فیلترها Adding elements on the filters

• افزودن عناصر روی فیلترها Adding elements on the filters

• اضافه کردن لغزنده و ضامن Adding sliders and toggles

• اضافه کردن لغزنده و ضامن Adding sliders and toggles

• افزودن عناصر به گروه های میانی Adding elements to the middle groups

• افزودن عناصر به گروه های مناسب 1 Adding elements to the right groups 1

• افزودن عناصر به گروه های مناسب 1 Adding elements to the right groups 1

• افزودن عناصر به گروه های مناسب 2 Adding elements to the right groups 2

• افزودن عناصر به گروه های مناسب 3 Adding elements to the right groups 3

• تنظیم داده ها Setting up the data

• تنظیم داده ها Setting up the data

• ایجاد داده های کلبه Creating the cottage data

• ایجاد داده های کلبه Creating the cottage data

• ادغام داده ها با نقشه ها و لیست گوگل Integrating data with Google maps and list

• ادغام داده ها با نقشه ها و لیست گوگل Integrating data with Google maps and list

• ساخت لغزنده ویترین تصویر Making the image showcase slider

• عملکرد بین نقشه و لیست در هنگام انتخاب یک صفحه Functionality between map and list while choosing a page

• عملکرد بین نقشه و لیست در هنگام انتخاب یک صفحه Functionality between map and list while choosing a page

• تغییر نشانگر نقشه گوگل بر اساس انتخاب Changing Google map marker based on selection

• تغییر نشانگر نقشه گوگل بر اساس انتخاب Changing Google map marker based on selection

• به روز رسانی سمت راست بر اساس داده ها Updating the right side based on data

• به روز رسانی سمت راست بر اساس داده ها Updating the right side based on data

• افزودن فیلتر (کوچک) Adding filtering (small)

• افزودن فیلتر (کوچک) Adding filtering (small)

• افزودن قابلیت رزرو Adding booking functionality

• افزودن Stripe به رزرو Adding Stripe into booking

• ظاهر صفحه 2 Appearance of page 2

• ظاهر صفحه 2 Appearance of page 2

• برگه مکالمه Conversation tab

• برگه مکالمه Conversation tab

• ظاهر در سمت راست Appearance on the right side

• ظاهر در سمت راست Appearance on the right side

• پیام رسانی 1 Messaging 1

• پیام رسانی 2 Messaging 2

• پیام رسانی 2 Messaging 2

• پیام رسانی 3 Messaging 3

• تغییر مکان انتخابی بر اساس مکالمه انتخابی Modifying chosen place based on selected conversation

• تغییر مکان انتخابی بر اساس مکالمه انتخابی Modifying chosen place based on selected conversation

• انتقال اطلاعات بین دو صفحه Data transfer between the two pages

• اصلاح نماها بر اساس انتخاب گروه Modifying views based on group selection

• اصلاح نماها بر اساس انتخاب گروه Modifying views based on group selection

• برگه رزرو Bookings tab

• برگه رزرو Bookings tab

• اضافه کردن یک مکان Adding a place

• افزودن قابلیت های کاربر Adding user functionality

• مرور Review

• مراحل بعدی Next steps

برنامه - BubbleBnB App - BubbleBnB

• افزودن عناصر به گروه های میانی Adding elements to the middle groups

• افزودن عناصر به گروه های مناسب 2 Adding elements to the right groups 2

• افزودن عناصر به گروه های مناسب 3 Adding elements to the right groups 3

• ساخت لغزنده ویترین تصویر Making the image showcase slider

• افزودن قابلیت رزرو Adding booking functionality

• افزودن Stripe به رزرو Adding Stripe into booking

• پیام رسانی 1 Messaging 1

• پیام رسانی 3 Messaging 3

• انتقال اطلاعات بین دو صفحه Data transfer between the two pages

• اضافه کردن یک مکان Adding a place

• افزودن قابلیت های کاربر Adding user functionality

• مرور Review

• مراحل بعدی Next steps

نتیجه Conclusion

• تبریک و گام های بعدی Congratulations and next steps

• تبریک و گام های بعدی Congratulations and next steps

نتیجه Conclusion

پاداش - دسترسی ویژه Bonus - Special Access

• پاداش - دسترسی ویژه Bonus - Special Access

پاداش - دسترسی ویژه Bonus - Special Access

• پاداش - دسترسی ویژه Bonus - Special Access