آموزش برنامه چت غنی از ویژگی Flutter & Firebase با Copilot

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

معرفی Introduction

• معرفی Introduction

• شروع برنامه Starting the Application

• اضافه کردن تم به برنامه Adding themes to the Application

• رابط کاربری صفحه اصلی Home screen UI

• اتصال برنامه به firestore Connecting the Application to firestore

• نصب پکیج ها Installing packages

• نمایش انیمیشن های Lottie Showing Lottie animations

احراز هویت کاربر و پروفایل ها User Authentication and Profiles

• رابط کاربری صفحه ورود به سیستم Login screen UI

• رفع سریع رابط کاربری صفحه ورود به سیستم Login screen UI Quick Fix

• کلاس مدل کاربر User model class

• کلاس ارائه دهنده را تأیید کنید و با روش تلفن وارد شوید. Auth provider class and sign in with phone method.

• صفحه نمایش OTP OTP screen

• صفحه نمایش اطلاعات کاربر User information screen

• روش VerifyOTP VerifyOTP method

• OTPSscreen پیشرفته OTPScreen advanced

• راه اندازی Cloud firestore و ذخیره سازی Setting up Cloud firestore and storage

• انتخاب تصویر از گالری یا دوربین (قسمت 1 و 2) Pick image from gallery or Camera (parts 1 and 2)

• تصویر را از گالری یا دوربین قسمت 2 انتخاب کنید Pick image from gallery or Camera part 2

• داده های کاربر را در fireStore ذخیره کنید Save user data to fireStore

• ورود به سیستم اولین کاربر Signing In the first user

• نمایش تصویر کاربر Displaying user image

• افزودن Auth State Lister Adding Auth state Listener

• داده های کاربر را پخش و نمایش دهید Stream and display user data

• رابط کاربری و رفتار صفحه نمایش نمایه Profile screen UI and behaviour

• نمایه - افزودن نماد تنظیمات و هدر درباره من Profile - Adding Settings Icon and About Me header

• صفحه نمایش افراد، نمایش همه کاربران People screen, display all users

• UI صفحه نمایه و رفتار قسمت 2. Profile screen UI and behaviour part 2.

• رابط کاربری صفحه نمایه و رفتار قسمت 3. Profile screen UI and behaviour part 3.

• رابط کاربری صفحه نمایه و رفتار قسمت 4. Profile screen UI and behaviour part 4.

• رابط کاربری صفحه نمایش و رفتار قسمت 5 Profile screen UI and behaviour part 5

• درخواست دوست و صفحه نمایش دوستان Friend Requests and Friends screens

عملکرد چت Chat Functionality

• صفحه چت Chat screen

• نوار برنامه صفحه چت Chat screen App Bar

• چت فیلد پایین Bottom Chatfield

• کلاس مدل پیام Message model class

• روش ارسال پیامک قسمت 1. Send text message method part 1.

• روش ارسال پیامک قسمت 2. Send text message method part 2.

• اولین پیام را ارسال کنید. Send the first message.

• نمایش لیست چت کاربران Displaying users chat list

• نمایش پیام ها Displaying the messages

• بسته لیست گروه بندی شده Grouped List package

• ویجت پیام Refactor Refactor message widget

• عملکرد پاسخ پیام Message reply function

• ویجت پیش نمایش پاسخ پیام Message reply preview widget

• پیام پاسخ داده شده را ارسال و نمایش دهید Send and display the replied message

• رفع تم Fixing the theme

• پیمایش خودکار و رد کردن صفحه کلید Automatic scrolling and dismiss keyboard

• پیام را همانطور که دیده می شود تنظیم کنید Set message as seen

• آخرین باری که کاربر دیده شده را تنظیم کنید Set last time user seen

• ارسال پیام تصویری Sending an image message

• نمایش پیام تصویری Displaying an image message

• رفع می کند fixes

• روش ارسال پیام صوتی Send audio message method

• ارسال پیام صوتی Send Audio message

• پخش فایل صوتی Playing audio file

• افزودن تصاویر و ویدئوها به شبیه ساز اندروید Adding images and videos into the Android Emulator

• ارسال پیام تصویری Sending a video message

• نمایش و پخش پیام ویدیویی Display and play video message

واکنش ها Reactions

• معرفی بخش Section introduction

• واکنش ها ظاهر می شود و منوی زمینه Reactions pop up and context menu

• انتخاب کننده شکلک Emoji Picker

• ایموجی و انیمیشن منوی زمینه Emoji and context menu animation

• نمایش واکنش‌ها در رابط کاربری حباب چت Displaying Reactions on Chat bubble UI

• نهایی شدن رابط کاربری واکنش ها Finalizing the reactions UI

• تغییرات جزئی UI و قالب بندی کد Minor UI changes and code formatting

• Reaction را به پیام قسمت 1 اضافه کنید Add Reaction to message part 1

• Reaction را به پیام قسمت 2 اضافه کنید Add Reaction to message part 2

• ویجت Refactoring Message Refactoring Message widget

• انیمیشن های منوی واکنش های پیشرفته قسمت 1 Advanced reactions menu animations part 1

• انیمیشن های منوی واکنش های پیشرفته قسمت 2 Advanced reactions menu animations part 2

• پاسخ تمرین Exercise Answer

گروه ها Groups

• رابط کاربری صفحه نمایش گروه ها Groups screen UI

• ایجاد رابط کاربری صفحه گروه Create Group screen UI

• ویجت دوست Friend widget

• مدل گروهی Group model

• تنظیمات گروه رابط کاربری صفحه Group settings Screen UI

• کلاس ارائه دهنده گروه Group Provider class

• مدیران گروه را انتخاب کنید Select Group Admins

• رفع کپی های اعضای گروه Group members duplications fix

• یک چت گروهی ایجاد کنید Create a Group Chat

• نمایش گروه ایجاد شده Show the created group

• چت گروهی AppBar Group chat AppBar

• قسمت 1 متقابل پیام خوانده نشده Unread message counter part 1

• قسمت 2 متقابل پیام خوانده نشده Unread message counter part 2

• قسمت 3 شمارنده پیام خوانده نشده Unread message counter part 3

• شمارنده پیام خوانده نشده برای گروه ها Unread message counter for groups

• ارسال و نمایش یک پیام گروهی Send and show a group message

• تنظیم پیام دیده شده برای گروه ها Set message seen for groups

• رفع سریع Quick fixes