آموزش توسعه فول استک اپلیکیشن موبایل: فلاتر، فیگما و فایربیس - آخرین آپدیت

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

مقدمه Introduction

• معرفی بخش Figma Introduction To Figma Section

صفحه ثبت نام کاربر در Figma User SignUp Screen On Figma

• طراحی صفحه ثبت نام کاربر User SignUp Screen Design

صفحه ثبت نام برای فروشندگان Register Page For Vendors

• صفحه ثبت نام برای فروشندگان Register page for vendors

طراحی صفحه اصلی Home Screen Design

• بخش هدر Header Part

• بخش چرخ فلکی Carousel Part

• طراحی دسته‌ها Categories Design

• طراحی محصول محبوب Popular Product Design

• طراحی محصول پیشنهادی Recommended Product Design

• طراحی نوار ناوبری پایین Bottom Navigation Bar Design

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

• طراحی صفحه سبد خرید Cart Screen Design

طراحی صفحه پروفایل فروشنده Vendor Profile Screen Design

• بخش اول پروفایل فروشنده Vendor profile part 1

• بخش دوم پروفایل فروشنده Vendor profile part 2

طراحی صفحه پروفایل کاربر User Profile Screen Design

• بخش اول صفحه پروفایل کاربر User profile screen part 1

• بخش دوم پروفایل کاربر User Profile Part 2

• بخش سوم پروفایل کاربر User Profile Part 3

طراحی صفحه جزئیات محصول Product Details Screen Design

• بخش اول صفحه جزئیات محصول Product details screen part 1

• بخش دوم صفحه جزئیات محصول Product details screen part 2

طراحی صفحه فروشگاه‌های فروشنده Vendor Stores Page Design

• طراحی هدر عالی Design The Awesome Header

فلاتر - ساخت اپلیکیشن چند فروشندگی با Firebase Flutter - Firebase Build Multi Vendor App

• ایجاد پروژه Create Project

• ساختار MVC Mvc Structure

• پیکربندی دارایی‌ها Configure Assets

• پکیج فونت‌های گوگل Google Fonts Package

UI احراز هویت Authentication Ui

• ایجاد صفحه ورود Create Login Screen

• UI صفحه ورود Create Login Screen Ui

• ایجاد دکمه ورود Create Signin Button

• ایجاد دکمه ورود پیشرفته Create Advance Login Button

• ایجاد صفحه ثبت نام Create Register Screen

اعتبارسنجی فرم Form Validation

• استفاده از Validator Using Validator

• Validator صفحه ورود Login Screen Validator

ادغام Firebase Firebase Integration

• افزودن پکیج‌های Firebase Add Firebase Packages

• ادغام Firebase Integrate Firebase

مدیریت ورودی کاربر Handling User Input

• ذخیره ورودی ورود Store Login Input

• تمرین Assignment

• راه حل Solution

احراز هویت کاربر با Firebase User Authentication With Firebase

• تنظیم Firebase Setup Firebase

• ایجاد کاربر جدید Create New User

• ذخیره در Cloud Store in Cloud

• هدایت کاربر Navigate User

• ورود کاربر Login User

کار روی صفحه اصلی Working on the Main Screen

• ایجاد صفحه اصلی Create Main Screen

• ایجاد BottomNavigationBar Create BottomNavigationBar

• BottomNavigationBar نهایی BottomNavigationBar Final

• ایجاد صفحه Nav Create Nav Screen

بهبود کد Improve Code

• نمایش CircularProgressIndicator Show CircularProgressIndicator

• راه حل ورود Signin Solution

• FirebaseAuthException FirebaseAuthException

• مخفی و نمایش رمز عبور Hide & See Password

• راه حل Solution

• حذف statusBar Remove statusBar

کار روی بخش هدر Working on Header Section

• بنر هدر Header Banner

• ایجاد فیلد جستجو Create Search Field

• نهایی کردن بخش هدر Finalize Header Section

Firebase - بخش بنر Firebase -Banner Section

• آپلود بنرها Upload Banners

• بازیابی بنر Retrive Banner

• نمایش بنرها Display Banners

مدیریت وضعیت بنر Banner State Management

• افزودن پکیج Getx Add Getx Package

• بازیابی بنرها با Getx Getx Retrive Banners

• استفاده از BoxShadow Using BoxShadow

• نمایش بنرها Display Banners

• ایجاد نشانگرها Create Indicators

• افزودن Cachednetworkimage Add Cachednetworkimage

• استفاده Cachednetworkimage User Cachednetworkimage

• بهبود کد Improve Code

مدیریت وضعیت دسته‌ها Categories State Management

• آپلود دسته‌ها Upload Categories

• ایجاد مدل‌های دسته Create Category Models

• بازیابی دسته‌ها Retrive Categories

• نمایش دسته‌ها Display Categories

پنل مدیریت وب Web Admin Panel

• ایجاد پروژه جدید Create New Project

• افزودن Flutter Admin Scaffold Add Flutter Admin Scaffold

• ایجاد SideBars Create SideBars

• ایجاد صفحه‌های SideBar Create SideBar Screens

• ایجاد مسیرهای نامگذاری شده Create Named Routes

• SideBar نهایی SideBar Final

مدیریت وب - ادغام Firebase Web Admin - Firebase Integration

• افزودن پکیج Add Package

• ادغام Firebase - وب Integrate Firebase -web

پنل مدیریت وب - آپلود دسته‌ها Web Admin Panel - Uploading Categories

• UI دسته‌ها Categories Ui

• UI نهایی دسته Category Ui Final

• بررسی Validator Validator Check

• انتخابگر فایل File Picker

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

• آپلود دسته‌ها - Cloud Firestore Upload Categories - Cloud Firestore

• بازیابی دسته‌ها Retrive Categories

• نمایش تصاویر وب Display Web Images

• Flutter Easy Loading Flutter Easy Loading

• EasyLoading نهایی EasyLoading Final

پنل مدیریت - آپلود و بازیابی بنرها Admin Panel - Upload& Retrive Banners

• آپلود و بازیابی بنرها Upload & Retrive Banners

مدیریت وب - آپلود محصولات Web Admin - Uploading Products

• UI صفحه آپلود محصول Upload Product Screen Ui

• واکشی دسته‌ها Fetch Categories

• نمایش دسته‌ها Display Categories

• ذخیره دسته Store Category

• انتخاب و نمایش تصاویر Pick & Display Images

• ایجاد دکمه سایز Create Size Button

• افزودن سایز محصول Adding Product Size

• نمایش سایز Display Size

• حذف سایز Remove Size

• پاک کردن کنترلر Clear Controller

• اعتبارسنجی فرم Form Validation

• ذخیره مقدار محصول Store Product Value

• Stringهای Late در مقابل Nullable Late vs. Nullable String

• افزودن Uuid Add Uuid

• محصولات آپلود شده Uploaded Products

• بهبود طراحی Improve Design

• ایجاد Spiner Create Spiner

• کد بهتر Better Code

• بازنشانی فیلدها Reset Fields

مدیریت وب - بهبود کد Web Admin - Improving Code

• بهبود طراحی Improve Design

برنامه - واکشی محصولات App - Fetch Products

• ویجت قابل استفاده مجدد Reusable Widget

• نمایش نام محصول Display Product Name

• طراحی محصول Product Design

• بخش دوم طراحی محصول Product Design Part 2

• نمایش تصویر محصول Display Product Image

• فروش و رتبه بندی Sales Sold & Rating

• طراحی مورد علاقه Favorite Design

صفحه جزئیات محصول Product Detail Screen

• ایجاد صفحه Create Screen

• شروع کار Start Working

• نمایش تصاویر محصول Display Product Images

• نمایش جزئیات بیشتر Display More Details

• نمایش سایزهای محصول Display Product Sizes

• نمایش توضیحات محصول Display Product Description

• افزودن دکمه به سبد خرید Add To Cart Button

مدیریت وضعیت سبد خرید - Riverpod Cart State Management - Riverpod

• افزودن RiverPod Add RiverPod

• ایجاد مدل‌های سبد خرید Create Cart Models

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

• نهایی کردن افزودن به سبد خرید Add To Cart Final

• نمایش آیتم سبد خرید - متد Getter Display Cart Item - Getter Method

مدیریت وضعیت سبد خرید - طراحی سبد خرید Cart State Management - Design Cart

• طراحی نوار برنامه سفارشی Design Custom App Bar

• UI خالی سبد خرید Cart Empty Ui

• طراحی تعداد سبد خرید Cart Count Design

• طراحی CartItem CartItem Design

مدیریت وضعیت - بروزرسانی سبد خرید State Management - Updating Cart

• بروزرسانی سبد خرید Update Cart

• دکمه پرداخت Checkout Button

• محاسبه مجموع Calculate Total

مدیریت وضعیت - مورد علاقه State Management - Favorite

• ایجاد مدل‌ها Create Models

• قابلیت مورد علاقه Favorite Functionality

• نهایی کردن مورد علاقه Favorite Final

• نمایش مورد علاقه Display Favorite

• حذف آیتم Remove Item

پرداخت - ثبت سفارش Checkout - Placing Order

• ایجاد صفحه Create Screen

• نمایش آیتم پرداخت Display Checkout Item

• گزینه‌های پرداخت Payment Options

• ثبت سفارش Place Order

• نهایی کردن ثبت سفارش Place Order Final

• دکمه حمل و نقل Shipping Button

• نهایی کردن دکمه حمل و نقل Shipping Button Final

افزودن آدرس حمل و نقل Add Shipping Address

• طراحی صفحه حمل و نقل Design Shipping Screen

• بروزرسانی آدرس Update Address

• نمایش Dialog Show Dialog

• بررسی آدرس Checking Address

نمایش سفارش‌ها Display Orders

• نمایش سفارش‌ها Display Orders

• نهایی کردن نمایش سفارش Display Order Final

• نهایی کردن سفارش Order Final

جزئیات سفارش Order Detail

• صفحه جزئیات سفارش Order Detail Screen

• رفع خطای سرریز Fix Overflow Error

سیستم بررسی و رتبه بندی Review & Rating System

• رتبه دهی و بررسی Rate & Review

• ذخیره بررسی و رتبه بندی Store Review & rating

• بررسی سیستم رتبه بندی Checking Rating System

• بروزرسانی بررسی و رتبه بندی Updating Review & Rating

• بروزرسانی رتبه بندی محصول Updating Product Rating

نمایش رتبه بندی محصول Display Product Rating

• نمایش رتبه بندی Display Rating

• نمایش رتبه بندی - جزئیات محصول Display Rating - Product Detail

محصول بر اساس دسته Product By Category

• واکشی محصولات دسته Fetch Category Products

• نهایی کردن واکشی محصولات دسته Fetch Category Products Final

نمایش سفارش - پنل مدیریت وب Display Order - Web Admin Panel

• ایجاد هدر Create Header

• نمایش جزئیات سفارش Display Order Details

• علامت گذاری تحویل داده شده یا لغو شده Mark Delivered Or Cancel

احراز هویت فروشنده Vendor Authentication

• ثبت نام فروشنده Vendor Registration

• نهایی کردن ثبت نام فروشنده Vendor Registration Final

صفحه اصلی فروشنده Main Vendor Screen

• ایجاد صفحه Create Screen

• ایجاد نوار ناوبری پایین Create Bottom Navigation Bar

• ایجاد صفحه‌های اصلی Create Main Screens

فروشندگان - آپلود محصول Vendors - Upload Product

• پکیج انتخابگر تصویر Image Picker Package

• انتخاب تصاویر محصول Pick Product Images

• آپلود محصولات Upload Products

• آپلود تصاویر محصول Upload Produc Images

• نهایی کردن آپلود محصول Upload Product Final

• رفع باگ Fix Bug

• فیلد اضافی Additional Field

خرید از فروشندگان Buy From Vendors

• بروزرسانی کد Update Code

• رفع قیمت محصول Fix Product Price

• نمایش سفارش‌های فروشندگان Display Vendors Orders

• علامت گذاری سفارش‌های تحویل داده شده Mark Delivered Orders

نمایش درآمدهای فروشنده Display Vendor Earnings

• صفحه درآمدهای فروشندگان Vendors Earnings Screen

• نهایی کردن نمایش درآمدهای فروشندگان Display Vendors Earnings Final

مدیریت وب - نمایش خریداران و فروشندگان Web Admin Display Buyers And Vendors

• ایجاد هدر خریدار Create Buyer Header

• نمایش خریداران Display Buyers

• نمایش فروشندگان Display Vendors

تکمیل برنامه خریدار Complete Buyer's App

• نمایش محصولات محبوب Display Popular Products

• نوار برنامه فروشگاه Store App Bar

• نمایش محصولات فروشندگان Display Vendors Products

• صفحه حساب کاربری Account Screen