آموزش اپلیکیشن فروشگاه آنلاین iOS 13، ساخت e-Market، برای فروش

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

برپایی Setup

• xCode را دانلود کنید Download xCode

• نصب کوکوپود Installing cocoapods

برپایی Setup

• xCode را دانلود کنید Download xCode

• نصب کوکوپود Installing cocoapods

شروع پروژه Starting the project

• ایجاد کنترلر نوار نوار Creating Tab Bar Controller

• ایجاد کنترلر و سلول نمای مجموعه Creating collection view controller and cell

• نمای مجموعه سفارشی کلاس سلول Custom collection view Cell class

• ایجاد اپلیکیشن firebase Create firebase application

• ایجاد مرجع Firebase Creating Firebase reference

شروع پروژه Starting the project

• ایجاد کنترلر نوار نوار Creating Tab Bar Controller

• ایجاد کنترلر و سلول نمای مجموعه Creating collection view controller and cell

• نمای مجموعه سفارشی کلاس سلول Custom collection view Cell class

• ایجاد اپلیکیشن firebase Create firebase application

• ایجاد مرجع Firebase Creating Firebase reference

کلاس دسته Category class

• کلاس طبقه بندی قسمت 1 Category class part 1

• کلاس طبقه بندی قسمت 2 Category class part 2

• دانلود دسته ها از firebase Downloading categories from firebase

کلاس دسته Category class

• کلاس طبقه بندی قسمت 1 Category class part 1

• کلاس طبقه بندی قسمت 2 Category class part 2

• دانلود دسته ها از firebase Downloading categories from firebase

نمای مجموعه دسته Category Collection view

• دسته مجموعهViewController Category collectionViewController

• سلول نمای مجموعه دسته Category collection view Cell

• اندازه خودکار سلول نمای مجموعه Autoresize collection view cell

• رفع اشکال UI Fixing UI Bug

• واردات دارایی Importing Assets

نمای مجموعه دسته Category Collection view

• دسته مجموعهViewController Category collectionViewController

• سلول نمای مجموعه دسته Category collection view Cell

• اندازه خودکار سلول نمای مجموعه Autoresize collection view cell

• رفع اشکال UI Fixing UI Bug

• واردات دارایی Importing Assets

کنترلر مشاهده آیتم ها Items View Controller

• آیتم ها مشاهده رابط کاربری Items View User interface

• از دسته ها به نمای آیتم ها جدا شوید Segue from categories to Items view

کنترلر مشاهده آیتم ها Items View Controller

• آیتم ها مشاهده رابط کاربری Items View User interface

• از دسته ها به نمای آیتم ها جدا شوید Segue from categories to Items view

کلاس اقلام Items Class

• اقلام کلاس قسمت 1 Items Class part 1

• کلاس اقلام قسمت 2 Items class part 2

کلاس اقلام Items Class

• اقلام کلاس قسمت 1 Items Class part 1

• کلاس اقلام قسمت 2 Items class part 2

کنترلر نمای آیتم را اضافه کنید Add Item View controller

• افزودن آیتم نمای کنترلر UI Add Item View controller UI

• قسمت 1 کد VC مورد را اضافه کنید Add Item VC code part 1

• قسمت 2 کد VC مورد را اضافه کنید Add Item VC code part 2

• افزودن گالری تصاویر Adding Image gallery

• آپلود تصاویر در firebase قسمت 1 Uploading images to firebase part 1

• آپلود تصاویر در firebase قسمت 2 Uploading images to firebase part 2

• ذخیره اقلام با تصاویر Saving items with images

• نمایش نشانگر بارگیری Show loading indicator

• پیام خطای تست Testing error message

کنترلر نمای آیتم را اضافه کنید Add Item View controller

• افزودن آیتم نمای کنترلر UI Add Item View controller UI

• قسمت 1 کد VC مورد را اضافه کنید Add Item VC code part 1

• قسمت 2 کد VC مورد را اضافه کنید Add Item VC code part 2

• افزودن گالری تصاویر Adding Image gallery

• آپلود تصاویر در firebase قسمت 1 Uploading images to firebase part 1

• آپلود تصاویر در firebase قسمت 2 Uploading images to firebase part 2

• ذخیره اقلام با تصاویر Saving items with images

• نمایش نشانگر بارگیری Show loading indicator

• پیام خطای تست Testing error message

ItemsViewController ItemsViewController

• کنترلر نمای آیتم Item View Controller

• تابع دانلود آیتم ها Download Items function

• بارگیری آیتم ها در سلول tableView مورد Load items in item tableView cell

• دانلود و نمایش تصاویر Download and show images

• مبدل ارز Currency converter

ItemsViewController ItemsViewController

• کنترلر نمای آیتم Item View Controller

• تابع دانلود آیتم ها Download Items function

• بارگیری آیتم ها در سلول tableView مورد Load items in item tableView cell

• دانلود و نمایش تصاویر Download and show images

• مبدل ارز Currency converter

ItemsDetailView ItemsDetailView

• ItemView UI ItemView UI

• کد کنترلر مشاهده آیتم Item View controller code

• راه اندازی segue Setting up segue

• ایجاد سلول تصویری collectionView Create image collectionView cell

• تست برنامه را اجرا کنید Test Run the app

• سلول مشاهده مجموعه تصاویر سفارشی Custom Image Collection View cell

• نمایش تصاویر مورد Showing images of the item

• تغییر اندازه خودکار تصویر مشاهده سلول Automatically resize image View Cell

• دکمه برگشت و دکمه سبد Back Button and Basket button

ItemsDetailView ItemsDetailView

• ItemView UI ItemView UI

• کد کنترلر مشاهده آیتم Item View controller code

• راه اندازی segue Setting up segue

• ایجاد سلول تصویری collectionView Create image collectionView cell

• تست برنامه را اجرا کنید Test Run the app

• سلول مشاهده مجموعه تصاویر سفارشی Custom Image Collection View cell

• نمایش تصاویر مورد Showing images of the item

• تغییر اندازه خودکار تصویر مشاهده سلول Automatically resize image View Cell

• دکمه برگشت و دکمه سبد Back Button and Basket button

سبد خرید Shopping Basket

• کلاس سبد خرید قسمت 1 Basket class part 1

• کلاس سبد قسمت 2 Basket class part 2

• ایجاد سبد Creating basket

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

• رابط کاربری نمای سبد Basket view UI

• کد سبد قسمت 1 Basket code part 1

• نمایش کل سبد Show total of the basket

• در حال به روز رسانی وضعیت دکمه پرداخت Updating checkout button status

• حذف آیتم از سبد Delete item from basket

• نمایش آیتم نمای از سبد Show Item View from basket

سبد خرید Shopping Basket

• کلاس سبد خرید قسمت 1 Basket class part 1

• کلاس سبد قسمت 2 Basket class part 2

• ایجاد سبد Creating basket

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

• رابط کاربری نمای سبد Basket view UI

• کد سبد قسمت 1 Basket code part 1

• نمایش کل سبد Show total of the basket

• در حال به روز رسانی وضعیت دکمه پرداخت Updating checkout button status

• حذف آیتم از سبد Delete item from basket

• نمایش آیتم نمای از سبد Show Item View from basket

نمای ورود Login View

• رابط کاربری مشاهده ورود Login view UI

• اتصالات مشاهده ورود Login view connections

• نمایش نمای ورود Show login view

• کلاس MUser قسمت 1 MUser class part 1

• کلاس MUser part2 MUser class part2

• کلاس MUser قسمت 3 توابع ورود/ثبت MUser class part 3 Login/reg functions

• تنظیم نمای ورود Login view setup

• توابع کمکی نمای ورود Login view helper functions

• ثبت تابع کاربر Register User function

• ثبت نام کاربر اول Registering 1st user

• با کاربر وارد شوید Login with user

• تأیید آدرس ایمیل Verify email address

• ذخیره توابع کاربر Saving user functions

• دانلود توابع کاربر Download user functions

• ایجاد شی کاربر در firestore Creating User object in firestore

• بازنشانی رمز عبور Reset password

• ایمیل تایید را دوباره بفرست Resend verification email

• اجرای تست بازنشانی رمز عبور Test run reset password

• رابط کاربری نمای نمایه Profile view UI

• نمای جدول نمایه Profile tableview

• ایجاد دکمه سمت راست پویا برای نمای نمایه Create dynamic right button for profile view

• بررسی وضعیت ورود Checking onboarding status

• رابط کاربری در حال ورود Onboarding UI

• نمای ثبت نام را تمام کنید Finish registration view

• به روز رسانی وضعیت دکمه انجام شد Update done button status

• توابع MUser را ویرایش کنید Edit MUser functions

• کاربر را پس از ورود به‌روزرسانی کنید Update user after onboarding

• ویرایش رابط کاربری نمایه Edit Profile UI

• ویرایش نمای نمایه قسمت 1 Edit profile view part 1

• ویرایش نمای پروفایل قسمت 2 Edit profile view part 2

• کاربر را از سیستم خارج کنید Log out user

• رابط کاربری سابقه خرید Purchase history UI

• کد سابقه خرید Purchase history code

• به روز رسانی با شناسه کاربری فعلی Update with current user id

• سابقه خرید و عملکردهای سبد خالی Purchase history and empty basket functions

• افزودن اقلام به لیست اقلام خرید Adding items to purchase items list

نمای ورود Login View

• رابط کاربری مشاهده ورود Login view UI

• اتصالات مشاهده ورود Login view connections

• نمایش نمای ورود Show login view

• کلاس MUser قسمت 1 MUser class part 1

• کلاس MUser part2 MUser class part2

• کلاس MUser قسمت 3 توابع ورود/ثبت MUser class part 3 Login/reg functions

• تنظیم نمای ورود Login view setup

• توابع کمکی نمای ورود Login view helper functions

• ثبت تابع کاربر Register User function

• ثبت نام کاربر اول Registering 1st user

• با کاربر وارد شوید Login with user

• تأیید آدرس ایمیل Verify email address

• ذخیره توابع کاربر Saving user functions

• دانلود توابع کاربر Download user functions

• ایجاد شی کاربر در firestore Creating User object in firestore

• بازنشانی رمز عبور Reset password

• ایمیل تایید را دوباره بفرست Resend verification email

• اجرای تست بازنشانی رمز عبور Test run reset password

• رابط کاربری نمای نمایه Profile view UI

• نمای جدول نمایه Profile tableview

• ایجاد دکمه سمت راست پویا برای نمای نمایه Create dynamic right button for profile view

• بررسی وضعیت ورود Checking onboarding status

• رابط کاربری در حال ورود Onboarding UI

• نمای ثبت نام را تمام کنید Finish registration view

• به روز رسانی وضعیت دکمه انجام شد Update done button status

• توابع MUser را ویرایش کنید Edit MUser functions

• کاربر را پس از ورود به‌روزرسانی کنید Update user after onboarding

• ویرایش رابط کاربری نمایه Edit Profile UI

• ویرایش نمای نمایه قسمت 1 Edit profile view part 1

• ویرایش نمای پروفایل قسمت 2 Edit profile view part 2

• کاربر را از سیستم خارج کنید Log out user

• رابط کاربری سابقه خرید Purchase history UI

• کد سابقه خرید Purchase history code

• به روز رسانی با شناسه کاربری فعلی Update with current user id

• سابقه خرید و عملکردهای سبد خالی Purchase history and empty basket functions

• افزودن اقلام به لیست اقلام خرید Adding items to purchase items list

پی پال PayPal

• راه اندازی پی پال Initialising PayPal

• پیکربندی پرداخت های پی پال Configure PayPal payments

• PayPalpayment را ایجاد کنید Create PayPalpayment

• آزمایش اولین پرداخت با پی پال SDK Testing first payment with paypal SDK

پی پال PayPal

• راه اندازی پی پال Initialising PayPal

• پیکربندی پرداخت های پی پال Configure PayPal payments

• PayPalpayment را ایجاد کنید Create PayPalpayment

• آزمایش اولین پرداخت با پی پال SDK Testing first payment with paypal SDK

نمایش جستجو Search View

• جستجو UI Search View UI

• جستجو مشاهده اتصالات Search View Connections

• فعال کردن دکمه جستجو به صورت پویا Enable search button dynamically

• نمایش/پنهان کردن نمای جستجو Show/Hide Search view

• افزودن نشانگر فعالیت Adding Activity indicator

• توابع TableView TableView functions

• راه اندازی Algolia Setting up Algolia

• ایجاد سرویس Algolia Creating Algolia Service

• ایجاد آیتم های Algolia Creating Algolia Items

• جستجو در Algolia Search in Algolia

• اجرای آزمایشی جستجوی algolia Test run algolia Search

• افزودن مجموعه داده خالی Adding Empty data Set

• مجموعه داده خالی ادامه دارد Empty Data Set continue

• بررسی برنامه آماده Checking ready Application

نمایش جستجو Search View

• جستجو UI Search View UI

• جستجو مشاهده اتصالات Search View Connections

• فعال کردن دکمه جستجو به صورت پویا Enable search button dynamically

• نمایش/پنهان کردن نمای جستجو Show/Hide Search view

• افزودن نشانگر فعالیت Adding Activity indicator

• توابع TableView TableView functions

• راه اندازی Algolia Setting up Algolia

• ایجاد سرویس Algolia Creating Algolia Service

• ایجاد آیتم های Algolia Creating Algolia Items

• جستجو در Algolia Search in Algolia

• اجرای آزمایشی جستجوی algolia Test run algolia Search

• افزودن مجموعه داده خالی Adding Empty data Set

• مجموعه داده خالی ادامه دارد Empty Data Set continue

• بررسی برنامه آماده Checking ready Application

افزودن گزینه پرداخت خطی Adding Stripe Payment Option

• مقدمه ای بر Stripe Introduction to Stripe

• نصب و راه اندازی نوار Installation and setup of stripe

• ایجاد Stripe Client Creating Stripe Client

• تبدیل PayPla به Stripe Converting PayPla to Stripe

• تست برنامه را اجرا کنید Test Run the app

• رابط کاربری اطلاعات کارت Card information UI

• نمایش اطلاعات کارت ارائه Presenting card info View

• افزودن فیلد متنی اطلاعات کارت Adding Card Info text field

• پردازش کارت برای دریافت رمز Processing card to get token

• تست پردازش کارت Testing card processing

• در حال نصب باطن Installing backend

• ایجاد فایل index.js Creating index.js file

• اتمام باطن و آزمایش برنامه Finishing the backend and testing the app

• قرار دادن بک اند روی سرور راه دور Putting backend on remote server

• منبع Source

افزودن گزینه پرداخت خطی Adding Stripe Payment Option

• مقدمه ای بر Stripe Introduction to Stripe

• نصب و راه اندازی نوار Installation and setup of stripe

• ایجاد Stripe Client Creating Stripe Client

• تبدیل PayPla به Stripe Converting PayPla to Stripe

• تست برنامه را اجرا کنید Test Run the app

• رابط کاربری اطلاعات کارت Card information UI

• نمایش اطلاعات کارت ارائه Presenting card info View

• افزودن فیلد متنی اطلاعات کارت Adding Card Info text field

• پردازش کارت برای دریافت رمز Processing card to get token

• تست پردازش کارت Testing card processing

• در حال نصب باطن Installing backend

• ایجاد فایل index.js Creating index.js file

• اتمام باطن و آزمایش برنامه Finishing the backend and testing the app

• قرار دادن بک اند روی سرور راه دور Putting backend on remote server

• منبع Source