آموزش Flutter & Firebase: ساخت 5 اپلیکیشن رسانه اجتماعی

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

معرفی Introduction

• معرفی Introduction

• بهترین راه برای دنبال کردن Best Way To Follow Along

معرفی Introduction

• معرفی Introduction

• بهترین راه برای دنبال کردن Best Way To Follow Along

کلون اینستاگرام Instagram Clone

• نسخه ی نمایشی Demo

• راه اندازی و قالب بندی برنامه Setup & Theming the App

• ویجت طرح پاسخگو ساختمان Building Responsive Layout Widget

• راه اندازی Firebase Setting Up Firebase

• رابط کاربری صفحه ورود به سیستم (موبایل) Login Screen UI (Mobile)

• رابط کاربری صفحه ثبت نام (موبایل) Signup Screen UI (Mobile)

• Firebase Signup Auth Firebase Signup Auth

• Firebase Login Auth Firebase Login Auth

• دولت معتبر ماندگار Persisting Auth State

• مدل سازی داده های کاربر Modelling User Data

• مدیریت وضعیت داده های کاربر User Data State Management

• رفع خطای اپراتور بررسی تهی Null Check Operator Error Fix

• نوار برنامه پایین موبایل Mobile Bottom App Bar

• افزودن رابط کاربری صفحه نمایش پست Add Post Screen UI

• انتخاب تصویر Selecting Image

• ذخیره داده های پست در Firebase Storing Post Data in Firebase

• رابط کاربری فید پست ها Feed Posts UI

• نمایش داده های پست از Firebase Displaying Post Data from Firebase

• مانند انیمیشن Like Animation

• به روز رسانی لایک ها Updating Likes

• رابط کاربری صفحه نمایش نظرات Comments Screen UI

• ذخیره نظرات در Firestore Storing Comments in Firestore

• نمایش نظرات Displaying Comments

• در حال حذف پست Deleting Post

• جستجوی کاربران Searching Users

• نمایش پست ها در صفحه جستجو Showing Posts on Search Screen

• ایجاد رابط کاربری صفحه نمایش نمایه قابل استفاده مجدد Creating Reusable Profile Screen UI

• نمایش داده های نمایه Displaying Profile Data

• دنبال کردن کاربران Following Users

• خروج از سیستم Signing Out

• ایجاد رابط کاربری پاسخگو Creating Responsive UI

کلون اینستاگرام Instagram Clone

• نسخه ی نمایشی Demo

• راه اندازی و قالب بندی برنامه Setup & Theming the App

• ویجت طرح پاسخگو ساختمان Building Responsive Layout Widget

• راه اندازی Firebase Setting Up Firebase

• رابط کاربری صفحه ورود به سیستم (موبایل) Login Screen UI (Mobile)

• رابط کاربری صفحه ثبت نام (موبایل) Signup Screen UI (Mobile)

• Firebase Signup Auth Firebase Signup Auth

• Firebase Login Auth Firebase Login Auth

• دولت معتبر ماندگار Persisting Auth State

• مدل سازی داده های کاربر Modelling User Data

• مدیریت وضعیت داده های کاربر User Data State Management

• رفع خطای اپراتور بررسی تهی Null Check Operator Error Fix

• نوار برنامه پایین موبایل Mobile Bottom App Bar

• افزودن رابط کاربری صفحه نمایش پست Add Post Screen UI

• انتخاب تصویر Selecting Image

• ذخیره داده های پست در Firebase Storing Post Data in Firebase

• رابط کاربری فید پست ها Feed Posts UI

• نمایش داده های پست از Firebase Displaying Post Data from Firebase

• مانند انیمیشن Like Animation

• به روز رسانی لایک ها Updating Likes

• رابط کاربری صفحه نمایش نظرات Comments Screen UI

• ذخیره نظرات در Firestore Storing Comments in Firestore

• نمایش نظرات Displaying Comments

• در حال حذف پست Deleting Post

• جستجوی کاربران Searching Users

• نمایش پست ها در صفحه جستجو Showing Posts on Search Screen

• ایجاد رابط کاربری صفحه نمایش نمایه قابل استفاده مجدد Creating Reusable Profile Screen UI

• نمایش داده های نمایه Displaying Profile Data

• دنبال کردن کاربران Following Users

• خروج از سیستم Signing Out

• ایجاد رابط کاربری پاسخگو Creating Responsive UI

کلون TikTok TikTok Clone

• نسخه ی نمایشی Demo

• برپایی Setup

• رابط کاربری صفحه ورود Login Screen UI

• ثبت نام رابط کاربری صفحه Sign Up Screen UI

• منطق احراز هویت Authentication Logic

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

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

• وضعیت کاربر پایدار Persisting User State

• نوار برگه پایین Bottom Tab Bar

• صفحه ویدیو را اضافه کنید Add Video Screen

• صفحه ویدیو را تأیید کنید Confirm Video Screen

• در حال آپلود ویدیو Uploading Video

• نمایش فیلم ها Displaying Videos

• افزودن کنترلر ویدیو Add Video Controller

• لایک کردن پست ها Liking Posts

• نظر دادن و پسندیدن نظرات روی پست ها Commenting & Liking Comments on Posts

• صفحه جستجو Search Screen

• صفحه نمایه Profile Screen

کلون TikTok TikTok Clone

• نسخه ی نمایشی Demo

• برپایی Setup

• رابط کاربری صفحه ورود Login Screen UI

• ثبت نام رابط کاربری صفحه Sign Up Screen UI

• منطق احراز هویت Authentication Logic

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

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

• وضعیت کاربر پایدار Persisting User State

• نوار برگه پایین Bottom Tab Bar

• صفحه ویدیو را اضافه کنید Add Video Screen

• صفحه ویدیو را تأیید کنید Confirm Video Screen

• در حال آپلود ویدیو Uploading Video

• نمایش فیلم ها Displaying Videos

• افزودن کنترلر ویدیو Add Video Controller

• لایک کردن پست ها Liking Posts

• نظر دادن و پسندیدن نظرات روی پست ها Commenting & Liking Comments on Posts

• صفحه جستجو Search Screen

• صفحه نمایه Profile Screen

زوم کلون Zoom Clone

• نسخه ی نمایشی Demo

• تنظیم فلاتر Flutter Setup

• رابط کاربری صفحه ورود Login Screen UI

• راه اندازی Firebase و ورود به سیستم Google Firebase Setup & Google Sign In

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

• راه اندازی Firebase (اندروید) Firebase Setup (Android)

• وضعیت کاربر پایدار Persisting User State

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

• راه‌اندازی Jitsi Meet (iOS) Setting Up Jitsi Meet (iOS)

• ایجاد جلسه جدید Create New Meeting

• به رابط کاربری ویدیوی صفحه بپیوندید Join Video Screen UI

• ذخیره جلسات کاربر Storing User Meetings

• نمایش جلسات کاربر Displaying User Meetings

• خروج از سیستم Logging Out

• تست بر روی دستگاه فیزیکی اندروید و شبیه ساز iOS Testing on Physical Android Device & iOS Simulator

• خطای Jitsi Meet Jitsi Meet Error

• جوانب مثبت منفی Pros & Cons

زوم کلون Zoom Clone

• نسخه ی نمایشی Demo

• تنظیم فلاتر Flutter Setup

• رابط کاربری صفحه ورود Login Screen UI

• راه اندازی Firebase و ورود به سیستم Google Firebase Setup & Google Sign In

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

• راه اندازی Firebase (اندروید) Firebase Setup (Android)

• وضعیت کاربر پایدار Persisting User State

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

• راه‌اندازی Jitsi Meet (iOS) Setting Up Jitsi Meet (iOS)

• ایجاد جلسه جدید Create New Meeting

• به رابط کاربری ویدیوی صفحه بپیوندید Join Video Screen UI

• ذخیره جلسات کاربر Storing User Meetings

• نمایش جلسات کاربر Displaying User Meetings

• خروج از سیستم Logging Out

• تست بر روی دستگاه فیزیکی اندروید و شبیه ساز iOS Testing on Physical Android Device & iOS Simulator

• خطای Jitsi Meet Jitsi Meet Error

• جوانب مثبت منفی Pros & Cons

Twitch Clone Twitch Clone

• نسخه ی نمایشی Demo

• طرح بندی پروژه Project Layout

• مسیرها Routes

• در حال نصب رابط کاربری صفحه نمایش Onboarding Screen UI

• رابط کاربری صفحه ثبت نام و ورود به سیستم Signup & Login Screen UI

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

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

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

• ثبت نام کاربران Signing Up Users

• ورود به سیستم کاربران Logging in Users

• وضعیت ورود مداوم Persisting Login State

• طراحی نوار NavBar پایین Designing Bottom NavBar

• Go Live Screen UI Go Live Screen UI

• انتخاب تصویر از گالری Picking Image from Gallery

• رفع نشت حافظه و اضافه کردن لودر Fixing Memory Leaks & Adding Loaders

• ذخیره داده های جریان زنده در Firebase Storing Livestream Data in Firebase

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

• حل BUG Firebase Livestream Solving Firebase Livestream BUG

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

• راه اندازی آگورا Initialising Agora

• شناسه اپلیکیشن Agora را دریافت کنید Get Agora App ID

• پیوستن به کانال Joining Channel

• طراحی صفحه نمایش پخش Designing Broadcast Screen

• خروج از کانال Leaving Channel

• تعویض دوربین Switching Camera

• نادیده گرفتن/لغو صدا Muting/Unmuting

• چت بیدرنگ Realtime Chatting

• در حال نصب GO Installing GO

• ایجاد و استقرار API با استفاده از GO Creating & Deploying API using GO

• ارسال درخواست HTTP به API ما Sending HTTP Request to our API

• طراحی و نمایش صفحه فید Designing & Displaying Feed Screen

• تصحیح اشکال عضویت در کانال Correcting Join Channel Bug

• Firebase & Agora Web Setup Firebase & Agora Web Setup

• ریسپانسیو کردن برنامه Making The App Responsive

• افزودن دکمه پایان جریان Adding End Stream Button

• عملکرد اشتراک‌گذاری صفحه را شروع کنید Start Screensharing Functionality

• توقف عملکرد اشتراک‌گذاری صفحه نمایش Stop Screensharing Functionality

• Firebase & Agora MacOS Setup Firebase & Agora MacOS Setup

• استقرار برنامه وب Deploy Web App

• نتیجه بخش 2 Conclusion Part 2

Twitch Clone Twitch Clone

• نسخه ی نمایشی Demo

• طرح بندی پروژه Project Layout

• مسیرها Routes

• در حال نصب رابط کاربری صفحه نمایش Onboarding Screen UI

• رابط کاربری صفحه ثبت نام و ورود به سیستم Signup & Login Screen UI

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

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

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

• ثبت نام کاربران Signing Up Users

• ورود به سیستم کاربران Logging in Users

• وضعیت ورود مداوم Persisting Login State

• طراحی نوار NavBar پایین Designing Bottom NavBar

• Go Live Screen UI Go Live Screen UI

• انتخاب تصویر از گالری Picking Image from Gallery

• رفع نشت حافظه و اضافه کردن لودر Fixing Memory Leaks & Adding Loaders

• ذخیره داده های جریان زنده در Firebase Storing Livestream Data in Firebase

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

• حل BUG Firebase Livestream Solving Firebase Livestream BUG

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

• راه اندازی آگورا Initialising Agora

• شناسه اپلیکیشن Agora را دریافت کنید Get Agora App ID

• پیوستن به کانال Joining Channel

• طراحی صفحه نمایش پخش Designing Broadcast Screen

• خروج از کانال Leaving Channel

• تعویض دوربین Switching Camera

• نادیده گرفتن/لغو صدا Muting/Unmuting

• چت بیدرنگ Realtime Chatting

• در حال نصب GO Installing GO

• ایجاد و استقرار API با استفاده از GO Creating & Deploying API using GO

• ارسال درخواست HTTP به API ما Sending HTTP Request to our API

• طراحی و نمایش صفحه فید Designing & Displaying Feed Screen

• تصحیح اشکال عضویت در کانال Correcting Join Channel Bug

• Firebase & Agora Web Setup Firebase & Agora Web Setup

• ریسپانسیو کردن برنامه Making The App Responsive

• افزودن دکمه پایان جریان Adding End Stream Button

• عملکرد اشتراک‌گذاری صفحه را شروع کنید Start Screensharing Functionality

• توقف عملکرد اشتراک‌گذاری صفحه نمایش Stop Screensharing Functionality

• Firebase & Agora MacOS Setup Firebase & Agora MacOS Setup

• استقرار برنامه وب Deploy Web App

• نتیجه بخش 2 Conclusion Part 2

WhatsApp Clone WhatsApp Clone

• معرفی Introduction

• راه اندازی پروژه Project Setup

• اجرای پروژه Project Runthrough

• اتصال برنامه Flutter Firebase Flutter Firebase App Connection

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

• Flutter Firebase Android Setup Flutter Firebase Android Setup

• رابط کاربری صفحه فرود Landing Screen UI

• رابط کاربری صفحه ورود Login Screen UI

• احراز هویت تلفن Phone Authentication

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

• Auth Controller Auth Controller

• درباره ریورپاد About Riverpod

• رفع خطای برنامه iOS Resolving iOS App Error

• رابط کاربری OTP Screen OTP Screen UI

• تایید OTP Verifying OTP

• رابط کاربری صفحه اطلاعات کاربر User Information Screen UI

• ذخیره اطلاعات کاربر در Firestore Saving User Data To Firestore

• دولت معتبر ماندگار Persisting Auth State

• نمایش مخاطبین در تلفن کاربر Displaying Contacts in User’s Phone

• نمایش نام و وضعیت آنلاین/آفلاین Displaying Name and online/offline status

• تغییر رابط کاربری قسمت پایین چت Modifying Bottom Chat Field UI

• ارسال پیام متنی Sending Text Message

• نمایش مخاطبین چت Displaying Chat Contacts

• نمایش پیام ها Displaying Messages

• پیمایش خودکار روی پیام جدید Automatic Scrolling on New Message

• تغییر وضعیت آنلاین/آفلاین Changing Online/Offline Status

• ارسال پیام تصویری Sending Image Message

• نمایش تصویر ذخیره شده در حافظه پنهان Displaying Cached Image

• ارسال پیام تصویری Sending Video Message

• ارسال ایموجی ها Sending Emojis

• به اشتراک گذاری فایل های GIF Sharing GIFs

• ضبط و به اشتراک گذاری صدا در برنامه Flutter Recording & Sharing Audio in Flutter App

• پخش صدا Playing Audio

• پاسخ دادن به پیام ها Replying to Messages

• ویژگی دیده شده Seen Feature

• در حال بارگذاری وضعیت ها/داستان ها Uploading Statuses/Stories

• نمایش وضعیت ها/داستان ها Displaying Statuses/Stories

• ایجاد گروه ها Creating Groups

• نمایش گروه ها Displaying Groups

• واکشی چت های گروهی و چت در گروه Fetching Group Chats & Chatting in Group

• مدیریت داشبورد و اعتبار Agora Managing Agora Dashboard & Credentials

• تماس تصویری Video Calling

• قطع تماس Disconnecting Call

• تماس گروهی Group Calling

• Refactoring کد Code Refactoring

• توجه داشته باشید در مورد توابع Firebase Note on Firebase Functions

• تست بر روی دستگاه فیزیکی (اندروید) Testing on Physical Device (Android)

WhatsApp Clone WhatsApp Clone

• معرفی Introduction

• راه اندازی پروژه Project Setup

• اجرای پروژه Project Runthrough

• اتصال برنامه Flutter Firebase Flutter Firebase App Connection

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

• Flutter Firebase Android Setup Flutter Firebase Android Setup

• رابط کاربری صفحه فرود Landing Screen UI

• رابط کاربری صفحه ورود Login Screen UI

• احراز هویت تلفن Phone Authentication

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

• Auth Controller Auth Controller

• درباره ریورپاد About Riverpod

• رفع خطای برنامه iOS Resolving iOS App Error

• رابط کاربری OTP Screen OTP Screen UI

• تایید OTP Verifying OTP

• رابط کاربری صفحه اطلاعات کاربر User Information Screen UI

• ذخیره اطلاعات کاربر در Firestore Saving User Data To Firestore

• دولت معتبر ماندگار Persisting Auth State

• نمایش مخاطبین در تلفن کاربر Displaying Contacts in User’s Phone

• نمایش نام و وضعیت آنلاین/آفلاین Displaying Name and online/offline status

• تغییر رابط کاربری قسمت پایین چت Modifying Bottom Chat Field UI

• ارسال پیام متنی Sending Text Message

• نمایش مخاطبین چت Displaying Chat Contacts

• نمایش پیام ها Displaying Messages

• پیمایش خودکار روی پیام جدید Automatic Scrolling on New Message

• تغییر وضعیت آنلاین/آفلاین Changing Online/Offline Status

• ارسال پیام تصویری Sending Image Message

• نمایش تصویر ذخیره شده در حافظه پنهان Displaying Cached Image

• ارسال پیام تصویری Sending Video Message

• ارسال ایموجی ها Sending Emojis

• به اشتراک گذاری فایل های GIF Sharing GIFs

• ضبط و به اشتراک گذاری صدا در برنامه Flutter Recording & Sharing Audio in Flutter App

• پخش صدا Playing Audio

• پاسخ دادن به پیام ها Replying to Messages

• ویژگی دیده شده Seen Feature

• در حال بارگذاری وضعیت ها/داستان ها Uploading Statuses/Stories

• نمایش وضعیت ها/داستان ها Displaying Statuses/Stories

• ایجاد گروه ها Creating Groups

• نمایش گروه ها Displaying Groups

• واکشی چت های گروهی و چت در گروه Fetching Group Chats & Chatting in Group

• مدیریت داشبورد و اعتبار Agora Managing Agora Dashboard & Credentials

• تماس تصویری Video Calling

• قطع تماس Disconnecting Call

• تماس گروهی Group Calling

• Refactoring کد Code Refactoring

• توجه داشته باشید در مورد توابع Firebase Note on Firebase Functions

• تست بر روی دستگاه فیزیکی (اندروید) Testing on Physical Device (Android)

[BONUS] احراز هویت Firebase [BONUS] Firebase Authentication

• معرفی Introduction

• توضیح پروژه شروع کننده Starter Project Explanation

• اتصال به Firebase Connecting to Firebase

• ثبت نام رمز عبور ایمیل Email Password Signup

• تایید ایمیل Email Verification

• ورود به سیستم تلفن Phone Sign In

• ورود رمز عبور ایمیل Email Password Login

• ورود به فیس بوک Facebook Sign In

• ورود ناشناس Anonymous Sign In

• مدیریت دولتی State Management

• نمایش مشخصات کاربر Displaying User Details

• ورود به سیستم گوگل Google Sign In

• خروج از سیستم Sign out

• حذف حساب کاربری Delete Account

• Firebase Auth Quiz Firebase Auth Quiz

[BONUS] احراز هویت Firebase [BONUS] Firebase Authentication

• معرفی Introduction

• توضیح پروژه شروع کننده Starter Project Explanation

• اتصال به Firebase Connecting to Firebase

• ثبت نام رمز عبور ایمیل Email Password Signup

• تایید ایمیل Email Verification

• ورود به سیستم تلفن Phone Sign In

• ورود رمز عبور ایمیل Email Password Login

• ورود به فیس بوک Facebook Sign In

• ورود ناشناس Anonymous Sign In

• مدیریت دولتی State Management

• نمایش مشخصات کاربر Displaying User Details

• ورود به سیستم گوگل Google Sign In

• خروج از سیستم Sign out

• حذف حساب کاربری Delete Account

• Firebase Auth Quiz Firebase Auth Quiz