آموزش برنامه چت Flutter & Firebase: Master Flutter و Firebase

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

معرفی Introduction

• مهم Important

• معرفی Introduction

• بررسی اجمالی برنامه Application Overview

• ایجاد پروژه فلاتر Creating Flutter Project

• اضافه کردن بسته های مورد نیاز Adding Required Packages

راه اندازی Firebase Firebase Setup

• معرفی Introduction

• ایجاد پروژه Firebase Firebase Project Creation

• راه اندازی iOS Firebase iOS Firebase Setup

• راه اندازی Android Firebase Android Firebase Setup

• ساختار پایگاه داده Firebase Firestore Firebase Firestore Database Structure

صفحه Spalsh و خدمات داخلی Spalsh Page and Internal Services

• معرفی Introduction

• صفحه Splash ایجاد کنید Create Splash Page

• توضیح صفحه Splash Explanation Splash Page

• راه اندازی برنامه Firebase Initializing Firebase Application

• ایجاد سرویس ناوبری Creating Navigation Service

• ایجاد سرویس رسانه ای Creating Media Service

• ایجاد سرویس ذخیره سازی ابری Creating Cloud Storage Service

• ایجاد سرویس پایگاه داده Creating Database Service

• در حال اتمام صفحه Splash Finishing Up Splash Page

صفحه ورود Login Page

• معرفی Introduction

• ایجاد صفحه ورود Creating Login Page

• اضافه کردن عنوان صفحه Adding Page Title

• افزودن فیلدهای فرم Adding Form Fields

• اضافه کردن دکمه ورود Adding Login Button

• افزودن لینک صفحه ثبت نام Adding Register Page Link

اجرای احراز هویت Firebase Implementing Firebase Authentication

• معرفی Introduction

• ایجاد ارائه دهنده احراز هویت Creating Authentication Provider

• ایجاد مدل کاربر Creating User Model

• ایجاد کاربر در Firebase Creating A User In Firebase

• ایجاد تابع ورود Creating Login Function

• پیاده سازی عملکرد ورود Implementing Login Functionality

• گوش دادن به تغییرات وضعیت احراز هویت Firebase Listening To Firebase Auth State Changes

• پیاده سازی توابع سرویس پایگاه داده Implementing Database Service Functions

• تجزیه اطلاعات کاربر Parsing User Data

• حرکت به صفحه اصلی Navigating to HomePage

صفحه ثبت نام Registration Page

• معرفی Introduction

• ایجاد صفحه ثبت نام Creating Registration Page

• ایجاد فیلد تصویر نمایه Creating Profile Image Field

• پیاده سازی تابع Image Picker Implementing Image Picker Function

• افزودن فیلدهای فرم Adding Form Fields

• اضافه کردن دکمه ثبت نام Adding Register Button

اجرای ثبت Implementing Registration

• معرفی Introduction

• ایجاد تابع ثبت نام Creating Registration Function

• نوشتن تابع ذخیره سازی ابری Firebase Writing Firebase Cloud Storage Function

• نوشتن تابع ایجاد کاربر Firestore Writing Firestore Create User Function

• اجرای ثبت Implementing Registration

• تغییر مسیر بعد از ثبت نام Redirection after Registration

صفحه نخست Home Page

• معرفی Introduction

• پیاده سازی نوار ناوبری پایین Implementing Bottom Navigation Bar

• ایجاد صفحه چت Creating Chats Page

• ایجاد صفحه کاربران Creating Users Page

صفحه چت Chats Page

• معرفی Introduction

• ایجاد نوار بالا Creating Top Bar

• ایجاد مدل پیام چت Creating Chat Message Model

• ایجاد مدل چت Creating Chat Model

• ایجاد کاشی نمای فهرست سفارشی با فعالیت - قسمت 1 Creating Custom List View Tile With Activity- Part 1

• ایجاد تصویر گرد با نشانگر وضعیت Creating Rounded Image With Status Indicator

• ایجاد کاشی نمای فهرست سفارشی با فعالیت - قسمت 2 Creating Custom List View Tile With Activity- Part 2

• Refactoring کد Code Refactoring

• ایجاد ارائه دهنده صفحه چت Creating Chats Page Provider

• افزودن داده‌های چت به Firebase Cloud Firestore Adding Chats Data To Firebase Cloud Firestore

• دریافت چت برای کاربر از Firebase Get Chats For User From Firebase

• دریافت آخرین پیام برای چت چت از Firestor Get Last Message For Chat Chats From Firestore

• تنظیم جریان چت از Firestore برای کاربر Firebase Setting up Chats Stream From Firestore For Firebase User

• کار با ListView Builder و Provider Working with ListView Builder and Provider

• به روز رسانی عملکرد ChatTile Update ChatTile Function

صفحه چت Chat Page

• معرفی Introduction

• ایجاد صفحه چت Creating Chat Page

• اضافه کردن نوار بالا Adding Top Bar

• ایجاد ارائه دهنده صفحه چت Creating Chat Page Provider

• افزودن توابع CRUD به سرویس پایگاه داده Adding CRUD Functions To Database Service

• راه اندازی Firestore Stream For Messages Setting up Firestore Stream For Messages

• ایجاد توابع ارسال پیام و حذف چت Creating Send Message and Delete Chat Functions

• نمایش پیام ها در نمای فهرست Showing Messages In List View

• ایجاد کاشی نمای فهرست سفارشی Creating Custom List View Tile

• ایجاد ویجت حباب پیام متنی Creating Text Message Bubble Widget

• ایجاد ویجت حباب پیام تصویر Creating Image Message Bubble Widget

• افزودن فیلد فرم متن پیام Adding Message Text Form Field

• اضافه کردن دکمه ارسال و تصویر پیام Adding Send and Image Message Button

• ارسال پیام متنی در چت با استفاده از Firebase و Firestore Sending Text Messages In Chat Using Firebase and Firestore

• ارسال پیام های تصویری در چت با استفاده از فضای ذخیره سازی Firebase Sending Image Messages In Chat Using Firebase Storage

• رفع اشکالات Fixing Bugs

• اسکرول خودکار ListView به آخرین پیام ارسال شده Auto Scroll ListView To Last Message Sent

• نمایش فعالیت تایپ کاربر Showing User Typing Activity

صفحه کاربران Users Page

• معرفی Introduction

• اضافه کردن TopBar Adding TopBar

• افزودن فیلد نوار جستجو Adding Search Bar Field

• افزودن نمای فهرست کاربران Adding Users List View

• ایجاد ارائه دهنده صفحه کاربران Creating Users Page Provider

• بازیابی کاربران از Cloud Firestore Retrieving Users From Cloud Firestore

• نمایش کاربران در نمای فهرست Displaying Users In List View

• انتخاب کاربران برای چت Selecting Users To Chat

• ایجاد چت در Cloud Firestore Create Chat In Cloud Firestore

• افزودن عملکرد ایجاد چت به ارائه دهنده صفحه کاربران Adding Create Chat Function To Users Page Provider

• اضافه کردن دکمه ایجاد چت Adding Create Chat Button

• تست عملکرد ایجاد چت Testing Create Chat Functionality

• افزودن عملکرد باقیمانده به صفحه کاربران Adding Remaining Functionality To Users Page

بررسی اجمالی نهایی Final Overview

• تست برنامه تکمیل شده Testing Completed Application