آموزش Flutter 3.0 & Firebase یک برنامه خواربارفروشی و پنل مدیریت وب ایجاد کنید

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

مقدمه Introduction

• مقدمه Introduction

• قبل از خرید این دوره BEFORE BUYING THIS COURSE

• نمای کلی برنامه - توضیح دهید که چگونه کار می کند App overview - explain how it works

• نمای کلی پنل مدیریت وب WEB Admin panel overview

• کانال یوتیوب Youtube channel

• Github من My Github

• سرور Discord. اگر سوالی دارید حتما عضو شوید! Discord server. Make sure to join if you have any question!

• حساب های اجتماعی من برای رسیدن به من MY SOCIAL ACCOUNTS TO REACH ME

• منابع برنامه App resources

شروع به کدنویسی کنید - رابط کاربری برنامه موبایل را بسازید Start coding - Build the Mobile app UI

• جهت دستگاه را قفل کنید lock device orientation

• همه چیز را روشن کنید MAKE THINGS CLEAR

• یکپارچه سازی برنامه و اجرای تم تاریک App intialization and dark theme implementation

• پایین نوار را پیاده سازی کنید Implement the bottomBar

• تکلیف 1 Assignment 1

• نوارهای برنامه های مختلف را برای صفحه های مختلف در نوار پایین اضافه کنید Add different appbars for the different screen in the bottombar

• تکلیف 2 Assignment 2

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

• گفتگوی آدرس به روز رسانی را ایجاد کنید Create the update address dialog

• تکلیف 3 Assignment 3

• گفتگوی خروج را پیاده سازی کنید Implement the logout dialog

• طراحی دسته بندی را اجرا کنید Implement the category design

• ساخت صفحه نمایش دسته را به پایان برسانید Finish building the category screen

• Swiper کارت را در صفحه اصلی اجرا کنید Implement the card swiper in the home screen

• ویجت فروش را پیاده سازی کنید Implement the sale widget

• موارد موجود در لیست فروش را ایجاد کنید Create the items on sale listview

• ابزارک متنی چرخش شده در فروش را پیاده کنید Impelment the rotated on sale text widget

• پیاده سازی تصویر فانتزی Fancy image implementation

• ویجت فیدها را پیاده سازی کنید و آن را به صفحه اصلی اضافه کنید Implement the feeds widget and add it to the Home screen

• خطای فیلد متنی Textfield Error

• ویجت قیمت را پویا کنید Make the price widget dynamic

• پیاده سازی صفحه فروش Implement the sale screen

• اگر محصولی در فروش وجود ندارد، رابط کاربری را مدیریت کنید. (واسط کاربری جدید برای آن ایجاد کنید) Handle UI if there is no products on sale. (Create new UI to it)

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

• ویجت سبد خرید را پیاده سازی کنید Implement the cart widget

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

• تکلیف 4 Assignment 4

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

• تابع کنترل کننده متن کمیت را پیاده سازی کنید Implement the quantity text controller function

• صفحه لیست علاقه مندی ها را پیاده سازی کنید Implement the wishlist screen

• گفتگوی هشدار را اجرا کنید Impelement the warning dialog

• صفحه سفارشات را اجرا کنید Implement the orders screen

• صفحه نمایش محصولات اخیراً مشاهده شده را پیاده سازی کنید Implement the viewed recently products screen

• صفحه خالی سفارشات، سبد خرید، فهرست علاقه مندی ها و مشاهده شده اخیر را مدیریت کنید Handle the empty screen for the Orders, Cart, Wishlist and Viewed recently

• ویجت نشان را برای سبد خرید پیاده کنید Implement the badge widget for the cart

• خطاهای بسته نشان Badge package errors

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

• صفحه ثبت نام را اجرا کنید Implement the sign up screen

• صفحه فراموشی رمز عبور را پیاده سازی کنید Implement the forget password screen

رابط کاربری پنل مدیریت را بسازید Build the admin panel UI

• پیاده سازی پنل مدیریت را شروع کنید Start implementing the admin panel

• درباره سخنرانی بعدی About next lecture

• ویجت محصولات را پیاده سازی کنید و نحوه اجرای برنامه وب را توضیح دهید Implement the products widget and explain how to run the web app

• محصولات gridview را پیاده سازی کنید Implement the products gridview

• صفحه نمایش همه محصولات را پیاده سازی کنید Implement the all products screen

• ویجت سفارش را در صفحه داشبورد پیاده سازی کنید Implement the order widget in the Dashboard screen

• خطای ScrollController را برطرف کنید Fix the ScrollController error

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

• ویجت های بالایی را در صفحه داشبورد پیاده سازی کنید Implement the upper widgets in the dashboard screen

• شروع به ساخت صفحه افزودن محصول کنید Start building the add product screen

• ویجت هدر را ویرایش کنید Edit the header widget

• منوی drop را برای انتخاب دسته اجرا کنید Implement the drop menu for selecting a category

• دکمه های رادیویی را برای انتخاب واحد اندازه گیری اجرا کنید Impelement the Radio buttons to choose the Measure unit

• پیاده سازی ویجت انتخابگر تصویر (WEB) Implement the image picker widget (WEB)

انتخابگر تصویر وب WEB Image picker

• به مدیر اجازه دهید تصویر محصول را دریافت کند Allow the admin to pick up the product image

• به مدیر اجازه دهید تصویر انتخاب شده را پاک کند Allow the admin to clear the picked image

• تابع فرم شفاف را اجرا کنید Implement the clear form function

مدیریت دولتی State management

• یک کلاس مدل برای محصولات ایجاد کنید Create a model class for the products

• نمایش محصولات مختلف Show different products

• ارائه دهنده محصولات را پیاده سازی کنید Implement the products provider

• جزئیات محصولات را در صفحه فیدها بدون عبور از آن دریافت کنید Get the products details in the feeds screen without passing it

• سایر ویژگی ها را در ویجت feads بخوانید Read the other attributes in the feads widget

• مدیریت دولتی برای محصولات در حال فروش را تمام کنید Finish the state management for the on sale products

• نمایش جزئیات محصول Show the product details

• نمایش محصولات مختلف بسته به دسته آنها Show different products depending on their category

• مدل سبد خرید را پیاده سازی کنید Implement the cart model

• ارائه دهنده سبد خرید را پیاده سازی کنید Implement the cart provider

• به کاربر اجازه دهید به سبد خرید خود اضافه کند Allow the user to add to his cart

• صفحه سبد خرید را مدیریت کنید Manage the cart screen

• نمایش اطلاعات صحیح اقلام موجود در سبد خرید Show the correct information of the items in the cart

• به کاربر اجازه دهید سبد خرید خود را پاک کند، مقدار را به روز کند و یک مورد را از سبد خرید حذف کند Allow the user to clear his cart, update quantity and remove one item from cart

• از جزئیات محصول به سبد خرید اضافه کنید Add to cart from the product details

• بررسی کنید که آیا محصول در سبد خرید موجود است یا خیر Check if product is in cart

• ارائه دهنده لیست علاقه مندی ها را پیاده سازی کنید Implement the wishlist provider

• به کاربر اجازه دهید به لیست علاقه مندی های خود اضافه کند Allow the user to add to his wishlist

• مدیریت ایالت فهرست آرزوها را تمام کنید Finish the wishlist state management

• مدیریت حالت اخیر مشاهده شده را تمام کنید Finish the viewed recently state management

• نشان دادن شماره صحیح برای نشان سبد خرید Show the correct number for the cart badge

Firebase - برنامه Android (قسمت 1) Firebase - Android app (Part 1)

• Firebase چیست؟ What is Firebase?

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

• مقداردهی اولیه Firebase Firebase initialization

• به کاربر اجازه دهید با استفاده از ایمیل و رمز عبور ثبت نام کند Allow the user to register using an email and password

• ویجت مدیر بارگیری ایجاد کنید Create a loading manager widget

• ویجت بارگیری متفاوتی را نشان دهید Show a different loading widget

• بررسی کنید که آیا کاربر مجاز است به سبد خرید خود اضافه کند (اگر کاربر وارد شده باشد) Check if the user is allowed to add to his cart (If the user is logged in)

• به کاربر اجازه دهید از سیستم خارج شود و برنامه را آزمایش کند Allow the user to sign out, and test the app

• به کاربر اجازه ورود به سیستم را بدهید Allow the user to loggin

• روش google sign را پیاده سازی کنید (به کاربر اجازه می دهد با استفاده از gmail acc خود وارد شود Implement the google sign method (Allow the user to login using his gmail acc

• فراموشی رمز عبور Forget password

• یک نان تست را در فلاتر اجرا کنید Impelement a toast in Flutter

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

• اطلاعات کاربر را از Firebase Firestore واکشی کنید Fetch the user information from the Firebase Firestore

• به کاربر اجازه دهید آدرس خود را ویرایش کند Allow the user to edit his address

Firebase - پنل مدیریت وب (بخش 1) Firebase - WEB Admin panel (Part 1)

• برنامه Flutter WEB را به Firebase وصل کنید Connect the Flutter WEB app to Firebase

• پنل مدیریت وب را به Firebase وصل کنید Connect the web admin panel to the Firebase

• رفع - FirebaseOptions نمی تواند هنگام ایجاد برنامه پیش فرض خالی باشد Fix - FirebaseOptions cannot be null when creating the default app

• بسته متوقف شد Package discontinued

• به مدیر اجازه دهید یک محصول را آپلود کند Allow the admin to upload a product

• هشدار در مورد سخنرانی های آینده Warning about the upcoming lectures

• Flutter web - یک تصویر را در Firebase آپلود کنید Flutter web - Upload an image to the Firebase

• محصولات را پس از واکشی از Firebase در پنل مدیریت نمایش دهید Display the products in the admin panel after fetching it from the Firebase

• اصلاح تصویر آپلود/پس از انتشار اضافه شد Upload image fix / Added after publishing

• صفحه ویرایش محصول را پیاده سازی کنید Implement the Edit product screen

• نمایش داده های صحیح در صفحه ویرایش محصول Display the correct data in Edit product screen

• به مدیر اجازه دهید جزئیات محصول را به روز کند Allow the admin to update the product details

• به مدیر اجازه دهید یک محصول را حذف کند Allow the admin to delete a Product

Firebase - برنامه اندروید (قسمت 2) Firebase - Android app (Part 2)

• محصولات را از Firebase دریافت کنید Fetch the products from the Firebase

• نمایش پس زمینه های مختلف در حین واکشی محصولات.mp4 Show different background while fetching the products.mp4

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

• رفع خطای تکراری محصولات Fix products duplication error

Firebase و سبد کاربر Firebase & User Cart

• سبد کاربر را در Firebase Firestore ذخیره کنید Save user cart to the Firebase Firestore

• واکشی سبد خرید کاربر از Firebase (نمایش مواردی که در سبد خرید کاربر وجود دارد) Fetch the user cart from the Firebase (Show the itemsthat are in the user cart)

• هنگام بارگیری برنامه، سبد کاربر را واکشی کنید Fetch the user cart while the app is loading

• برخی از خطاهای مربوط به سبد خرید را برطرف کنید Fix some errors related to the user cart

• قیمت های صحیح را در صفحه سبد خرید نمایش دهید Show the correct prices in the cart screen

• به کاربر اجازه دهید یک مورد را از سبد خرید خود حذف کند (انجام حذف از یک آرایه) Allow the user to delete one item from his cart (Perform deletion from an array)

• به کاربر اجازه دهید سبد خرید خود را پاک کند و یک اشکال را برطرف کند Allow the user to clear his cart and fix a bug

• بعد از بخش لیست علاقه مندی کاربر اضافه شد - رفع یک اشکال مربوط به سبد خرید - کاربر نال Added after the user wishlist section-Fix one bug related to the cart-Null user

Firebase و لیست خواسته های کاربر Firebase & User Wishlist

• روش ذخیره لیست علاقه مندی ها را در Firestore بنویسید Write the method to save the wishlist on the Firestore

• ارائه‌دهنده لیست علاقه‌مندی‌ها را به پایان برسانید (واکشی، افزودن، حذف از Firebase) Finish the wishlist provider (Fetch, add, remove From the Firebase)

• لیست علاقه مندی ها را با Firebase نهایی کنید Finalize the wishlist with the Firebase

• هنگام افزودن محصول به لیست علاقه مندی ها، نشانگر پیشرفت را نشان دهید Show a progress indicator while adding product to the wishlist

• هنگام واکشی لیست علاقه مندی ها، یک اشکال را برطرف کنید Fix a bug while fetching the wishlist

Firebase و سفارشات کاربر Firebase & User orders

• 41- مدل سفارشات و کلاس ارائه دهنده را ایجاد کنید 41- Create the orders model and provider class

• روش سفارش مکان را برای ذخیره سفارشات در Firebase اجرا کنید Implement the place order method to save the orders on the Firebase

• روش Fetch orders را پیاده سازی کنید Implement the Fetch orders method

• سفارشات را نهایی کنید و برای کاربر نمایش دهید Finalize the orders and display it for the user

Firebase و رفع Firebase & Fixes

• اطلاعات اضافی کاربر را در ورود به سیستم گوگل ذخیره کنید Save extra user info on google sign in

Firebase - پنل مدیریت (قسمت 2) Firebase - Admin panel (Part 2)

• رابط کاربری صفحه نمایش محصول ویرایش را بهبود بخشید Improve the edit product screen UI

• شروع به واکشی سفارشات کنید و آن را در پنل مدیریت نمایش دهید Start fetching the orders and display it in the admin panel

• ویجت واکشی سفارشات را اصلاح کنید Refactor the fetching orders widget

• نمایش اطلاعات صحیح سفارشات Display the correct orders information

ادغام پرداخت - ممکن است بعداً روش‌های پرداخت دیگری اضافه شود Payment integration - Might add some other payments methods later

• راه اندازی راه راه Stripe setup

• اجرای نوار با Firebase Stripe implementation with Firebase

• از Stripe در صفحه سبد خرید برای سفارش کاربر استفاده کنید و خطا را برطرف کنید Use the Stripe in the cart screen for the user to make an order, and fix the err

اضافی Extra

• رویکرد دیگری برای افزودن به تاریخ Another aproach to add to the history

• سفارشات صحیح را برای هر کاربر واکشی کنید Fetch the correct orders for each user

محتویات جایزه Bonus contents

• کد منبع کامل Full source code

• نماد راه‌انداز برنامه را تغییر دهید Change the app launcher icon

• صفحه نمایش بومی Splash Native Splash screen