آموزش استادی کامل Bubble بدون کدنویسی ۲۰۲۴: از صفر تا قهرمان - آخرین آپدیت

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

Introduction to Bubble-فصل 1-معرفی Bubble Introduction to Bubble

• Create a Bubble account-ویدیو 1-1-ایجاد حساب Bubble Create a Bubble account

• Introduction to Bubble editor-ویدیو 1-2-معرفی ویرایشگر Bubble Introduction to Bubble editor

• Find anything in the editor-ویدیو 1-3-پیدا کردن هر چیزی در ویرایشگر Find anything in the editor

• Oragnize pages in folders-ویدیو 1-4-سازماندهی صفحات در پوشه‌ها Oragnize pages in folders

• Add comments in bubble editor-ویدیو 1-5-افزودن نظرات در ویرایشگر Bubble Add comments in bubble editor

• Shortcuts in bubble-ویدیو 1-6-میانبرها در Bubble Shortcuts in bubble

• Bubble manual-ویدیو 1-7-راهنمای Bubble Bubble manual

Design elements in Bubble-فصل 2-عناصر طراحی در Bubble Design elements in Bubble

• Introduction to elements and properties-ویدیو 2-1-معرفی عناصر و ویژگی‌ها Introduction to elements and properties

• Page element-ویدیو 2-2-عنصر صفحه Page element

• Text element-ویدیو 2-3-عنصر متن Text element

• Other visual elements-ویدیو 2-4-سایر عناصر بصری Other visual elements

• Input elements-ویدیو 2-5-عناصر ورودی Input elements

Responsive design in Bubble-فصل 3-طراحی واکنشگرا در Bubble Responsive design in Bubble

• What is responsive design?-ویدیو 3-1-طراحی واکنشگرا چیست؟ What is responsive design?

• Responsive design in bubble-ویدیو 3-2-طراحی واکنشگرا در Bubble Responsive design in bubble

• Align to parent layout-ویدیو 3-3-تراز کردن با طرح‌بندی والد Align to parent layout

• Column layout-ویدیو 3-4-طرح‌بندی ستونی Column layout

• Row layout-ویدیو 3-5-طرح‌بندی ردیفی Row layout

Styling in Bubble-فصل 4-استایل‌دهی در Bubble Styling in Bubble

• Styles-ویدیو 4-1-استایل‌ها Styles

• Style variables-ویدیو 4-2-متغیرهای استایل Style variables

• Custom fonts-ویدیو 4-3-فونت‌های سفارشی Custom fonts

Exercise - Build responsive layouts-فصل 5-تمرین - ساخت طرح‌بندی‌های واکنشگرا Exercise - Build responsive layouts

• Create a sidebar-ویدیو 5-1-ایجاد نوار کناری Create a sidebar

• Mobile responsive sidebar-ویدیو 5-2-نوار کناری واکنشگرا برای موبایل Mobile responsive sidebar

• Create a card layout like Youtube-ویدیو 5-3-ایجاد طرح‌بندی کارتی مانند یوتیوب Create a card layout like Youtube

• Create a responsive navbar from scratch-ویدیو 5-4-ایجاد نوار ناوبری واکنشگرا از ابتدا Create a responsive navbar from scratch

Database in Bubble-فصل 6-پایگاه داده در Bubble Database in Bubble

• What is a database?-ویدیو 6-1-پایگاه داده چیست؟ What is a database?

• Introduction to database in bubble-ویدیو 6-2-معرفی پایگاه داده در Bubble Introduction to database in bubble

• CRUD (Create, Read, Update, Delete) data-ویدیو 6-3-CRUD (ایجاد، خواندن، به‌روزرسانی، حذف) داده CRUD (Create, Read, Update, Delete) data

• Auto binding data-ویدیو 6-4-اتصال خودکار داده Auto binding data

• Find and display data-ویدیو 6-5-یافتن و نمایش داده Find and display data

• Display data in a group-ویدیو 6-6-نمایش داده در یک گروه Display data in a group

• Repeating group-ویدیو 6-7-گروه تکرارشونده Repeating group

• Managing files-ویدیو 6-8-مدیریت فایل‌ها Managing files

• Custom states-ویدیو 6-9-حالت‌های سفارشی Custom states

• Option sets-ویدیو 6-10-مجموعه‌های گزینه Option sets

• URL parameters-ویدیو 6-11-پارامترهای URL URL parameters

Workflows in Bubble-فصل 7-جریان‌های کاری در Bubble Workflows in Bubble

• What is a workflow-ویدیو 7-1-جریان کاری چیست What is a workflow

• Create a workflow - part1-ویدیو 7-2-ایجاد یک جریان کاری - قسمت 1 Create a workflow - part1

• Create a workflow - part2-ویدیو 7-3-ایجاد یک جریان کاری - قسمت 2 Create a workflow - part2

• Events in a workflow-ویدیو 7-4-رویدادها در یک جریان کاری Events in a workflow

• Actions for events in workflow-ویدیو 7-5-اقدامات برای رویدادها در جریان کاری Actions for events in workflow

• Conditions for events and actions-ویدیو 7-6-شرایط برای رویدادها و اقدامات Conditions for events and actions

• Organise workflows-ویدیو 7-7-سازماندهی جریان‌های کاری Organise workflows

• Create custom events-ویدیو 7-8-ایجاد رویدادهای سفارشی Create custom events

• Work execution rules-ویدیو 7-9-قوانین اجرای کار Work execution rules

Project-1: Build a Medium clone-فصل 8-پروژه 1: ساخت یک کلون مدیوم Project-1: Build a Medium clone

• Introduction to medium clone project-ویدیو 8-1-معرفی پروژه کلون مدیوم Introduction to medium clone project

• Create data types in database-ویدیو 8-2-ایجاد انواع داده در پایگاه داده Create data types in database

• Create re-usable header and navbar-ویدیو 8-3-ایجاد هدر و نوار ناوبری قابل استفاده مجدد Create re-usable header and navbar

• Show signup and login form using custom events-ویدیو 8-4-نمایش فرم ثبت نام و ورود با استفاده از رویدادهای سفارشی Show signup and login form using custom events

• Login and signup workflows-ویدیو 8-5-جریان‌های کاری ورود و ثبت نام Login and signup workflows

• Create a settings page-ویدیو 8-6-ایجاد صفحه تنظیمات Create a settings page

• Create a post page - part1-ویدیو 8-7-ایجاد صفحه پست - قسمت 1 Create a post page - part1

• Create a post page - part2-ویدیو 8-8-ایجاد صفحه پست - قسمت 2 Create a post page - part2

• Create a post page - part3-ویدیو 8-9-ایجاد صفحه پست - قسمت 3 Create a post page - part3

• Create a homepage - part1-ویدیو 8-10-ایجاد صفحه اصلی - قسمت 1 Create a homepage - part1

• Create a homepage - part2-ویدیو 8-11-ایجاد صفحه اصلی - قسمت 2 Create a homepage - part2

• Show single post on a page-ویدیو 8-12-نمایش یک پست تکی در یک صفحه Show single post on a page

• Add comment feature to the post page-ویدیو 8-13-افزودن قابلیت نظردهی به صفحه پست Add comment feature to the post page

• Show comments on post page-ویدیو 8-14-نمایش نظرات در صفحه پست Show comments on post page

• Build a upvote system for users to upvote a post-ویدیو 8-15-ایجاد سیستم رای مثبت برای کاربران برای رای دادن به یک پست Build a upvote system for users to upvote a post

• Finish settings and user account page-ویدیو 8-16-تکمیل تنظیمات و صفحه حساب کاربری Finish settings and user account page

• Edit post page for post creators-ویدیو 8-17-ویرایش صفحه پست برای ایجادکنندگان پست Edit post page for post creators

Project-2: Build a Copy AI clone-فصل 9-پروژه 2: ساخت یک کلون Copy AI Project-2: Build a Copy AI clone

• Introduction to the Copy AI clone project-ویدیو 9-1-معرفی پروژه کلون Copy AI Introduction to the Copy AI clone project

• Create a beautiful saas landing page-ویدیو 9-2-ایجاد یک صفحه فرود SaaS زیبا Create a beautiful saas landing page

• Create user login and signup system-ویدیو 9-3-ایجاد سیستم ورود و ثبت نام کاربر Create user login and signup system

• Design the database for the AI saas app-ویدیو 9-4-طراحی پایگاه داده برای برنامه SaaS هوش مصنوعی Design the database for the AI saas app

• Create the sidebar for the logged-in user-ویدیو 9-5-ایجاد نوار کناری برای کاربر وارد شده Create the sidebar for the logged-in user

• Create a AI content generation template page-ویدیو 9-6-ایجاد صفحه قالب تولید محتوای هوش مصنوعی Create a AI content generation template page

• Template cards workflows-ویدیو 9-7-جریان‌های کاری کارت‌های قالب Template cards workflows

• Create the single project page-ویدیو 9-8-ایجاد صفحه پروژه تکی Create the single project page

• Create the single project page - part2-ویدیو 9-9-ایجاد صفحه پروژه تکی - قسمت 2 Create the single project page - part2

• Introduction to API connector-ویدیو 9-10-معرفی اتصال دهنده API Introduction to API connector

• Generate amazon product description using openAI API-ویدیو 9-11-تولید توضیحات محصول آمازون با استفاده از API openAI Generate amazon product description using openAI API

• Show all projects by user in a dashboard-ویدیو 9-12-نمایش تمام پروژه‌های کاربر در یک داشبورد Show all projects by user in a dashboard

• Finish the sidebar navigations-ویدیو 9-13-تکمیل ناوبری‌های نوار کناری Finish the sidebar navigations

• Create an AI image generation page - part1-ویدیو 9-14-ایجاد صفحه تولید تصویر هوش مصنوعی - قسمت 1 Create an AI image generation page - part1

• Create an AI image generation page - part2-ویدیو 9-15-ایجاد صفحه تولید تصویر هوش مصنوعی - قسمت 2 Create an AI image generation page - part2

• Create a settings page for user-ویدیو 9-16-ایجاد صفحه تنظیمات برای کاربر Create a settings page for user

• Blog post topic idea generation template-ویدیو 9-17-قالب تولید ایده موضوع پست وبلاگ Blog post topic idea generation template

• Payment & credits system: part-1 (Design the buy popup)-ویدیو 9-18-سیستم پرداخت و اعتبار: قسمت 1 (طراحی پاپ آپ خرید) Payment & credits system: part-1 (Design the buy popup)

• Payment & credits system: part-2 (Add credits via stripe payments)-ویدیو 9-19-سیستم پرداخت و اعتبار: قسمت 2 (افزودن اعتبار از طریق پرداخت‌های Stripe) Payment & credits system: part-2 (Add credits via stripe payments)

• Payment & credits system: part-3 (Show loader and success popup)-ویدیو 9-20-سیستم پرداخت و اعتبار: قسمت 3 (نمایش لودر و پاپ آپ موفقیت) Payment & credits system: part-3 (Show loader and success popup)

• Payment & credits system: part-4 (Update available credits on usage)-ویدیو 9-21-سیستم پرداخت و اعتبار: قسمت 4 (به‌روزرسانی اعتبارهای موجود در هنگام استفاده) Payment & credits system: part-4 (Update available credits on usage)

• Finish user settings page and create a mobile responsive menu-ویدیو 9-22-تکمیل صفحه تنظیمات کاربر و ایجاد منوی واکنشگرا برای موبایل Finish user settings page and create a mobile responsive menu

• Responsive navbar for mobile-ویدیو 9-23-نوار ناوبری واکنشگرا برای موبایل Responsive navbar for mobile

Project-3: Build an AirBnB clone-فصل 10-پروژه 3: ساخت یک کلون AirBnB Project-3: Build an AirBnB clone

• Introduction to the AirBnB clone project-ویدیو 10-1-معرفی پروژه کلون AirBnB Introduction to the AirBnB clone project

• Design the re-usable header and footer-ویدیو 10-2-طراحی هدر و فوتر قابل استفاده مجدد Design the re-usable header and footer

• Reusable header - part2-ویدیو 10-3-هدر قابل استفاده مجدد - قسمت 2 Reusable header - part2

• Signup and edit profile-ویدیو 10-4-ثبت نام و ویرایش پروفایل Signup and edit profile

• Create a listing - Data type-ویدیو 10-5-ایجاد لیست - نوع داده Create a listing - Data type

• Create a listing - Listing page-ویدیو 10-6-ایجاد لیست - صفحه لیست Create a listing - Listing page

• Manage listing-ویدیو 10-7-مدیریت لیست Manage listing

• Edit listing-ویدیو 10-8-ویرایش لیست Edit listing

• Single property page - part1-ویدیو 10-9-صفحه ملک تکی - قسمت 1 Single property page - part1

• Single property page - part2-ویدیو 10-10-صفحه ملک تکی - قسمت 2 Single property page - part2

• Single property page - part3-ویدیو 10-11-صفحه ملک تکی - قسمت 3 Single property page - part3

• Single property page - part4-ویدیو 10-12-صفحه ملک تکی - قسمت 4 Single property page - part4

• Single property page - part5-ویدیو 10-13-صفحه ملک تکی - قسمت 5 Single property page - part5

• Single property page - part6-ویدیو 10-14-صفحه ملک تکی - قسمت 6 Single property page - part6

• Home page-ویدیو 10-15-صفحه اصلی Home page

• Search bar-ویدیو 10-16-نوار جستجو Search bar

• Search result page - part1-ویدیو 10-17-صفحه نتایج جستجو - قسمت 1 Search result page - part1

• Search result page - part2-ویدیو 10-18-صفحه نتایج جستجو - قسمت 2 Search result page - part2

• Navigate from search results to single property page-ویدیو 10-19-پیمایش از نتایج جستجو به صفحه ملک تکی Navigate from search results to single property page

• Update header navaigations-ویدیو 10-20-به‌روزرسانی ناوبری‌های هدر Update header navaigations

• Create a booking-ویدیو 10-21-ایجاد رزرو Create a booking

• My bookings page-ویدیو 10-22-صفحه رزروهای من My bookings page

• Add review for booked properties-ویدیو 10-23-افزودن نظر برای ملک‌های رزرو شده Add review for booked properties

• Show user reviews in property listing page-ویدیو 10-24-نمایش نظرات کاربران در صفحه لیست ملک Show user reviews in property listing page

• Create a page for chat messaging-ویدیو 10-25-ایجاد صفحه برای پیام‌رسانی چت Create a page for chat messaging

• Sticky reservation bottom bar like AirBnB for mobile-ویدیو 10-26-نوار پایین چسبان رزرو مانند AirBnB برای موبایل Sticky reservation bottom bar like AirBnB for mobile