آموزش توییتر iOS Clone | Swift 5/Firebase | بدون استوری برد | MVVM

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

ساخت رابط کاربری اصلی Building Main User Interface

• پیکربندی Project & Setup Root ViewController Configure Project & Setup Root ViewController

• پیکربندی Project & Setup Root ViewController Configure Project & Setup Root ViewController

• راه اندازی کنترل کننده نوار برگه اصلی Setup Main Tab Bar Controller

• راه اندازی کنترل کننده نوار برگه اصلی Setup Main Tab Bar Controller

• تنظیم کننده های ناوبری Setup Navigation Controllers

• تنظیم کننده های ناوبری Setup Navigation Controllers

• راه اندازی نوارهای ناوبری Setup Navigation Bars

• تنظیم دکمه اکشن چسبنده به صورت برنامه‌ریزی | مقدمه‌ای بر طرح‌بندی خودکار Setting Up Sticky Action Button Programmatically |Intro to Auto-Layout

• تنظیم دکمه اکشن چسبنده به صورت برنامه‌ریزی | مقدمه‌ای بر طرح‌بندی خودکار Setting Up Sticky Action Button Programmatically |Intro to Auto-Layout

• کجا می توان کد منبع کامل را دریافت کرد (که شامل ویژگی های اضافی است) Where To Get The Completed Source Code (that includes additional features)

• دکمه سفارشی رنگ و کنترل عمل Button Custom Color & Action Handler

ساخت رابط کاربری اصلی Building Main User Interface

• راه اندازی نوارهای ناوبری Setup Navigation Bars

• کجا می توان کد منبع کامل را دریافت کرد (که شامل ویژگی های اضافی است) Where To Get The Completed Source Code (that includes additional features)

• دکمه سفارشی رنگ و کنترل عمل Button Custom Color & Action Handler

رابط کاربری ورود/ثبت نام Login/Signup UI

• شروع به کار با Login UI Getting Started With Login UI

• شروع به کار با Login UI Getting Started With Login UI

• ایجاد نمای کانتینر ورودی Creating Input Container View

• Refactoring Input Container View برای قابلیت استفاده مجدد Refactoring Input Container View For Reusability

• Refactoring Input Container View برای قابلیت استفاده مجدد Refactoring Input Container View For Reusability

• در حال تکمیل رابط کاربری ورود به سیستم Finishing Login UI

• در حال تکمیل رابط کاربری ورود به سیستم Finishing Login UI

• رابط کاربری ثبت نام Registration UI

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

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

رابط کاربری ورود/ثبت نام Login/Signup UI

• ایجاد نمای کانتینر ورودی Creating Input Container View

• رابط کاربری ثبت نام Registration UI

شروع کار با Firebase Getting Started With Firebase

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

• احراز هویت کاربر Authenticate User

• آپلود اطلاعات کاربر Upload User Data

• آپلود تصویر نمایه کاربر Upload User Profile Image

• کد Refactor API به کلاس سرویس Refactor API Code Into Service Class

• کد Refactor API به کلاس سرویس Refactor API Code Into Service Class

• راه اندازی Root ViewController و حفظ ورود کاربر به سیستم Root ViewController Setup & Keeping User Logged In

• ورود کاربر به سیستم Logging A User In

• ورود کاربر به سیستم Logging A User In

• بعد از احراز هویت، رابط کاربری را به روز کنید Update UI After Authentication

شروع کار با Firebase Getting Started With Firebase

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

• احراز هویت کاربر Authenticate User

• آپلود اطلاعات کاربر Upload User Data

• آپلود تصویر نمایه کاربر Upload User Profile Image

• راه اندازی Root ViewController و حفظ ورود کاربر به سیستم Root ViewController Setup & Keeping User Logged In

• بعد از احراز هویت، رابط کاربری را به روز کنید Update UI After Authentication

واکشی اطلاعات کاربر از Firebase Fetching User Data From Firebase

• واکشی داده های کاربر از Firebase Fetch User Data From Firebase

• ایجاد شی کاربر سفارشی (مدل) Create Custom User Object (Model)

• SDWebImage نصب و انتقال کاربر به FeedController SDWebImage Install & Passing User To FeedController

• SDWebImage نصب و انتقال کاربر به FeedController SDWebImage Install & Passing User To FeedController

• بارگذاری تصویر نمایه کاربر Load User Profile Image

• بارگذاری تصویر نمایه کاربر Load User Profile Image

واکشی اطلاعات کاربر از Firebase Fetching User Data From Firebase

• واکشی داده های کاربر از Firebase Fetch User Data From Firebase

• ایجاد شی کاربر سفارشی (مدل) Create Custom User Object (Model)

ارسال توییت Sending Tweets

• آپلود تنظیمات کنترلر توییت Upload Tweet Controller Setup

• آپلود تنظیمات کنترلر توییت Upload Tweet Controller Setup

• با راه اندازی UI ادامه دهید Continue With UI Setup

• با راه اندازی UI ادامه دهید Continue With UI Setup

• اضافه کردن Caption TextView Adding Caption TextView

• در حال آپلود توییت در Firebase Uploading Tweet To Firebase

ارسال توییت Sending Tweets

• اضافه کردن Caption TextView Adding Caption TextView

• در حال آپلود توییت در Firebase Uploading Tweet To Firebase

بارگیری توییت ها در فید Loading Tweets In Feed

• واکشی توییت‌ها از Firebase و ایجاد شی توییت Fetch Tweets From Firebase & Create Tweet Object

• واکشی توییت‌ها از Firebase و ایجاد شی توییت Fetch Tweets From Firebase & Create Tweet Object

• راه اندازی CollectionView برای فید Setup CollectionView For Feed

• رابط کاربری TweetCell TweetCell UI

• فید را با توییت ها پر کنید Populate Feed With Tweets

• هر سلول را با توییت پر کنید Populate Each Cell With Tweet

• واکشی کاربر برای توییت Fetching User For Tweet

• مدل مشاهده توییت Tweet View Model

• مدل مشاهده توییت Tweet View Model

• توییت مهر زمان Tweet Timestamp

• توییت مهر زمان Tweet Timestamp

بارگیری توییت ها در فید Loading Tweets In Feed

• راه اندازی CollectionView برای فید Setup CollectionView For Feed

• رابط کاربری TweetCell TweetCell UI

• فید را با توییت ها پر کنید Populate Feed With Tweets

• هر سلول را با توییت پر کنید Populate Each Cell With Tweet

• واکشی کاربر برای توییت Fetching User For Tweet

مشخصات کاربر User Profile

• نمایش کنترلر نمایه Showing Profile Controller

• نمایش کنترلر نمایه Showing Profile Controller

• تنظیم نمایه CollectionView Profile CollectionView Setup

• رابط کاربری سرصفحه نمایه Profile Header UI

• رابط کاربری سرصفحه نمایه Profile Header UI

• نوار فیلتر هدر نمایه Profile Header Filter Bar

• نوار فیلتر هدر نمایه Profile Header Filter Bar

• انیمیشن انتخاب نوار فیلتر Filter Bar Selection Animation

• انیمیشن انتخاب نوار فیلتر Filter Bar Selection Animation

• مدل داده فیلترهای نمایه Profile Filters Data Model

• مدل نمای سرصفحه نمایه Profile Header View Model

• مدل نمای سرصفحه نمایه Profile Header View Model

• رد کردن نمایه کاربر Dismissing User Profile

• ساختار پایگاه داده توییت کاربر User Tweet Database Structure

• واکشی توییت های کاربر Fetching User Tweets

• واکشی توییت های کاربر Fetching User Tweets

• پر کردن هدر با داده های کاربر Populating Header With User Data

مشخصات کاربر User Profile

• تنظیم نمایه CollectionView Profile CollectionView Setup

• مدل داده فیلترهای نمایه Profile Filters Data Model

• رد کردن نمایه کاربر Dismissing User Profile

• ساختار پایگاه داده توییت کاربر User Tweet Database Structure

• پر کردن هدر با داده های کاربر Populating Header With User Data

دنبال کردن، لغو دنبال کردن و جستجوی کاربران Following, Unfollowing & Searching Users

• جستجوی رابط کاربری صفحه Search Page UI

• جستجوی رابط کاربری صفحه Search Page UI

• واکشی و نمایش کاربران Fetching & Displaying Users

• واکشی و نمایش کاربران Fetching & Displaying Users

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

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

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

• لغو فالو کردن کاربر Unfollow User

• لغو فالو کردن کاربر Unfollow User

• بررسی کنید که آیا کاربر در پایگاه داده دنبال می شود Check If User Is Followed In Database

• بررسی کنید که آیا کاربر در پایگاه داده دنبال می شود Check If User Is Followed In Database

• رفع اشکال Bug Fix

• به‌روزرسانی آمار فالوور/دنبال کردن کاربر Updating User Follower/Following Stats

• به‌روزرسانی آمار فالوور/دنبال کردن کاربر Updating User Follower/Following Stats

دنبال کردن، لغو دنبال کردن و جستجوی کاربران Following, Unfollowing & Searching Users

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

• رفع اشکال Bug Fix

پاسخ های توییت Tweet Replies

• تنظیم کنترلر صفحه نمایش توییت Tweet Display Controller Setup

• رابط کاربری سرصفحه توییت Tweet Header UI

• تنظیم دکمه عمل Action Button Setup

• پر کردن سرصفحه توییت Populating Tweet Header

• پر کردن سرصفحه توییت Populating Tweet Header

• اندازه سلول پویا و رفع اشکال Dynamic Cell Sizing & Bug Fix

• اندازه سلول پویا و رفع اشکال Dynamic Cell Sizing & Bug Fix

• شروع با پاسخ ها Getting Started With Replies

• شروع با پاسخ ها Getting Started With Replies

• از ViewModel برای پر کردن داده ها استفاده کنید Use ViewModel To Populate Data

• از ViewModel برای پر کردن داده ها استفاده کنید Use ViewModel To Populate Data

• در حال آپلود پاسخ به Firebase Uploading Reply To Firebase

• واکشی و نمایش پاسخ ها Fetching & Displaying Replies

• واکشی و نمایش پاسخ ها Fetching & Displaying Replies

پاسخ های توییت Tweet Replies

• تنظیم کنترلر صفحه نمایش توییت Tweet Display Controller Setup

• رابط کاربری سرصفحه توییت Tweet Header UI

• تنظیم دکمه عمل Action Button Setup

• در حال آپلود پاسخ به Firebase Uploading Reply To Firebase

برگه اقدام سفارشی Custom Action Sheet

• شروع شدن Getting Started

• تنظیم نمای جدول Setting Up Table View

• متحرک سازی نمای جدول/نمای محو شدن Animating Table View / Fade View

• صفحه اقدام سلول و دکمه لغو Action Sheet Cell & Cancel Button

• صفحه اقدام سلول و دکمه لغو Action Sheet Cell & Cancel Button

• Action Sheet Data Model + View Model Action Sheet Data Model + View Model

• Action Sheet Data Model + View Model Action Sheet Data Model + View Model

• بررسی کنید که آیا کاربر دنبال می‌شود و روی Handler ضربه بزنید Check If User Is Followed & Tap Handler

• پایان کار با Tap Handler Finishing Up With Tap Handler

برگه اقدام سفارشی Custom Action Sheet

• شروع شدن Getting Started

• تنظیم نمای جدول Setting Up Table View

• متحرک سازی نمای جدول/نمای محو شدن Animating Table View / Fade View

• بررسی کنید که آیا کاربر دنبال می‌شود و روی Handler ضربه بزنید Check If User Is Followed & Tap Handler

• پایان کار با Tap Handler Finishing Up With Tap Handler

لایک کردن توییت ها Liking Tweets

• شروع با لایک Getting Started With Likes

• لایک کردن یک توییت Liking A Tweet

• لایک کردن یک توییت Liking A Tweet

• حذف کردن توییت Unlking Tweet

• حذف کردن توییت Unlking Tweet

• بررسی کنید که آیا کاربر توییت را پسندیده است Check If User Liked Tweet

• بررسی کنید که آیا کاربر توییت را پسندیده است Check If User Liked Tweet

لایک کردن توییت ها Liking Tweets

• شروع با لایک Getting Started With Likes

اطلاعیه Notifications

• مدل داده اعلان Notification Data Model

• مدل داده اعلان Notification Data Model

• اعلان لایک آپلود Upload Like Notification

• اعلان لایک آپلود Upload Like Notification

• اعلان پیگیری و پاسخ را آپلود کنید Upload Follow & Reply Notification

• اعلان پیگیری و پاسخ را آپلود کنید Upload Follow & Reply Notification

• تنظیم نمای جدول اعلان Notification Table View Setup

• واکشی اعلان ها از Firebase Fetching Notifications From Firebase

• واکشی اعلان ها از Firebase Fetching Notifications From Firebase

• نمای جدول را با اعلان ها پر کنید Populate Table View With Notifications

• نمای جدول را با اعلان ها پر کنید Populate Table View With Notifications

• واکشی توییت اعلان و رفتن به نمایه کاربر Fetching Notification Tweet & Going To User Profile

• رفع اشکال و افزودن دکمه فالو Bug Fix & Adding Follow Button

• رفع اشکال و افزودن دکمه فالو Bug Fix & Adding Follow Button

• عملکرد دکمه و افزودن کنترل بازخوانی را دنبال کنید Follow Button Action & Adding Refresh Control

• عملکرد دکمه و افزودن کنترل بازخوانی را دنبال کنید Follow Button Action & Adding Refresh Control

اطلاعیه Notifications

• تنظیم نمای جدول اعلان Notification Table View Setup

• واکشی توییت اعلان و رفتن به نمایه کاربر Fetching Notification Tweet & Going To User Profile

توییت های فیلتر شده در نمایه Filtered Tweets In Profile

• منبع داده را برای فیلترها تنظیم کنید Setup Data Source For Filters

• منبع داده را برای فیلترها تنظیم کنید Setup Data Source For Filters

• فیلتر نمای Refactor Filter View Refactor

• انتخاب فیلتر و واگذاری اقدام با پروتکل ها Selecting Filter & Delegating Action With Protocols

• واکشی و نمایش توییت‌های دوست‌داشتنی Fetching & Displaying Liked Tweets

• واکشی و نمایش توییت‌های دوست‌داشتنی Fetching & Displaying Liked Tweets

• واکشی پاسخ های کاربران Fetching User Replies

• واکشی پاسخ های کاربران Fetching User Replies

• افزودن اطلاعات به پاسخ‌ها در Firebase & Data Model Adding Info To Replies In Firebase & Data Model

• راه اندازی برچسب پاسخ Setting Up Reply Label

• راه اندازی برچسب پاسخ Setting Up Reply Label

• روی توییت از نمایه ضربه بزنید Tapping On Tweet From Profile

• روی توییت از نمایه ضربه بزنید Tapping On Tweet From Profile

توییت های فیلتر شده در نمایه Filtered Tweets In Profile

• فیلتر نمای Refactor Filter View Refactor

• انتخاب فیلتر و واگذاری اقدام با پروتکل ها Selecting Filter & Delegating Action With Protocols

• افزودن اطلاعات به پاسخ‌ها در Firebase & Data Model Adding Info To Replies In Firebase & Data Model

فید کاربر User Feed

• نمایش توییت‌ها فقط از کاربران دنبال‌شده و مرتب‌سازی بر اساس تاریخ Show Tweets From Followed Users Only & Sort By Date

• نمایش توییت‌ها فقط از کاربران دنبال‌شده و مرتب‌سازی بر اساس تاریخ Show Tweets From Followed Users Only & Sort By Date

• رفع اشکال Bug Fixes

• رفع اشکال Bug Fixes

فید کاربر User Feed

ویرایش نمایه Edit Profile

• کنترلر راه اندازی Setup Controller

• کنترلر راه اندازی Setup Controller

• تنظیم سرصفحه ویرایش نمایه Setup Edit Profile Header

• مدل داده Data Model

• مدل داده Data Model

• سخنرانی گمشده - پر کردن سلول ها با مدل نمایش Missing Lecture - Populating Cells With View Model

• سخنرانی گمشده - پر کردن سلول ها با مدل نمایش Missing Lecture - Populating Cells With View Model

• به روز رسانی شی کاربر Update User Object

• به روز رسانی شی کاربر Update User Object

• ذخیره داده در Firebase Save Data To Firebase

• به روز رسانی تصویر پروفایل در Firebase Update Profile Image In Firebase

ویرایش نمایه Edit Profile

• تنظیم سرصفحه ویرایش نمایه Setup Edit Profile Header

• ذخیره داده در Firebase Save Data To Firebase

• به روز رسانی تصویر پروفایل در Firebase Update Profile Image In Firebase

اشاره می کند Mentions

• نصب و پیاده سازی Active Label Active Label Install & Implementation

• به نمایه کاربر بروید و روی ذکر ضربه بزنید Go To User Profile On Mention Tap

اشاره می کند Mentions

• نصب و پیاده سازی Active Label Active Label Install & Implementation

• به نمایه کاربر بروید و روی ذکر ضربه بزنید Go To User Profile On Mention Tap

Refactoring، رفع اشکال و دکمه خروج Refactoring, Bug Fixes & Logout Button

• Upload Notification Refactor Upload Notification Refactor

• Upload Notification Refactor Upload Notification Refactor

• UI Code Refactor UI Code Refactor

• UI Code Refactor UI Code Refactor

• تنظیم دکمه خروج Logout Button Setup

• تنظیم دکمه خروج Logout Button Setup

• خروج کاربر Log User Out

• از دکمه نوار پیمایش به نمایه کاربر فعلی بروید Go To Current User Profile From Navigation Bar Button

• از دکمه نوار پیمایش به نمایه کاربر فعلی بروید Go To Current User Profile From Navigation Bar Button

• اعلان واکشی رفع اشکال Notification Fetch Bug Fixes

• اعلان واکشی رفع اشکال Notification Fetch Bug Fixes

• پیکربندی دکمه عمل برای پیام‌ها و پایان دوره Action Button Configuration For Messages & Course Wrap Up

• پیکربندی دکمه عمل برای پیام‌ها و پایان دوره Action Button Configuration For Messages & Course Wrap Up

Refactoring، رفع اشکال و دکمه خروج Refactoring, Bug Fixes & Logout Button

• خروج کاربر Log User Out