آموزش دوره کامل برنامه نویس Bubble: ساخت اپلیکیشن بدون کدنویسی

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

معرفی Introduction

• چرا حباب؟ Why Bubble?

• کاوش در حباب Exploring Bubble

• یک برنامه جدید ایجاد کنید Create a New App

• حباب رابط اجرا از طریق Bubble Interface Run Through

• حباب رابط اجرا از طریق Bubble Interface Run Through

معرفی Introduction

• چرا حباب؟ Why Bubble?

• کاوش در حباب Exploring Bubble

• یک برنامه جدید ایجاد کنید Create a New App

عناصر طراحی بصری Visual Design Elements

• عناصر بصری Visual Elements

• عناصر بصری Visual Elements

• عناصر بصری Visual Elements

• ظروف Containers

• ظروف Containers

• ظروف Containers

• فرم های ورودی Input Forms

• فرم های ورودی Input Forms

• فرم های ورودی Input Forms

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

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

عناصر طراحی بصری Visual Design Elements

• عناصر بصری Visual Elements

• ظروف Containers

• فرم های ورودی Input Forms

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

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

گردش کار و انواع داده ها Workflows and Data Types

• گردش کار قسمت اول Workflows Part One

• گردش کار قسمت دوم Workflows Part Two

• گردش کار قسمت دوم Workflows Part Two

• گردش کار قسمت سوم Workflows Part Three

• داده ها Data

گردش کار و انواع داده ها Workflows and Data Types

• گردش کار قسمت اول Workflows Part One

• گردش کار قسمت سوم Workflows Part Three

• داده ها Data

سبک ها و پلاگین ها Styles and Plugins

• سبک ها Styles

• سبک ها Styles

• سبک ها Styles

• پلاگین ها Plugins

سبک ها و پلاگین ها Styles and Plugins

• سبک ها Styles

• پلاگین ها Plugins

تنظیمات و گزارش‌ها Settings and Logs

• تنظیمات قسمت اول Settings Part One

• تنظیمات قسمت دوم Settings Part Two

• تنظیمات قسمت دوم Settings Part Two

• سیاههها Logs

تنظیمات و گزارش‌ها Settings and Logs

• تنظیمات قسمت اول Settings Part One

• سیاههها Logs

تکالیف یادگیری تعاملی Interactive Learning Assignments

• مقدمه ای بر تکالیف تعاملی Introduction to the interactive assignments

• ذخیره داده ها Saving data

• ذخیره داده ها Saving data

• ساخت یک سیستم ثبت نام Building a sign up system

• ذخیره و اصلاح داده ها Saving and modifying data

• ساخت یک نمایش اسلاید Building a slideshow

• ارسال اطلاعات به صفحات Sending data to pages

• ارسال اطلاعات به صفحات Sending data to pages

• با استفاده از شرایط Using conditions

• استفاده از API و ارسال داده به گروه ها Using APIs and sending data to groups

• تعریف یک فیلد به عنوان فهرستی از چیزها Defining a field as a list of things

• استفاده از API های خارجی Using external APIs

• با استفاده از عنصر نمودار Using the chart element

• برای ورود با فیس بوک Login with Facebook

• برای ورود با فیس بوک Login with Facebook

تکالیف یادگیری تعاملی Interactive Learning Assignments

• مقدمه ای بر تکالیف تعاملی Introduction to the interactive assignments

• ساخت یک سیستم ثبت نام Building a sign up system

• ذخیره و اصلاح داده ها Saving and modifying data

• ساخت یک نمایش اسلاید Building a slideshow

• با استفاده از شرایط Using conditions

• استفاده از API و ارسال داده به گروه ها Using APIs and sending data to groups

• تعریف یک فیلد به عنوان فهرستی از چیزها Defining a field as a list of things

• استفاده از API های خارجی Using external APIs

• با استفاده از عنصر نمودار Using the chart element

Tinder Clone قسمت 1: ساختن صفحه نمایه Tinder Clone Part 1: Building the Profile Page

• مقدمه ای بر ساخت کلون Tinder Introduction to building the Tinder clone

• بیشترین بهره را از این دوره ببرید Getting the most from this course

• چیزی که قرار است بسازید What you're going to build

• چیزی که قرار است بسازید What you're going to build

• چگونه یک برنامه جدید راه اندازی کنیم How to start a new app

• چگونه یک برنامه جدید راه اندازی کنیم How to start a new app

• ایجاد صفحه فرود Creating a landing page

• ایجاد صفحه فرود Creating a landing page

• ویدیو را در برنامه جاسازی کنید Embed video into app

• ویدیو را در برنامه جاسازی کنید Embed video into app

• اضافه کردن پنجره ثبت نام Add sign up popup

• اضافه کردن پنجره ثبت نام Add sign up popup

• راه اندازی ورود به سیستم با فیس بوک Setting up sign in with Facebook

• ایجاد هدر برنامه Create app header

• ایجاد هدر برنامه Create app header

• تغییر بین صفحات Change between pages

• ایجاد فیلدهای اطلاعات کاربر Create user data fields

• ایجاد فیلدهای اطلاعات کاربر Create user data fields

• طراحی قسمت جلویی پروفیل Designing the profile front end

• طراحی قسمت جلویی پروفیل Designing the profile front end

• استفاده از فیلدهای ورودی Using input fields

• استفاده از فیلدهای ورودی قسمت دوم Using input fields part two

• تنظیمات واکنشگرا Responsive settings

• ذخیره ورودی های کاربر در پایگاه داده Saving user inputs to database

• ذخیره ورودی های کاربر در پایگاه داده Saving user inputs to database

• محاسبه سن کاربران Calculating a users age

• محاسبه سن کاربران Calculating a users age

• پیام های هشدار و محتویات اولیه Alert messages and initial contents

• پیام های هشدار و محتویات اولیه Alert messages and initial contents

• Autobinding Autobinding

• Autobinding Autobinding

• حالت های سفارشی با عناصر قابل استفاده مجدد Custom states with reusable elements

• تنظیمات محدودیت Constraint settings

• دکمه خروج Log out button

• تخصیص حالت های سفارشی Custom states assignment

• تخصیص حالت های سفارشی Custom states assignment

Tinder Clone قسمت 1: ساختن صفحه نمایه Tinder Clone Part 1: Building the Profile Page

• مقدمه ای بر ساخت کلون Tinder Introduction to building the Tinder clone

• بیشترین بهره را از این دوره ببرید Getting the most from this course

• راه اندازی ورود به سیستم با فیس بوک Setting up sign in with Facebook

• تغییر بین صفحات Change between pages

• استفاده از فیلدهای ورودی Using input fields

• استفاده از فیلدهای ورودی قسمت دوم Using input fields part two

• تنظیمات واکنشگرا Responsive settings

• حالت های سفارشی با عناصر قابل استفاده مجدد Custom states with reusable elements

• تنظیمات محدودیت Constraint settings

• دکمه خروج Log out button

Tinder Clone قسمت 2: ساختن صفحه اصلی Tinder Clone Part 2: Building the Home Page

• پلاگین Tinder pile Tinder pile plugin

• شمع Tinder خود را ایجاد کنید Create your own Tinder pile

• شمع Tinder خود را ایجاد کنید Create your own Tinder pile

• افزودن داده به پایگاه داده Add data to database

• افزودن داده به پایگاه داده Add data to database

• تطبیق دو کاربر که یکدیگر را دوست دارند Matching two users who like each other

• نحوه استفاده از پنجره های بازشو How to use popups

• نحوه استفاده از پنجره های بازشو How to use popups

• گردش کار در پنجره های بازشو Workflows on popups

• عیب یابی اقدامات گردش کار Troubleshooting workflow actions

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

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

Tinder Clone قسمت 2: ساختن صفحه اصلی Tinder Clone Part 2: Building the Home Page

• پلاگین Tinder pile Tinder pile plugin

• تطبیق دو کاربر که یکدیگر را دوست دارند Matching two users who like each other

• گردش کار در پنجره های بازشو Workflows on popups

• عیب یابی اقدامات گردش کار Troubleshooting workflow actions

Tinder Clone قسمت 3: ساختن صفحه مسنجر Tinder Clone Part 3: Building the Messenger Page

• تکرار گزینه های گروهی Repeating group options

• تکرار گزینه های گروهی Repeating group options

• اضافه کردن شرط ها Adding conditionals

• پیوند دادن انواع داده ها Linking data types

• یک چت جدید ایجاد کنید Create a new chat

• ارسال پارامترها به یک صفحه Sending parameters to a page

• استفاده از آیکون ها Using icons

• در حال تکرار پیمایش گروهی به ورودی Repeating group scroll to entry

• در حال تکرار پیمایش گروهی به ورودی Repeating group scroll to entry

• تست ارتباط بین کاربران Testing communication between users

• طراحی رابط کاربری پیام رسان User interface design of messenger

• دسترسی به داده ها با استفاده از پارامترها Accessing data using parameters

• دسترسی به داده ها با استفاده از پارامترها Accessing data using parameters

• ورودی در مقابل ورودی چند خطی Input vs multi-line input

• ورودی در مقابل ورودی چند خطی Input vs multi-line input

• تشخیص پیام های خوانده شده Detecting read messages

• تشخیص پیام های خوانده شده Detecting read messages

• اعلان های پیام Message notifications

• اعلان های پیام Message notifications

• تست کاربر User testing

• تست کاربر User testing

• اطلاع رسانی در هدر Notification in header

• اطلاع رسانی در سربرگ Notification in header

• دکمه ارسال پیام Send message button

• تست دکمه ارسال پیام Testing the send message button

• به صفحه قبلی بروید Navigate to previous page

• به صفحه قبلی بروید Navigate to previous page

• اجازه دادن به موقعیت مکانی با مرورگر Allowing location with browser

• استقرار در جهان Deploying to the world

• استقرار در جهان Deploying to the world

Tinder Clone قسمت 3: ساختن صفحه مسنجر Tinder Clone Part 3: Building the Messenger Page

• اضافه کردن شرط ها Adding conditionals

• پیوند دادن انواع داده ها Linking data types

• یک چت جدید ایجاد کنید Create a new chat

• ارسال پارامترها به یک صفحه Sending parameters to a page

• استفاده از آیکون ها Using icons

• تست ارتباط بین کاربران Testing communication between users

• طراحی رابط کاربری پیام رسان User interface design of messenger

• دکمه ارسال پیام Send message button

• تست دکمه ارسال پیام Testing the send message button

• اجازه دادن به موقعیت مکانی با مرورگر Allowing location with browser

API ها چیست؟ What are APIs?

• مقدمه ای بر API ها Introduction to APIs

• مقدمه ای بر API - کتاب الکترونیکی An Introduction to APIs - ebook

• رابط API API Connector

• معنای واقعی هر ورودی رابط API چیست What each input of the API Connector actually means

• معنای واقعی هر ورودی رابط API چیست What each input of the API Connector actually means

API ها چیست؟ What are APIs?

• مقدمه ای بر API ها Introduction to APIs

• مقدمه ای بر API - کتاب الکترونیکی An Introduction to APIs - ebook

• رابط API API Connector

API مثال 1: مبدل درجه به رادیان API Example 1: Degrees to Radians Converter

• آشنایی با اسناد API Understanding API documentation

• آشنایی با اسناد API Understanding API documentation

• روش های API API methods

• روش های API API methods

• استفاده از اشیاء JSON Using JSON Objects

• استفاده از اشیاء JSON Using JSON Objects

• ساخت مبدل درجه به رادیان Building a degrees to radians converter

• ساخت مبدل درجه به رادیان Building a degrees to radians converter

• استفاده از فراخوانی های API در گردش کار Using API calls in workflows

• با تبلیغات از اپلیکیشن خود کسب درآمد کنید Monetize your app with ads

• با تبلیغات از اپلیکیشن خود کسب درآمد کنید Monetize your app with ads

API مثال 1: مبدل درجه به رادیان API Example 1: Degrees to Radians Converter

• استفاده از فراخوانی های API در گردش کار Using API calls in workflows

API مثال 2: از جزئیات افراد فقط با استفاده از آدرس ایمیل آنها جاسوسی کنید API Example 2: Spy on peoples details using only their email address

• FullContact API FullContact API

• FullContact API FullContact API

• چیزی که قرار است بسازیم What we are going to build

• چیزی که قرار است بسازیم What we are going to build

• دریافت کلید API Getting the API Key

• دریافت کلید API Getting the API Key

• احراز هویت Authentication

• احراز هویت Authentication

• API Full Contact به‌روزرسانی شد Updated Full Contact API

• مولفه های Parameters

• مولفه های Parameters

• دریافت داده از API در گردش کار Get data from API in workflows

• نمایش داده ها و اشکال زدایی Displaying data and debugging

• نتایج تست Testing results

• نتایج تست Testing results

• لمس های نهایی Final touches

• لمس های نهایی Final touches

• جستجوی اطلاعات سهام شرکت Company Stock Data Lookup

• جستجوی اطلاعات سهام شرکت Company Stock Data Lookup

API مثال 2: از جزئیات افراد فقط با استفاده از آدرس ایمیل آنها جاسوسی کنید API Example 2: Spy on peoples details using only their email address

• API Full Contact به‌روزرسانی شد Updated Full Contact API

• دریافت داده از API در گردش کار Get data from API in workflows

• نمایش داده ها و اشکال زدایی Displaying data and debugging

نتیجه Conclusion

• افکار نهایی Final thoughts

نتیجه Conclusion

• افکار نهایی Final thoughts

قالب های برنامه App Templates

• قالب برنامه WeMatch (Tinder Clone). WeMatch (Tinder Clone) App Template

• الگوی برنامه جاسوسی الکترونیکی E-spy App Template

• الگوی برنامه جاسوسی الکترونیکی E-spy App Template

• الگوی برنامه تبدیل درجه به رادیان Degrees to Radians Converter App Template

• الگوی برنامه جستجوی داده های سهام Stock Data Lookup App Template

• روی n Book App Template کلیک کنید Click n Book App Template

قالب های برنامه App Templates

• قالب برنامه WeMatch (Tinder Clone). WeMatch (Tinder Clone) App Template

• الگوی برنامه تبدیل درجه به رادیان Degrees to Radians Converter App Template

• الگوی برنامه جستجوی داده های سهام Stock Data Lookup App Template

• روی n Book App Template کلیک کنید Click n Book App Template

منابع اضافی Additional Resources

• چگونه یک اپلیکیشن تک صفحه ای بسازیم؟ How to Build a Single Page App?

• چگونه یک اپلیکیشن تک صفحه ای بسازیم؟ How to Build a Single Page App?

• الگوی برنامه تک صفحه ای Single Page App Template

• هک های عملکرد - سرعت برنامه حباب خود را افزایش دهید Performance Hacks - Speed Up Your Bubble App

• هک های عملکرد - سرعت برنامه حباب خود را افزایش دهید Performance Hacks - Speed Up Your Bubble App

• نقش های حریم خصوصی Privacy Roles

• نقش های حریم خصوصی Privacy Roles

• ایجاد برنامه های واکنش گرا در Bubble Creating Responsive Apps in Bubble

• ایجاد برنامه های واکنش گرا در Bubble Creating Responsive Apps in Bubble

• بلوک های ساختمانی در حباب Building Blocks on Bubble

• ابزارک ها، API ها و پلاگین ها Widgets, API's and Plugins

• حباب مربیگری Coaching Bubble

• Canvas - یک الگوی متن باز حباب Tooklit Canvas - An Open Source Bubble Template Tooklit

• Canvas - یک الگوی متن باز حباب Tooklit Canvas - An Open Source Bubble Template Tooklit

• برنامه های افزودنی مفید کروم Useful Chrome Extensions

• چگونه گزارش اشکال را به Bubble ارسال کنیم؟ How to send a bug report to Bubble?

• تولید کننده داده های تست خودکار Automatic Test Data Generator

• برنامه وب حباب خود را به یک برنامه دسکتاپ تبدیل کنید Convert Your Bubble Web App to a Desktop App

• قالب های حباب Bubble Templates

منابع اضافی Additional Resources

• الگوی برنامه تک صفحه ای Single Page App Template

• بلوک های ساختمانی در حباب Building Blocks on Bubble

• ابزارک ها، API ها و پلاگین ها Widgets, API's and Plugins

• حباب مربیگری Coaching Bubble

• برنامه های افزودنی مفید کروم Useful Chrome Extensions

• چگونه گزارش اشکال را به Bubble ارسال کنیم؟ How to send a bug report to Bubble?

• تولید کننده داده های تست خودکار Automatic Test Data Generator

• برنامه وب حباب خود را به یک برنامه دسکتاپ تبدیل کنید Convert Your Bubble Web App to a Desktop App

• قالب های حباب Bubble Templates