آموزش دارت و فلاتر | دوره کامل توسعه فلوتر

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

معرفی Introduction

• به دوره خوش آمدید Welcome To The Course

• بررسی اجمالی دوره Course Overview

• منابع مهم Important Resources

• مروری بر فناوری های توسعه موبایل Overview of Mobile Development Technologies

• مقدمه ای بر فلاتر Introduction To Flutter

• معماری فلاتر - قسمت 1 Flutter Architecture - Part 1

• معماری فلاتر - قسمت 2 Flutter Architecture - Part 2

• طرح واره طراحی متریال Material Design Schema

• چرخه عمر ویجت فلاتر Flutter Widget Life Cycle

• اشکال زدایی و پرسیدن سوال Debugging & Asking Questions

• آزمون ها و چالش ها Quizzes and Challenges

• نمای کلی مستندات فلاتر و دارت Overview Flutter & Dart Documentation

• دسترسی به Github Repo Accessing Github Repo

Flutter، Android Studio، XCode و VSCode Setup Flutter, Android Studio, XCode and VSCode Setup

• MacOS Flutter Setup MacOS Flutter Setup

• MacOS Android Studio و Xcode Setup MacOS Android Studio & Xcode Setup

• نصب فلاتر ویندوز Windows Flutter Setup

• راه اندازی ویندوز اندروید استودیو Windows Android Studio Setup

• تنظیم کد ویژوال استودیو Visual Studio Code Setup

مبانی برنامه نویسی دارت Dart Programming Fundamentals

• معرفی Introduction

• متغیرهای دارت Dart Variables

• انواع داده های دارت Dart Data Types

• رشته دارت Dart Strings

• اعداد دارت Dart Numbers

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

• تصمیم گیری دارت Dart Decision Making

• حلقه های دارت Dart Loops

• کلاس ها و اشیاء دارت Dart Classes & Objects

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

• لیست های دارت Dart Lists

• آینده دارت Dart Future

• Async/منتظر دارت Async / Await Dart

• ایمنی پوچ در دارت Null Safety In Dart

برنامه GoMoon - ابزارک های بدون وضعیت، ساختار پروژه، ردیف ها، ستون ها، دکمه ها و غیره GoMoon App - Stateless Widgets, Project Structure, Rows, Columns, Buttons, etc

• معرفی Introduction

• ایجاد پروژه فلاتر Creating Flutter Project

• درک ساختار پروژه فلاتر Understanding Flutter Project Structure

• معرفی Flutter runApp و MaterialApp Flutter runApp and MaterialApp Introduction

• پروژه Flutter وارد کردن دارایی ها و کار با تصاویر Importing Assets Flutter Project & Work with Images

• افزودن ویجت متن Adding Text Widget

• ویجت منطقه امن فلوتر Flutter Safe Area Widget

• دسترسی به ارتفاع و عرض دستگاه Access Device Height and Width

• کاوش در دکمه های کشویی Exploring Drop Down Buttons

• درک ستون ویجت Understanding Column Widget

• درک سبک ویجت Understanding Widget Styling

• کپسوله کردن ویجت DropDownButton در کلاس Encapsulating DropDownButton Widget Into Class

• آشنایی با ویجت ردیف Understanding Row Widget

• ویجت دکمه مواد Material Button Widget

• ویجت پشته و تراز Stack and Alignment Widget

• پایان بخش Section End

برنامه Taskly - ویجت های Stateful، داده های ماندگار در دستگاه، بسته های خارجی Taskly App - Stateful Widgets, Persisting Data On Device, External Packages

• معرفی Introduction

• ایجاد اپلیکیشن فلاتر و بسته‌های وارداتی Create Flutter App & Import Packages

• ایجاد ویجت Stateful Creating Stateful Widget

• ایجاد نوار برنامه Creating App Bar

• کار با ListView و ListTile Widget Working With ListView and ListTile Widget

• ایجاد ویجت دکمه اکشن شناور Creating Floating Action Button Widget

• آتی در Flutter & Initializing Hive Futures In Flutter & Initializing Hive

• ایجاد کلاس مدل وظیفه Creating Task Model Class

• TextField و SetState در Flutter TextField and SetState In Flutter

• آشنایی با ویجت FutureBuilder Understanding FutureBuilder Widget

• نمایش وظایف در ListView Displaying Tasks On ListView

• اضافه کردن وظایف جدید Adding New Tasks

• به روز رسانی و حذف وظایف Updating and Deleting Tasks

• پایان بخش Section End

برنامه Animdo - انیمیشن در فلاتر Animdo App - Animations In Flutter

• معرفی Introduction

• ایجاد اپلیکیشن فلاتر Creating Flutter App

• ویجت های متحرک در فلاتر Animated Widgets In Flutter

• استفاده از Tweens برای انیمیشن Using Tweens For Animations

• کار با کنترلرهای انیمیشن Working With Animation Controllers

• پایان بخش Section End

برنامه CoinCap - درخواست های وب، آتی، ناوبری، واردات دارایی CoinCap App - Web Requests, Futures, Navigation, Importing Assets

• معرفی Introduction

• ایجاد اپلیکیشن فلاتر و افزودن وابستگی ها Creating Flutter App & Adding Dependencies

• آشنایی با REST API Understanding REST API's

• نمای کلی CoinGecko API CoinGecko API Overview

• بارگذاری و خواندن فایل ها در فلاتر Loading and Reading Files In Flutter

• ایجاد سرویس HTTP و بسته GetIt Creating HTTP Service & GetIt Package

• آشنایی با بسته دیو HTTP Understanding Dio HTTP Package

• پیاده سازی کشویی انتخاب سکه Implementing Coin Selection Dropdown

• واکشی داده ها با استفاده از FutureBuilder از API Fetching Data using FutureBuilder From API

• نمایش قیمت دلار برای سکه Displaying USD Price For Coin

• نمایش درصد تغییر در ارزش سکه Displaying Percentage Change In Coin Value

• نمایش تصویر سکه Displaying Coin Image

• نمایش توضیحات سکه Displaying Coin Description

• ناوبری در MaterialApp با استفاده از Navigator Navigation In MaterialApp using Navigator

• مقدمه چالش Challenge Introduction

• راه حل چالش - قسمت 1 Challenge Solution - Part 1

• راه حل چالش - قسمت 2 Challenge Solution - Part 2

• پایان بخش Section End

برنامه Frivia - مدیریت ایالت ارائه‌دهنده، اعلان‌های تغییر، درخواست‌های وب و فونت‌ها Frivia App - Provider State Management, Change Notifiers, Web Requests & Fonts

• معرفی Introduction

• ایجاد پروژه فلاتر Creating Flutter Project

• وارد کردن فونت های سفارشی در Flutter Importing Custom Fonts In Flutter

• Trivia DB API Overview را باز کنید Open Trivia DB API Overview

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

• ساخت صفحه بازی UI Building UI Game Page

• کار با دکمه های متریال Working With Material Buttons

• ابزارک‌های ChangeNotifier و Provider ChangeNotifier and Provider Widgets

• دریافت سوالات چیزهای بی اهمیت از API Getting Trivia Questions From API

• گوش دادن به تغییرات ارائه دهنده Listening To Provider Changes

• پاسخگویی به سوالات بی اهمیت Answering Trivia Questions

• ویجت گفتگوی هشدار Alert Dialog Widget

• اجرای شرط پایان بازی Implementing End Game Condition

• مقدمه چالش Challenge Introduction

• امتیاز پیگیری Tracking Score

• افزودن صفحه اصلی Adding HomePage

• ویجت اسلایدر Slider Widget

• پیمایش به صفحه بازی Navigating To Game Page

• به روز رسانی سختی چیزهای بی اهمیت Updating Trivia Difficulty

• پایان بخش Section End

برنامه Finstagram - مسیرهای نام‌گذاری شده، فرم‌ها، فیلدهای فرم، ذخیره‌سازی دستگاه و نوار ناوبری Finstagram App - Named Routes, Forms, FormFields, Device Storage & NavigationBar

• معرفی Introduction

• یادداشت های مهم Important Notes

• ایجاد پروژه فلاتر Creating Flutter Project

• مسیرهای نامگذاری شده در فلاتر Named Routes In Flutter

• رابط کاربری صفحه ورود Login Page UI

• کار با ویجت های Form و FormField Working with Form and FormField Widgets

• اعتبارسنجی و ذخیره ورودی فرم Validating & Saving Form Input

• پیمایش برای ثبت نام صفحه Navigating To Register Page

• ثبت رابط کاربری صفحه Register Page UI

• کار با ویجت TextFormField Working with TextFormField Widget

• انتخاب فایل‌ها از فضای ذخیره‌سازی دستگاه Selecting Files From Device Storage

• مقدمه چالش Challenge Introduction

• مقدمه چالش Challenge Introduction

• اعتبارسنجی و ذخیره ورودی فرم Validating and Saving Form Input

• افزودن اقدامات به AppBar Adding Actions To AppBar

• ویجت نوار ناوبری پایین Bottom Navigation Bar Widget

• ایجاد صفحه فید و نمایه Creating Feed and Profile Page

• پایان بخش Section End

برنامه Finstagram - ادغام Firebase، احراز هویت، آپلود، جریان و GridView Finstagram App - Firebase Integration, Authentication, Upload, Stream & GridView

• معرفی Introduction

• معرفی Firebase Firebase Introduction

• ایجاد پروژه Firebase Creating Firebase Project

• وارد کردن بسته های Firebase Importing Firebase Packages

• Firebase iOS را ادغام کنید Integrate Firebase iOS

• اندروید Firebase را ادغام کنید Integrate Firebase Android

• بررسی اجمالی Firebase Autentication و Cloud Firestore Overview Firebase Autentication & Cloud Firestore

• ایجاد کلاس خدمات Firebase Creating Firebase Service Class

• ورود کاربر با استفاده از Firebase User Login Using Firebase

• ثبت نام کاربر با استفاده از Firebase User Registration Using Firebase

• بارگذاری پست ها در Firebase Uploading Posts To Firebase

• Streams و Stream Builder Streams and Stream Builder

• نمایش تصویر نمایه کاربر Displaying User Profile Image

• نمای شبکه ای در فلوتر Grid View In Flutter

• پیاده سازی Firebase Logout Implementing Firebase Logout

• پایان بخش Section End

برنامه IBMI - ابزارک های کوپرتینویی، تنظیمات برگزیده مشترک IBMI App - Cupertino Widgets, Shared Preferences

• معرفی Introduction

• ایجاد پروژه فلاتر Creating Flutter Project

• ایجاد پروژه فلاتر Creating Flutter Project

• طرحواره طراحی کوپرتینویی Cupertino Design Schema

• ویجت اپلیکیشن کوپرتینو CupertinoApp Widget

• کوپرتینو صفحه داربست ویجت CupertinoPageScaffold Widget

• ابزارک های CupertinoTabScaffol و CupertinoTabBar CupertinoTabScaffol & CupertinoTabBar Widgets

• سایه های جعبه در فلاتر Box Shadows In Flutter

• ابزارک کوپرتینویی DialogAction CupertinoDialogAction Widget

• ردیابی وزن Weight Tracking

• ویجت CupertinoSlider CupertinoSlider Widget

• کوپرتینو SlidingSegmentedControl ویجت CupertinoSlidingSegmentedControl Widget

• ویجت CupertinoButton CupertinoButton Widget

• ویجت CupertinoAlertDialog CupertinoAlertDialog Widget

• ذخیره مقادیر تنظیمات برگزیده ذخیره شده Saving Values Saved Preferences

• رابط کاربری صفحه تاریخچه History Page UI

• دریافت تنظیمات برگزیده ذخیره شده Getting Values Saved Preferences

• پایان بخش Section End

اشکال زدایی و تست Debugging and Testing

• معرفی Introduction

• تست واحد در فلاتر Unit Testing In Flutter

• تمسخر وابستگی با استفاده از Mocktail Dependency Mocking using Mocktail

• تست ویجت در فلاتر Widget Testing In Flutter

• تست ادغام در فلاتر Integration Testing In Flutter

• عبارات ثبت اشکال زدایی Debug Log Statements

• ویجت بازرس فلاتر Widget Inspector Flutter

• پایان بخش Section End

متشکرم! Thank You!

• تکمیل دوره Course Completion