آموزش Flutter 3.10 & Firebase: یک برنامه تجارت الکترونیک و مدیریت بسازید

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

معرفی Introduction

• معرفی Introduction

• کوپن فروش - ماهانه Sale Coupons - Monthly

• نکات و ترفندهای پیشرفته Advanced tips and tricks

• اصلی - نمایش برنامه مرجع Main - Reference app demonstration

• آنچه در دوره تخصصی وجود دارد Whats in the expert course

• برنامه کاربران ما در پایان دوره چگونه به نظر می رسد؟ How our Users App looks like at the end of the course?

• برنامه مدیریت ما در پایان دوره چگونه به نظر می رسد؟ How our Admin App looks like at the end of the course?

• حساب های اجتماعی Social accounts

• بعد از این دوره چه انتظاری دارید What do you expect after this course

رابط کاربری اپلیکیشن کاربر را بسازید Build the user app UI

• خبر بزرگ Great News

• نکته مهم در مورد دسترسی به دوره و بازخورد Important Note on Course Access and Feedback

• جهت دستگاه را قفل کنید Lock the device Orientation

• دارایی های Assets

• یک برنامه جدید ایجاد کنید و آن را در مقابل کد باز کنید Create the a new application and open it in vs code

• موضوع روشن و تاریک را با مدیریت ایالت ارائه دهنده پیاده کنید Implement the light and dark theme with provider state management

• ویجت سفارشی متن را ایجاد کنید Create the text custom widget

• نوار ناوبری پایین را با وضعیت فعال ایجاد کنید Create the bottom navigation bar with active state

• صفحه نمایه را ایجاد کنید Create the profile screen

• ویجت پس زمینه متحرک نام برنامه را ایجاد کنید Create the app name animated background widget

• صفحه خالی سبد خرید را ایجاد کنید Create the empty cart screen

• هنگام اضافه شدن محصول، صفحه سبد خرید را ایجاد کنید Create the cart screen when added product

• ویجت برگه پایین سبد خرید را ایجاد کنید Create the Cart bottom sheet widget

• گفتگوی مقدار سبد خرید را ایجاد کنید Create the Cart quantity dialogue

• نشان سبد خرید را پیاده سازی کنید Implement the Cart badge

• اجرای صفحه جستجو را شروع کنید Start implementing the search screen

• اجرای صفحه جستجو را تمام کنید Finish implementing the search screen

• نکته در مورد صفحه جستجو Note about the Search Screen

• Swiper را در صفحه اصلی اجرا کنید Implement the Swiper in the Home Screen

• آخرین ویجت ورود را در صفحه اصلی ایجاد کنید Create the latest arrival widget in the Home Screen

• ویجت دسته بندی ها را در صفحه اصلی ایجاد کنید Create the Categories widget in the Home Screen

• صفحه جزئیات محصول را پیاده سازی کنید Implement the product details screen

• یک ویجت قلب سفارشی ایجاد کنید Create a custom heart widget

• نمایشگرهای Wishlist و نمایش‌های اخیر را اجرا کنید Implement the Wishlist and Viewed recently screens

• پنجره هشدار یا خطا را اجرا کنید Implement the Warning or Error dialog

• طراحی صفحه ورود به سیستم را پیاده سازی کنید Implement the login screen design

• ویجت دکمه ورود با گوگل را اجرا کنید Implement the Sign in with google button widget

• شروع به پیاده سازی صفحه ثبت نام کنید Start Implementing the Register Screen

• ویجت انتخابگر تصویر پروفایل را پیاده سازی کنید Implement the Profile Image Picker Widget

• دیالوگ Pick Image را پیاده سازی کنید Implement the Pick Image Dialog

• به کاربر اجازه دهید با استفاده از دوربین یا گالری تصویری را انتخاب کند Allow the user to pick up an image using Camera or Gallery

• صفحه Orders را پیاده سازی کنید Implement the Orders screen

• صفحه فراموشی رمز عبور را اجرا کنید و برنامه را تست کنید Implement the Forgot Password Screen and Test the App

مدیریت دولتی با استفاده از ارائه دهنده State Management Using Provider

• چرا به مدیریت دولتی نیاز داریم؟ Why do we need state management

• مدل محصول را ایجاد کنید Create the Product Model

• محصولات صحیح را در صفحه جستجو نمایش دهید Display the correct products on the Search Screen

• نمایش محصولات صحیح با استفاده از Provider State Management Display the correct products using Provider State Management

• محصولات را با استفاده از روشی پویا روی صفحه نمایش دهید Display the products on the screen using a dynamic way

• جزئیات صحیح محصول را در صفحه جزئیات محصول نمایش دهید Display the correct product details in the Product Details Screen

• نمایش محصولات بر اساس دسته Display products by Category

• به کاربر اجازه دهید تا محصولات را جستجو کند Allow the user to search for Products

• به کاربر اجازه دهید محصولات را در Categories.tscproj جستجو کند Allow the user to search for Products in Categories.tscproj

• با Cart State Management شروع کنید و به کاربر اجازه دهید به سبد خرید خود اضافه کند Start with the Cart State Management and allow the user to add to his Cart

• 11. نمایش محصول اضافه شده در سبد خرید و نمایش اطلاعات صحیح 11. Display the added product in the Cart and display the correct info

• به کاربر اجازه می دهد تا تعداد کالاهای سبد خرید را به روز کند Allow the user to update Cart Item Quantity

• مدیریت وضعیت سبد خرید را نهایی کنید، به کاربر اجازه دهید موارد EN را حذف کند Finalize the Cart State Management, allow the user to delete items EN

• نمایش آخرین محصولات ورودی Displaying the latest arrival products

• مدیریت ایالت Wishlist را اجرا کنید Implement the Wishlist State management

• مدیریت وضعیت محصول اخیراً مشاهده شده را تمام کنید Finish the viewed recently product State management

اپلیکیشن پنل مدیریت Admin Panel App

• یک برنامه جدید برای پنل مدیریت ایجاد کنید Create a new App for the Admin Panel

• صفحه داشبورد را پیاده سازی کنید Implement the Dashboard Screen

• اجرای صفحه آپلود را شروع کنید Start implementing the Upload Screen

• ابزارک آپلود تصویر محصول را پیاده سازی کنید Implement the Upload Product Image widget

• صفحه محصول آپلود را پویا کنید تا ادمین بتواند محصول خود را ویرایش کند Make the upload product screen dynamic to allow the admin to edit his product

Firebase + اطلاعات بیشتر در مورد مدیریت دولتی Firebase + More on State Management

• برنامه های ما را به Firebase وصل کنید Connect our Apps to the Firebase

• به کاربر اجازه می دهد تا Firebase + Error handling را ثبت کند و مقداردهی اولیه کند Allow the user to Register and initialize the Firebase + Error handling

• به کاربران اجازه دهید وارد شوند و بررسی کنند که آیا وارد شده اند یا خیر Allow the users to login and check if they are signed in or not

• با گوگل وارد شوید Sign in With Google

• Loading Manger - نشانگر بارگیری را هنگام بارگیری نشان می دهد Loading manger - Display loading indicator when loading

• اطلاعات کاربر را در Firebase Firestore ذخیره کنید Save User information to the Firebase Firestore

• نمایش اطلاعات کاربر از Firestore Display the user information from the Firestore

• اطلاعات کاربر را در Firestore در Google Sign In ذخیره کنید Save the user information to Firestore on Google Sign In

• وضعیت BottomNavigationBar را زنده نگه دارید Keep the BottomNavigationBar State Alive

• به کاربر اجازه آپلود تصویر را بدهید Allow the user to upload an image

• مدیر - بارگذاری محصول در Firebase Admin - Upload Product to the Firebase

• محصول را از Firebase دریافت کنید و آن را در برنامه کاربر نمایش دهید Fetch product from the Firebase and Display it in the user application

• محصول را با استفاده از Stream Builder EN واکشی کنید Fetch product using Stream Builder EN

• Admin - به مدیر اجازه دهید یک محصول را ویرایش کند Admin - Allow the admin to edit a product

• نمایش آخرین ورود صحیح Display the correct latest arrival

• به کاربر اجازه دهید به سبد خرید اضافه کند و آن را در Firebase Firestore ذخیره کند Allow the user to add to Cart and save it in the Firebase Firestore

• سبد خرید را از Firestor دریافت کنید Fetch the Cart from the Firestore

• پاک کردن سبد خرید و حذف یک مورد از Firebase Clear Cart & Remove one item from Firebase

• لیست خواسته های کاربر را به Firebase متصل کنید Connect the User Wishlist to the Firebase

• اجازه دادن به کاربر برای ثبت سفارش Allow the user to place an Order

• سفارشات را واکشی کنید و روی صفحه نمایش دهید Fetch the Orders and display it on the screen

اضافی Extra

• پس از اتمام دوره Upon Finishing the course