آموزش Flutter Masterclass (Dart، APIs، Firebase و بیشتر) - 2024

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

معرفی Introduction

• معرفی دوره Course Introduction

• تنظیم فلوتر (ویندوز) Flutter Setup (Windows)

• تنظیم فلوتر (MACOS) Flutter Setup (MACOS)

• کد و برنامه های افزودنی ویژوال استودیو را نصب کنید (ویندوز/MacOS) Install Visual Studio Code & Extensions (Windows / MacOS)

• Git Check و ایجاد حساب Github Git Check & Github Account Creation

درک مفاهیم اصلی Understanding core concepts

• توابع در دارت Functions in Dart

• انواع داده ها در دارت Data types in Dart

• انواع برگشت در دارت Return types in Dart

• OOP و کلاس های دارت (سازندگان، ویژگی ها، روش ها) OOP & Classes in dart (Constructors, Properties, Methods)

• ارث در دارت Inheritance in Dart

• مسابقه مبانی دارت Dart Basics Quiz

شروع شدن! سلام اپلیکیشن فلاتر Getting started! Hello Flutter App

• اولین پروژه فلوتر را ایجاد و اجرا کنید Create & RUN first flutter project

• رفع خطاها در طول این دوره (بسیار، بسیار مهم - باید توجه شود) Fixing Errors throughout this course (Very, Very Important - Must be noted)

• چیزی که ما خواهیم ساخت (معرفی Hello Flutter) What we'll build (Hello Flutter intro)

• برنامه Hello Flutter را از GitHub در دستگاه خود کلون کنید Clone Hello Flutter App from GitHub on your device

• شروع به کار بر روی اپلیکیشن Hello Flutter کنید Start Working on Hello Flutter App

• درک و استفاده از ویجت ها Understanding & using widgets

• راه سریع برای حذف همه پیام های آبی اطلاعاتی در مورد حفظ const Quick way to remove all blue informational message about keeping const

• راه اندازی مجدد داغ، بارگذاری مجدد داغ، راه اندازی مجدد سخت و ویجت سفارشی Hot Restart, Hot Reload, Hard restart & Custom Widget

• با استفاده از ویجت کانتینر Using Container Widget

• ستون ها در فلاتر Columns in Flutter

• اصول اولیه ابزارک ها، بسته بندی و موارد دیگر Widgets basics, Wrapping & More

• سطرها و یک ظاهر طراحی متن Rows & Text Styling

• بارگیری تصاویر در فلاتر Loading images in Flutter

• فونت ها در فلاتر Fonts In Flutter

• Refactoring/تقسیم کد به چندین فایل Refactoring / Splitting code into multiple files

• بسته شدن Wrap up

شیرجه عمیق تر در: برنامه میلیاردر Deeper dive in: Billionaire App

• آنچه خواهیم ساخت (معرفی اپلیکیشن میلیاردر) What We'll Build (Billionaire App Intro)

• کلون برنامه میلیاردر از Github در دستگاه شما Clone Billionaire App from Github on your device

• پروژه فلاتر جدید را با حالت تاریک شروع کنید Start new flutter project with dark mode

• کار با دکمه ها Working with Buttons

• یک ظاهر طراحی شده گسترده، انعطاف‌پذیر و دکمه‌ای Expanded, Flex & Button Styling

• StatefulWidgets & State در Flutter StatefulWidgets & States in Flutter

• SharedPreferences (ذخیره داده ها به صورت محلی) SharedPreferences (Saving data locally)

• initState() در StatefulWidget initState() in StatefulWidget

• ارتباط کودک با والدین در فلاتر Child To Parent Communication in Flutter

• ارتباط والدین با کودک Parent to child communication

• نمادهای برنامه در Flutter & Wrap up App Icons in Flutter & Wrap up

تعامل، ابزارک‌های پیشرفته و موارد دیگر (برنامه Todo) Interaction, Advanced Widgets & More (Todo App)

• آنچه خواهیم ساخت (معرفی برنامه Todo) What We'll Build (Todo App Intro)

• برنامه Todo را از Github در دستگاه خود کلون کنید Clone Todo App from Github on your device

• پروژه جدید را در حالت نور شروع کنید Start New Project in Light Mode

• با استفاده از آیکون ها، اقدامات داربست، کشو و موارد دیگر Using Icons, Scaffold Actions, Drawer & More

• GestureDetector، InkWell و BottomSheet GestureDetector, InkWell & BottomSheet

• Text Field & TextEditingController Text Field & TextEditingController

• ارتباط پیشرفته کودک با والدین (ارسال داده ها) Advanced Child to parent communication (Passing data)

• درک لیست ها در دارت Understanding Lists in Dart

• ListView Builder & ListTile ListView Builder & ListTile

• دستکاری داده ها در لیست Manipulating data in List

• حفظ داده های فهرست Preserving List Data

• IF، عبارت Else در DART IF, Else statement in DART

• استفاده از AlertDialog و If Else Statement در برنامه todo Using AlertDialog and If Else Statement in todo App

• Refactoring توابع و ابزارک Refactoring Functions & Widgets

• کار روی کشو Working on Drawer

• رندر کردن ویجت ها به صورت مشروط Rendering Widgets Conditionally

• ویجت قابل رد کردن Dismissable Widget

• جمع بندی و افزایش تجربه کاربر Wrap Up & User Experience Ehnancement

کار با API در Flutter (آنلاین - برنامه Bucket List) Working with API in Flutter (Online - Bucket List App)

• آنچه ما خواهیم ساخت (برنامه لیست سطلی) What We'll Build (Bucket List App)

• Clone Bucket List App از Github در دستگاه شما Clone Bucket List App from Github on your device

• آشنایی با API، Frontend، Backend، Database و REST API Understanding API, Frontend, Backend, Database & REST API

• API ساختگی را در Firebase تنظیم کنید Setup dummy API on Firebase

• پستچی و JSON Postman & JSON

• نقشه ها در دارت Maps in Dart

• ارسال داده های JSON به سرور Sending JSON data to server

• برنامه Bucket List را با DIO برای درخواست های HTTP شروع کنید Start Bucket List App with DIO for HTTP Requests

• برنامه نویسی ناهمزمان در مقابل همگام، همگام، انتظار و آینده در DART Asynchronous vs Synchronous Programming, Async, Await & Future in DART

• انجام اولین درخواست HTTP از برنامه Making first HTTP request from app

• رسیدگی به خطا در DART با استفاده از TRY CATCH Error handling in DART using TRY CATCH

• استفاده از داده های API در برنامه Using API data on App

• در حال بارگیری نشانگر وضعیت و نشانگر تازه کردن Loading state Indicator & RefreshIndicator

برنامه فلوتر چند صفحه با ناوبری و مسیریابی Multi-Screen Flutter APP with Navigation & Routing

• پیمایش چند صفحه ای (مسیرهای نامگذاری شده و مسیر صفحه مواد) Multi Screen Navigation (Named Routes & Material Page Route)

• انتقال داده بین صفحه نمایش Passing data between screens

• Refactoring ویجت ها در همان فایل: کار با ابزارک های سفارشی کوچک Refactoring Widgets on same file: Working with Mini Custom Widgets

• PopMenuButton، فهرست بررسی و بیشتر PopMenuButton, List Check & More

• تشخیص برگشت ناوبری، درخواست حذف و موارد دیگر Navigation back detection, Delete Request & More

• به روز رسانی داده ها - پچ Updating data - Patch

• درک فیلتر داده از لیست با استفاده از ()where. Understanding Data Filter from List using .where()

• داده های فهرست سطل را فیلتر کنید Filter Bucket List Data

• داده ها را به API اضافه کنید Add data to API

• فرم ها در Flutter & Form Validation Forms in Flutter & Form Validation

• Refactor & Wrapup Bucket List Refactor & Wrapup Bucket List

مدیریت جهانی ایالت (ارائه دهندگان) (برنامه اطلاعات سرگرم کننده) Global State Management (Providers) (Fun Facts App)

• آنچه خواهیم ساخت (معرفی حقایق سرگرم کننده و کد منبع) What We'll Build (Fun Facts Intro & Source code)

• راه اندازی اپلیکیشن Fun Facts Setup for Fun Facts App

• استفاده از PageView Builder Using PageView Builder

• Dummy read only API از طریق GitHub Dummy read only API through GitHub

• چرا مدیریت دولتی جهانی؟ : مشکل Why Global State Management? : The Problem

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

• به روز رسانی وضعیت جهانی Updating Global State

• حفظ و بارگیری داده ها در شروع برنامه + بسته بندی برنامه Preserving and loading data on app start + App Wrapup

برنامه Full Stack از طریق Firebase - برنامه چت (GlobalChat): قسمت 1 Full Stack App through Firebase - Chat App (GlobalChat) : Part 1

• آنچه ما خواهیم ساخت (برنامه جهانی چت) What We'll Build (GlobalChat App)

• کد منبع GlobalChat و Git Repo GlobalChat Source Code & Git Repo

• راه اندازی برنامه GlobalChat و پروژه Firebase Setup GlobalChat App & Firebase Project

• Firebase را راه اندازی کنید Initialize Firebase

• راه اندازی اولیه (فونت ها، نمادها، نام برنامه) Basic setup (Fonts, Icons, App Name)

• صفحه معرفی Splash Screen

• فعال کردن احراز هویت Firebase و استفاده از فرم‌ها Enabling firebase authentication & Using forms

• احراز هویت Firebase: ایجاد حساب کاربری Firebase Authentication: Creating user account

• استفاده از کنترلرها برای جداسازی Logic از UI Using controllers for separating Logic from UI

• احراز هویت Firebase: ورود کاربر و Splash Forwarding Firebase Authentication: User Login & Splash Forwarding

• دکوراسیون اصلی گلوبال چت GlobalChat Basic Decoration

پایگاه داده Firestore : Global Chat (Part:2) Firestore Database : Global Chat (Part:2)

• فعال کردن پایگاه داده firestore و استفاده از آن در Flutter Enabling firestore database & using it on Flutter

• ایجاد حساب کاربری در پایگاه داده (افزودن داده) Creating user account on Database (Adding Data)

• راه اندازی اتاق های گفتگو و دریافت داده ها از پایگاه داده Setting up chatrooms & Getting data from Database

• ذخیره داده های کاربر در حالت جهانی (User Provider) Saving user data on global state (User Provider)

• ایجاد و فهرست چت روم ها Create & List Chatrooms

• بهبود کشو و نمایه سفارشی Custom Drawer and Profile Improvements

• به روز رسانی داده ها در پایگاه داده (ویرایش نمایه) Update data on database (Edit profile)

• رفع مشکل ارائه دهنده با ورود و ثبت نام Fixing provider issue with Login & Signup

• صفحه چت روم و ارسال پیام چت Chatroom Page & send chat message

• پیام های چت را به چت روم بفرستید Send chat messages into chatroom

• بازیابی داده ها با استفاده از StreamBuilder برای به روز رسانی بیدرنگ Retrieve data using StreamBuilder for Realtime Updates

• پرس و جو پایگاه داده با شرایط و ایجاد فهرست Database query with conditions & Index creation

• قالب بندی پیام های چت و جمع بندی Formatting chat messages & Wrapup

انتشار برنامه خود در PlayStore و AppStore Publishing your app on PlayStore & AppStore

• هزینه‌های انتشار برنامه‌ها در Google Play و App Store Costs for publishing apps in Google Play & App Store

• انتشار برنامه های IOS و Android Publishing IOS & Android Apps