آموزش Flutter Foundation با Firebase و Provider [ویدئو]

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

معرفی Introduction

• فلاتر چیست؟ What is Flutter?

• نحوه استفاده از فایل های پروژه How to Use Project Files

• نصب فلاتر Installing Flutter

مبانی Basics

• ساختار پروژه Project Structure

• اولین ویجت بدون تابعیت First Stateless Widget

• اپلیکیشن متریال Material App

• Override و BuildContext Override and BuildContext

• چرا از اپلیکیشن متریال و داربست استفاده کنیم؟ Why Use Material App and Scaffold?

IOS Reminders App - Flutter Basics IOS Reminders App - Flutter Basics

• مقدمه ای بر یادآوری iOS Introduction to iOS Reminders

• اضافه کردن یک Navigator Adding a Navigator

• دکمه و تم نوار برنامه App Bar Button and Theme

• تم تیره Dark Theme

• ستون ها Columns

• بازرس ردیف و فلاتر Rows and Flutter Inspector

• ویجت گسترش یافته Expanded Widget

• دکمه های پاورقی و پد Footer Buttons and Padding

• GridView.count GridView.count

• دکوراسیون جعبه و رنگ Box Decoration and Colors

• کلاس ها و سازندگان Classes and Constructors

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

• متغیرهای Nullable و Non-Nullable Nullable and Non-Nullable Variables

• نهایی و پایانی Final and Const

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

• Refactoring برنامه ما Refactoring Our App

حالت دادن برنامه Making App Stateful

• ویجت Stateful Stateful Widget

• ListView - تنظیم یک لیست ListView - Setting Up a List

• حالت دادن به آیتم فهرست با استفاده از ListTile Styling List Item Using ListTile

• مرتب کردن مجدد لیست Reordering the List

• کلاس دسته - UnmodifiableListView Category Class - UnmodifiableListView

• نمایش مخفی کردن لیست - جابجایی چک باکس Show Hide List - Toggle Checkbox

• ListView متحرک و GridView Animated ListView and GridView

اضافه کردن یک لیست Adding a List

• AddList Modal AddList Modal

• اضافه کردن نماد انتخاب شده Add Selected Icon

• Theme.of(context) و Form Field Theme.of(context) and Form Field

• مدل رنگ سفارشی CustomColor Model

• مدل CustomColorCollection و ویجت Wrapper CustomColorCollection Model and Wrapper Widget

• مدل CustomIcon CustomIcon Model

• نماد و رنگ را انتخاب کنید Select Icon and Color

• بازیابی متن از TextField - TextEditingController Retrieve Text from TextField - TextEditingController

• Refactoring Theme ما Refactoring Our Theme

• رفع اشکال - AddListScreen قابل پیمایش Bugfix - Scrollable AddListScreen

مدیریت وضعیت برنامه App State Management

• اضافه کردن صفحه یادآوری Add Reminder Screen

• List and Category ListTile را انتخاب کنید Select List and Category ListTile

• کنترل‌کننده‌های متن AddReminder AddReminder Text Controllers

• وضعیت بالا بردن Lifting State Up

• مدیریت دولتی - بررسی اجمالی بسته ارائه دهنده State Management - Provider Package Overview

• راه اندازی ارائه دهنده Setting Up the Provider

• یک TodoList - ارائه دهنده ChangeNotifier اضافه کنید Add a TodoList - ChangeNotifier Provider

• برای حذف، انگشت خود را بکشید Swipe to Delete

• رفع اشکال: رفع اسکرول صفحه اصلی Bugfix: Home Screen Scroll Fix

احراز هویت کاربر - مفاهیم Firebase و Async Authenticate User - Firebase and Async Concepts

• راه اندازی Firebase Setting Up Firebase

• نصب iOS iOS Installation

• نصب اندروید Android Installation

• خطاهای رایج Firebase Common Firebase Errors

• راه اندازی Firebase - Dart Futures Initialize Firebase - Dart Futures

• Async و Await Async and Await

• ویجت FutureBuilder FutureBuilder Widget

• تأیید هویت صفحه Authenticate Screen

• فرم – ورود به سیستم و صفحه ثبت نام Form – Sign-In and Sign-Up Screen

• نماد برنامه - Lottie App Icon - Lottie

• پاک کردن رابط کاربری تأیید اعتبار Cleaning Up Auth UI

• کلاس AuthService - ثبت نام کاربر AuthService Class - Sign Up User

• کلاس AuthService - کاربر ورود به سیستم AuthService Class - Sign-In User

• کاربر را وارد سیستم نگه دارید Keep User Logged In

• ویجت StreamBuilder StreamBuilder Widget

• Stream Provider StreamProvider

افزودن داده به Backend - Firebase Firestore Add Data to Backend - Firebase Firestore

• Firebase Cloud Firestore Firebase Cloud Firestore

• TodoList را به پایگاه داده اضافه کنید Add TodoList to Database

• NamedConstructors - TodoList NamedConstructors - TodoList

• TodoList را از پایگاه داده بازیابی کنید Retrieve TodoList from Database

• TodoList را از پایگاه داده حذف کنید Delete TodoList from Database

• کلاس مدل یادآوری Reminder Model Class

• لیست برای یادآوری را انتخاب کنید Select List for Reminder

• دسته بندی را برای یادآوری انتخاب کنید Select Category for Reminder

• تاریخ و زمان را برای یادآوری انتخاب کنید Select Date and Time for Reminder

• یادآوری را به پایگاه داده اضافه کنید Add Reminder to Database

• چند ارائه دهنده - استفاده از بیش از یک ارائه دهنده. Multiprovider - Using More Than One Provider.

• نمایش تعداد یادآور Display Reminder Count

• Inkwell - مشاهده یادآوری بر اساس دسته Inkwell - View Reminder by Category

• مشاهده یادآوری از فهرست‌های من View Reminder from My Lists

• نمایش جزئیات یادآوری Display Reminder Details

• TodoList را حذف کنید Delete TodoList

• حذف یادآوری Delete Reminder

• کلاس DatabaseService - Refactor Streams و AddTodoList DatabaseService Class - Refactor Streams and AddTodoList

• DatabaseService - حذف TodoList DatabaseService - Delete TodoList

• DatabaseService - حذف یادآوری DatabaseService - Delete Reminder

بسته بندی Wrapping Up

• تم روشن یا تاریک را برای برنامه انتخاب کنید Select Light or Dark Theme for App