آموزش اپلیکیشن فروشگاهی چند ماژولار برای اندروید و iOS (KMP) - آخرین آپدیت

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

Introduction

• مقدمه Introduction

• آیا این دوره برای شماست؟ Is this course for you?

• بررسی اجمالی طراحی پروژه Project Design Overview

• بررسی اجمالی معماری پروژه Project Architecture Overview

• چرا Firebase؟ Why Firebase?

مقدمه‌ای بر Figma Introduction to Figma

• شروع کار با Figma Getting Started with Figma

• ابزارها و تکنیک‌های ضروری طراحی Essential Design Tools & Techniques

• متغیرها و توکن‌ها Variables and Tokens

• استایل‌ها Styles

• چیدمان خودکار (Auto Layout) Auto Layout

• کامپوننت‌ها و واریانت‌ها Components and Variants

بیایید اپلیکیشن NutriSport خود را طراحی کنیم! Let's Design our NutriSport App!

• پروژه طراحی من را کلون کنید Clone my Design Project

• انتخاب فونت، رنگ‌ها و آیکون‌ها Choosing Font, Colors & Icons

• الهامات طراحی Design inspirations

• صفحه احراز هویت Authentication Screen

• کامپوننت نوار پایین (BottomBar) BottomBar Component

• اصول فاصله گذاری در طراحی UI Spacing Principles in UI Design

• کامپوننت ProductCard ثانویه Secondary ProductCard Component

• کامپوننت ProductCard اصلی Main ProductCard Component

• کامپوننت TopAppBar TopAppBar Component

• صفحه سبد خرید Shopping Cart Screen

• وضعیت سبد خرید خالی Empty Cart State

• صفحه دسته‌بندی‌ها Categories Screen

• صفحه جستجوی دسته‌بندی Category Search Screen

• وضعیت جستجوی دسته‌بندی خالی Empty Category Search State

• کامپوننت دکمه Button Component

• صفحه جزئیات Details Screen

• منوی کشویی ناوبری سفارشی (Custom Navigation Drawer) Custom Navigation Drawer

• صفحه پروفایل Profile Screen

• کامپوننت دیالوگ Dialog component

• صفحه پنل مدیریت Admin Panel Screen

• افزودن محصول جدید Add New Product

• ویرایش محصول Edit Product

• صفحه تسویه حساب Checkout Screen

• صفحه پرداخت انجام شده (پی‌پال) Payment Processed Screen (Paypal)

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

• کد منبع پروژه Project Source Code

• پیش‌نیازهای محیط توسعه Development Environment requirements

• وابستگی‌ها Dependencies

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

• صفحه خوش آمدگویی در اندروید (Splash Screen) Splash Screen on Android

• صفحه خوش آمدگویی در iOS (Splash Screen) Splash Screen on iOS

• فونت‌ها، رنگ‌ها و منابع Fonts, Colors and Resources

احراز هویت Authentication

• صفحه احراز هویت Authentication Screen

• پیاده‌سازی ورود با گوگل Sign in with Google implementation

ناوبری Navigation

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

تزریق وابستگی (Dependency Injection) Dependency Injection

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

• ایجاد یک مشتری Create a Customer

ناوبری نوار پایین تو در تو Nested Bottom Bar Navigation

• به خاطر سپردن وضعیت احراز هویت شده Remember Authenticated state

• کامپوننت نوار پایین (Bottom Bar) Bottom Bar component

• ناوبری تو در تو Nested Navigation

منوی کشویی ناوبری سفارشی (Custom Navigation Drawer) Custom Navigation Drawer

• به‌روزرسانی نوارهای سیستم Update System Bars

• کامپوننت Drawer سفارشی Custom Drawer component

• انیمیشن CustomDrawer و HomeGraph Animate CustomDrawer & HomeGraph

• خروج کاربر Sign out the User

صفحه پروفایل Profile Screen

• کامپوننت TextField سفارشی Custom TextField component

• کامپوننت Alert TextField Alert TextFIeld component

• کامپوننت دکمه اصلی Primary Button component

• فرم پروفایل Profile Form

• کامپوننت دیالوگ انتخاب کشور Country Picker Dialog component

• پیاده‌سازی انتخاب کشور Country Picker implementation

• خواندن اطلاعات مشتری Read the Customer information

• تست اپلیکیشن iOS Test the iOS App

• به‌روزرسانی اطلاعات مشتری Update a Customer information

• کامپوننت کارت اطلاعات Info Card component

پنل مدیریت Admin Panel

• قابلیت پنل مدیریت Admin Panel feature

• قابلیت مدیریت محصول Manage Product feature

• دیالوگ دسته‌بندی Category Dialog

• منطق انتخاب عکس (مخصوص پلتفرم) Photo Picker (Platform-specific) logic

• ایجاد محصول Create the Product

• آپلود یک تصویر کوچک (thumbnail) در فضای ذخیره‌سازی Upload a Thumbnail to Storage

• به‌روزرسانی یک طراحی در Figma - کامپوننت انتخاب عکس Update a Design in Figma - Photo Picker component

• حذف یک تصویر کوچک (thumbnail) از فضای ذخیره‌سازی Delete a Thumbnail from Storage

• کارت محصول Product Card

• خواندن ۱۰ محصول آخر Read the Last 10 Products

• خواندن محصول انتخاب شده Read Selected Product

• به‌روزرسانی محصول انتخاب شده Update Selected Product

• حذف محصول انتخاب شده Delete Selected Product

• جستجوی محصولات Search Products

• پنهان/نمایش گزینه ناوبری پنل مدیریت Hide/Show AdminPanel navigation option

• سه کامپوننت سوییچ 3 Switch components

صفحه نمای کلی محصولات Products Overview Screen

• خواندن محصولات تخفیف‌دار Read Discounted products

• کامپوننت کارت محصول اصلی Main Product Card component

• خواندن محصولات جدید Read New products

صفحه جزئیات Details Screen

• صفحه جزئیات Details Screen

• شمارنده تعداد Quantity Counter

• افزودن به سبد خرید Add to Cart

صفحه سبد خرید Cart Screen

• کامپوننت کارت آیتم سبد خرید Cart Item Card component

• خواندن آیتم‌های سبد خرید و محصولات به طور همزمان Read Cart Items and Products together

• به‌روزرسانی تعداد آیتم سبد خرید Update the CartItem Quantity

• حذف آیتم سبد خرید از مشتری Delete CartItem from Customer

• نشانگر سبد خرید Cart indicator

صفحه دسته‌بندی‌ها Categories Screen

• صفحه دسته‌بندی‌ها Categories Screen

• خواندن محصولات بر اساس دسته‌بندی Read Products by Category

• جستجوی محصولات دسته‌بندی بر اساس عنوان Search Category Products by Title

صفحه تسویه حساب - پرداخت در محل Checkout Screen - Pay on Delivery

• محاسبه مبلغ کل از سبد خرید Calculate the Total Amount from Cart

• به‌روزرسانی اطلاعات پروفایل Update Profile Information

• ایجاد سفارش Create the Order

• نصب افزونه ایمیل و راه اندازی توابع (Functions) Install Email Extension & Functions Setup

• نوشتن و آپلود اسکریپت JS برای ارسال ایمیل‌ها Write & Upload the JS Script for Sending Emails

صفحه تسویه حساب - پرداخت با PayPal Checkout Screen - Pay with PayPal

• دریافت یک توکن دسترسی Fetch an Access Token

• شروع فرآیند تسویه حساب Start the Checkout process

• مدیریت یک Intent در اندروید Handle an Intent on Android

• ایجاد سفارش برای پرداخت پی‌پال Create the Order for PayPal payment

• مدیریت یک لینک عمیق (Deep Link) در iOS Handle a Deep Link on iOS

اعلان‌های فشاری (Push Notifications) Push Notifications

• پیاده‌سازی اعلان‌های فشاری (Push Notifications) Implement Push Notifications

قوانین امنیتی Security Rules

• امن‌سازی پایگاه داده Firestore شما Secure your Firestore Database