آموزش برنامه فروشگاه آنلاین iOS13: ایجاد یک بازار الکترونیکی [ویدئو]

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

برپایی Setup

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

• نصب CocoaPods Installing CocoaPods

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

• ایجاد کنترلر نوار برگه Creating the tab bar controller

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

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

• ایجاد یک برنامه Firebase Creating a Firebase application

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

کلاس دسته Category Class

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

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

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

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

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

• سلول مشاهده مجموعه دسته Category collection view cell

• تغییر اندازه خودکار سلول نمای مجموعه Auto-resize the collection view cell

• رفع اشکال UI Fixing the UI bug

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

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

• رابط کاربری کنترلر tem view The tem view controller UI

• عملکرد آیتم ها را دانلود کنید Download the items function

• موارد را در سلول مشاهده جدول مورد بارگیری کنید Load items in the item table view cell

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

• مبدل ارز Currency converter

کلاس اقلام Items Class

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

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

افزودن کنترلر نمای آیتم Adding the Item View Controller

• افزودن رابط کاربری کنترلر نمای آیتم Adding the item view controller UI

• افزودن آیتم کد VC قسمت 1 Adding item VC code part 1

• افزودن مورد کد VC قسمت 2 Adding the item VC code part 2

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

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

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

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

• نشانگر بارگذاری را نشان دهید Show the loading indicator

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

نمای جزئیات آیتم The Item Details View

• رابط کاربری نمای آیتم The item view UI

• کد کنترلر نمای آیتم Item view controller code

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

• ایجاد سلول نمای مجموعه تصاویر Creating the image collection view cell

• تست برنامه Testing the app

• سلول مشاهده مجموعه تصاویر سفارشی Custom image collection view cell

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

• اندازه سلول مشاهده تصویر به صورت خودکار تغییر می کند Automatically resize the image view cell

• دکمه برگشت و دکمه سبد The back button and basket button

سبد خرید Shopping Basket

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

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

• ایجاد یک سبد Creating a basket

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

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

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

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

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

• حذف یک کالا از سبد Deleting an item from the basket

• نمایش نمای مورد از سبد Showing the item view from basket

نمای ورود Login View

• رابط کاربری نمای ورود The login view UI

• اتصالات نمای ورود The login view connections

• نمایش نمای ورود Showing the login view

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

• کلاس MUser قسمت 2 The MUser class part 2

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

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

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

• تابع ثبت نام کاربر The register user function

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

• با کاربران وارد شوید Login with users

• تایید آدرس های ایمیل Verifying email addresses

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

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

• ایجاد یک شی کاربر در Firestore Creating an user object in Firestore

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

• در حال ارسال مجدد ایمیل تایید Resending the verification email

• اجرای آزمایشی برای تنظیم مجدد رمز عبور Carrying out a test run for resetting the password

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

• نمای جدول نمایه The profile table view

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

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

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

• اتمام نمای ثبت نام Finishing the registration view

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

• ویرایش توابع MUser Editing MUser functions

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

• ویرایش رابط کاربری پروفایل Editing the profile UI

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

• ویرایش نمای نمایه قسمت 2 Editing the profile view part 2

• خروج کاربران Logging out users

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

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

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

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

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

پی پال PayPal

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

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

• ایجاد پرداخت پی پال Creating PayPal payment

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

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

• رابط کاربری نمای جستجو The search view UI

• جستجوی اتصالات مشاهده Search view connections

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

• نمایش/پنهان کردن برای نمای جستجو Show/hide for the search view

• اضافه کردن شاخص های فعالیت Adding activity indicators

• توابع نمای جدول Table view functions

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

• ایجاد سرویس Algolia Creating the Algolia service

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

• جستجو در الگولیا Searching in Algolia

• آزمایش برای جستجوی Algolia انجام می شود Test runs for the Algolia search

• افزودن مجموعه داده خالی Adding the empty data set

• اطلاعات بیشتر در مورد مجموعه داده های خالی More on empty data sets

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

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

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

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

• ایجاد کلاینت Stripe Creating Stripe client

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

• تست برنامه Testing the app

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

• در حال ارائه نمای اطلاعات کارت Presenting the card info view

• افزودن فیلد متنی اطلاعات کارت Adding a card info text field

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

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

• نصب پشتیبان Installing a backend

• ساخت فایل index.js Creating an index.js file

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

• قرار دادن باطن در سرور راه دور Putting the backend on a remote server