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

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

مقدمه ای بر توسعه کراس پلتفرم با فلاتر و دارت Introduction to Cross-Platform Development with Flutter and Dart

• مقدمه دوره Introduction to the Course

• برنامه درسی را دانلود کنید Download the Course Syllabus

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

• چرا فلاتر؟ Why Flutter?

• آناتومی یک اپلیکیشن فلوتر The Anatomy of a Flutter App

• نحوه تماشای دوره با وضوح بالا How to Watch the Course in High Definition

• چگونه از دوره بیشترین بهره را ببرید How to Get the Most Out of the Course

• به انجمن دانشجویی بپیوندید Join the Student Community

راه اندازی و نصب Setup and Installation

• پیش نیازهای توسعه فلاتر Prerequisites for Flutter Development

• مروری بر فرآیند Overview of the Process

• مرحله 1 راه اندازی ویندوز - Flutter SDK را نصب کنید Windows Setup Step 1 - Install the Flutter SDK

• مرحله 2 راه اندازی ویندوز - اندروید استودیو را نصب کنید Windows Setup Step 2 - Install Android Studio

• مرحله 3 راه اندازی ویندوز - شبیه ساز اندروید را نصب کنید Windows Setup Step 3 - Install the Android Emulator

• عیب یابی نصب ویندوز Windows Installation Troubleshooting

• نکته ای سریع درباره macOS Catalina A Quick Note About macOS Catalina

• راه اندازی مک مرحله 1 - Flutter SDK را نصب کنید Mac Setup Step 1 - Install the Flutter SDK

• راه اندازی مک مرحله 2 - اندروید استودیو را نصب کنید Mac Setup Step 2 - Install Android Studio

• راه اندازی مک مرحله 3 - شبیه ساز اندروید را نصب کنید Mac Setup Step 3 - Install the Android Emulator

• راه اندازی مک مرحله 4 - Xcode و ابزارهای خط فرمان را نصب کنید Mac Setup Step 4 - Install Xcode and Command Line Tools

• راه اندازی مک مرحله 5 - شبیه ساز iOS را آزمایش کنید Mac Setup Step 5 - Test the iOS Simulator

• عیب یابی نصب مک Mac Installation Troubleshooting

• [اختیاری] Android Studio را برای توسعه Flutter پیکربندی کنید [Optional] Configure Android Studio for Flutter Development

• [اختیاری] گشت راهنمای اندروید استودیو برای توسعه فلاتر [Optional] Guided Tour of Android Studio for Flutter Development

من ثروتمند هستم - چگونه برنامه های فلاتر را از ابتدا ایجاد کنیم I Am Rich - How to Create Flutter Apps From Scratch

• ایجاد یک پروژه فلاتر جدید از ابتدا Creating a New Flutter Project from Scratch

• یک یادداشت کوتاه در مورد Hot Reload A quick note about Hot Reload

• داربست یک اپلیکیشن فلاتر Scaffolding a Flutter App

• کار با Assets در فلاتر و فایل Pubspec Working with Assets in Flutter & the Pubspec file

• چگونه آیکون های برنامه را به برنامه های iOS و اندروید اضافه کنیم How to Add App Icons to the iOS and Android Apps

• چگونه به آس در این دوره How to Ace this Course

اجرای برنامه خود بر روی یک دستگاه فیزیکی Running Your App on a Physical Device

• استقرار برنامه های Flutter خود در یک دستگاه فیزیکی Deploying Your Flutter Apps to a Physical Device

• استقرار برنامه های Flutter در تلفن اندرویدی Deploying Flutter Apps to an Android Phone

• استقرار اپلیکیشن‌های فلاتر در آیفون/آی‌پد Deploying Flutter Apps to iPhones/iPads

• نکته از آنجلا - ساخت عادت با ترفند تقویم Tip from Angela - Habit Building with the Calendar Trick

من فقیر هستم - چالش برنامه I Am Poor - App Challenge

• چالش های اپلیکیشن چیست؟ What are App Challenges?

• چالش I Am Poor The I Am Poor Challenge

• کار خود را نشان دهید! Show Off Your Work!

• نکته ای از آنجلا - مقابله با عوامل حواس پرتی Tip from Angela - Dealing with Distractions

• این را میخواهی؟ Do You Want This?

MiCard - چگونه با ابزارک های فلاتر رابط های کاربری زیبا بسازیم MiCard - How to Build Beautiful UIs with Flutter Widgets

• MiCard - یک برنامه کارت ویزیت شخصی با یک صفحه MiCard - A Single Screen Personal Business Card App

• Hot Reload و Hot Restart - Flutter Power Tools Hot Reload and Hot Restart - Flutter Power Tools

• نحوه استفاده از ویجت های کانتینر How to Use Container Widgets

• نحوه استفاده از ویجت های ستون و ردیف برای چیدمان How to use Column & Row Widgets for Layout

• چالش طرح بندی فلوتر Flutter Layouts Challenge

• روی ویژگی های ویجت ضربه بزنید Tapping into Widget Properties

• گنجاندن فونت های سفارشی در برنامه Flutter شما Incorporating Custom Fonts in Your Flutter App

• اضافه کردن آیکون های مواد با ویجت آیکون Adding Material Icons with the Icon Widget

• فلاتتر کارت و ویجت‌های ListTile Flutter Card & ListTile Widgets

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته از آنجلا - هیچ چیز آسان ارزش انجام دادن ندارد! Tip from Angela - Nothing Easy is Worth Doing!

Dicee - ساختن برنامه ها با State Dicee - Building Apps with State

• Dicee - یک برنامه دولتی تاس Dicee - A Stateful Dice App

• استفاده از ابزارک توسعه یافته برای ایجاد طرح‌بندی‌های انعطاف‌پذیر Using the Expanded Widget to Create Flexible Layouts

• نحوه استفاده از اقدامات قصد How to Use Intention Actions

• افزودن تشخیص ژست با ویج های دکمه فلاتر Adding Gesture Detection with Flutter Button Widges

• [دارت] توابع - قسمت 1 [Dart] Functions - Part 1

• ایجاد تغییر عکس تاس به صورت واکنشی Making the Dice Image Change Reactively

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

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

• ویجت های Stateful در مقابل بدون تابعیت - تفاوت چیست؟ Stateful vs. Stateless Widgets - What's the Difference?

• تصادفی کردن تاس Randomising the Dice

• راه حل چالش 1 Challenge 1 Solution

• راه حل چالش 2 Challenge 2 Solution

• راه حل چالش 3 Challenge 3 Solution

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته ای از آنجلا - چگونه با اهمال کاری مقابله کنیم Tip from Angela - How to Deal with Procrastination

Boss Level Challenge 1 - Magic 8 Ball Boss Level Challenge 1 - Magic 8 Ball

• Magic 8 Ball - یک برنامه تصمیم گیری Magic 8 Ball - A Decision Making App

• مرحله 1 - راه اندازی پروژه Step 1 - Set Up The Project

• مرحله 2 - یک ویجت بدون وضعیت ایجاد کنید Step 2 - Create a Stateless Widget

• مرحله 3 - یک ویجت Stateful ایجاد کنید Step 3 - Create a Stateful Widget

• مرحله 4 - آن را تعاملی کنید Step 4 - Make it Interactive

• مرحله 5 - آن را تصادفی کنید Step 5 - Randomise it

• مرحله 6 - ایالت را به روز کنید Step 6 - Update the State

• آن را سفارشی کنید! Customise It!

• نکته ای از آنجلا - ایجاد یک عادت برنامه نویسی Tip from Angela - Building a Programming Habit

Xylophone - استفاده از بسته های فلاتر و دارت برای سرعت بخشیدن به توسعه Xylophone - Using Flutter and Dart Packages to Speed Up Development

• Xylophone - یک برنامه ابزار موسیقی ساده Xylophone - A Simple Musical Instrument App

• بسته های فلاتر و دارت چیست؟ What are Flutter & Dart Packages?

• نحوه پخش صدا در پلتفرم ها How to Play Sound Across Platforms

• نحوه پخش چندین صدا How to Play Multiple Sounds

• [دارت] توابع - قسمت 2 [Dart] Functions - Part 2

• به روز رسانی رابط کاربری برنامه ما Updating the UI of Our App

• [دارت] توابع - قسمت 3 [Dart] Functions - Part 3

• [دارت] چالش توابع [Dart] Functions Challenge

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

• [دارت] توابع پیکان [Dart] Arrow Functions

• آن را سفارشی کنید! Customise It!

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته ای از آنجلا - روش 20 دقیقه ای Tip from Angela - The 20 Minute Method

Quizzler - مدولارسازی و سازماندهی کد فلاتر Quizzler -Modularising & Organising Flutter Code

• Quizzler - یک برنامه امتحان درست/نادرست Quizzler - A True/False Quiz App

• ساخت حافظ امتیاز Building a Score Keeper

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

• نمایش سوالات Displaying the Questions

• بررسی پاسخ های کاربران Checking User Answers

• [دارت] شرایط - IF/ELSE [Dart] Conditionals - IF/ELSE

• چالش های بیشتر برنامه نویسی دارت More Dart Programming Challenges

• ایجاد کلاس سوال Creating a Question Class

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

• انتزاع در عمل Abstraction in Action

• کپسولاسیون در عمل Encapsulation in Action

• ارث در عمل Inheritance in Action

• چند شکلی در عمل Polymorphism in Action

• بازگرداندن حافظ امتیاز Adding Back the Score Keeper

• چالش کد Code Challenge

• [دارت] سازندگان کلاس [Dart] Class Constructors

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته از آنجلا - آموزش قبل از خوردن Tip from Angela - Learning Before you Eat

Boss Level Challenge 2 - Destini Boss Level Challenge 2 - Destini

• Destini - A Choose Your Own Adventure Game Destini - A Choose Your Own Adventure Game

• پروژه را راه اندازی کنید Set Up the Project

• با پروژه شروع آشنا شوید Familiarise Yourself with the Starting Project

• مرحله 1 - اضافه کردن یک تصویر به عنوان پس زمینه Step 1 - Adding a Image as a Background

• راه حل در GitHub Solutions on GitHub

• مرحله 2/3/4 - یک کلاس داستانی جدید ایجاد کنید Step 2/3/4 - Create a New Story Class

• مرحله 5/6/7 - مغز داستان را ایجاد کنید Step 5/6/7 - Create the Story Brain

• نمایش داستان در برنامه Display the Story in the App

• مرحله 11/12/13/14 - نمایش گزینه ها در برنامه Step 11/12/13/14 - Display the Choices in the App

• داستان را بر اساس انتخاب کاربر به روز کنید Update the Story Based on User Choice

• مرحله 21 - از طرح داستان برای پیشرفت در داستان استفاده کنید Step 21 - Use the Story Plan to Progress through the Story

• مرحله 22/23/24 - هنگامی که کاربر به پایان رسید، بازی را مجدداً راه اندازی کنید Step 22/23/24 - Restart the Game When the User Reaches the End

• مرحله 25 - تغییر نام و تغییر شکل با استفاده از Android Studio Step 25 - Renaming and Refactoring Using Android Studio

• مرحله 26/27/28 - پنهان کردن دکمه ها Step 26/27/28 - Hiding Buttons

• برنامه تکمیل شده را دانلود کنید! Download the Completed App!

• نکته از آنجلا - بازیابی نحوه یادگیری است Tip from Angela - Retrieval is How You Learn

ماشین حساب BMI - ایجاد رابط کاربری فلاتر برای افراد متوسط BMI Calculator - Building Flutter UI for Intermediates

• ماشین حساب BMI - یک برنامه بهداشتی زیبا BMI Calculator - A Beautiful Health App

• نحوه استفاده از تم های فلاتر How to Use Flutter Themes

• چگونه ویجت های فلاتر را Refactor کنیم How to Refactor Flutter Widgets

• [دارت] فینال در مقابل Const [Dart] Final vs. Const

• ایجاد ویجت های فلاتر سفارشی Creating Custom Flutter Widgets

• ویجت GestureDetector The GestureDetector Widget

• [دارت] Enums [Dart] Enums

• [دارت] اپراتور سه تایی [Dart] Ternary Operator

• [دارت] به عنوان اشیاء مرتبه اول عمل می کند [Dart] Functions as First Order Objects

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

• سفارشی کردن ویجت ها با تم Customising Widgets with Themes

• ترکیب در مقابل وراثت - ساختن ویجت های فلاتر از ابتدا Composition vs. Inheritance - Building Flutter Widgets From Scratch

• برنامه های چند صفحه ای با استفاده از مسیرها و ناوبری Multi-Screen Apps Using Routes and Navigation

• [دارت] نقشه ها [Dart] Maps

• طراحی صفحه نتیجه Designing the Result Page

• اضافه کردن عملکرد محاسبهگر BMI Adding the BMI Calculator Functionality

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته ای از آنجلا - مقابله با عدم پیشرفت Tip from Angela - Dealing with Lack of Progress

Clima - برنامه Flutter خود را با داده های وب زنده تقویت کنید Clima - Powering Your Flutter App with Live Web Data

• Clima - یک برنامه هواشناسی مدرن Clima - A Modern Weather App

• دریافت اطلاعات موقعیت مکانی از سراسر پلتفرم ها Getting Location Data From Across Platforms

• [Dart] Futures، Async و Await [Dart] Futures, Async & Await

• روش‌های چرخه عمر ویجت Stateful Stateful Widget Lifecycle Methods

• [Dart] Exception Handling & Null Aware Operators [Dart] Exception Handling & Null Aware Operators

• Async/Await Challenge Async/Await Challenge

• رابط های برنامه نویسی کاربردی (API) توضیح داده شده است Application Programming Interfaces (APIs) Explained

• شبکه سازی در برنامه های Flutter با بسته HTTP Networking in Flutter Apps with the HTTP Package

• تجزیه JSON و انواع پویا JSON Parsing and Dynamic Types

• دریافت اطلاعات واقعی آب و هوا از OpenWeatherMap API Getting Actual Weather Data from the OpenWeatherMap API

• نمایش اسپینر در حالی که کاربر منتظر است Showing a Spinner While the User Waits

• انتقال داده به یک شیء حالت Passing Data to a State Object

• به روز رسانی آب و هوا با WeatherModel Updating the Weather with the WeatherModel

• بازسازی روش های مکان Refactoring the Location Methods

• ایجاد و استایل دادن به ویجت TextField برای ورود متن Creating and Styling a TextField Widget for Text Entry

• انتقال داده ها به عقب از طریق پشته ناوبری Passing Data Backwards Through the Navigation Stack

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته از آنجلا - مخلوط کردن دانش Tip from Angela - Mixing Knowledge

Boss Level Challenge 3 - Bitcoin Ticker Boss Level Challenge 3 - Bitcoin Ticker

• بیت کوین Ticker - یک ردیاب ساده قیمت ارزهای دیجیتال Bitcoin Ticker - A Simple Cryptocurrency Price Tracker

• ابزارک DropdownButton Material The Material DropdownButton Widget

• [دارت] حلقه ها [Dart] Loops

• ساخت ابزارک با حل حلقه ها Building Widgets with Loops Solution

• معرفی ابزارک های کوپرتینویی Introducing Cupertino Widgets

• UI مخصوص پلتفرم ساختمان (iOS و Android) Building Platform Specific UI (iOS & Android)

• مقدمه ای بر چالش سطح رئیس 3 Introduction to Boss Level Challenge 3

• سطح 1 - مدال برنز Level 1 - Bronze Medal

• سطح 2 - مدال نقره Level 2 - Silver Medal

• سطح 3 - مدال طلا Level 3 - Gold Medal

• برنامه تکمیل شده را بررسی کنید! Check out the completed app!

• نکته از آنجلا - مقابله با ناامیدی Tip from Angela - Dealing with Frustration

Flash Chat - Flutter x Firebase Cloud Firestore Flash Chat - Flutter x Firebase Cloud Firestore

• فلش چت - یک برنامه پیام رسانی سریع رعد و برق Flash Chat - A Lightning Fast Messaging App

• چالش مسیرهای نامگذاری شده Named Routes Challenge

• [دارت] اصلاح کننده استاتیک [Dart] Static Modifier

• مسیرهای Refactor با Const استاتیک Refactor Routes with the Static Const

• انیمیشن های قهرمان فلوتر Flutter Hero Animations

• انیمیشن های فلوتر سفارشی با کنترل کننده انیمیشن Custom Flutter Animations with the Animation Controller

• [دارت] میکس [Dart] Mixins

• انیمیشن های فلوتر از پیش بسته بندی شده Prepackaged Flutter Animations

• چالش بازآفرینی کد Code Refactoring Challenge

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

• مشکلات احتمالی هنگام ترکیب Firebase Potential Problems When Incorporating Firebase

• راه اندازی پروژه Firebase Android Android Firebase Project Setup

• راه اندازی پروژه Firebase iOS iOS Firebase Project Setup

• راه‌اندازی بسته‌های فلوتر Firebase (iOS و Android) Firebase Flutter Packages Setup (iOS & Android)

• ثبت نام کاربران با Firebase با استفاده از FirebaseAuth Registering Users with Firebase using FirebaseAuth

• احراز هویت کاربران با FirebaseAuth Authenticating Users with FirebaseAuth

• نمایش اسپینر در حالی که کاربر منتظر است Showing a Spinner while the User Waits

• ذخیره داده ها در Cloud Firestore Saving Data into Cloud Firestore

• گوش دادن به داده ها از Firebase با استفاده از Streams Listening for Data from Firebase using Streams

• [دارت] جریان ها [Dart] Streams

• تبدیل جریان به ابزارک با استفاده از StreamBuilder Turning Streams into Widgets Using the StreamBuilder

• Flutter ListView The Flutter ListView

• یک رابط کاربری متفاوت برای فرستنده های مختلف A Different UI for Different Senders

• مجوز و قوانین امنیتی Cloud Firestore Cloud Firestore Authorisation and Security Rules

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته از آنجلا - خواب سلاح مخفی من است Tip from Angela - Sleep is My Secret Weapon

مدیریت ایالت فلاتر Flutter State Management

• Todoey - برنامه فهرست کارهای خودتان Todoey - Your very own To-Do List App

• طراحی اپلیکیشن لیست کارها Designing the To-Do List App

• چالش ListView The ListView Challenge

• ویجت BottomSheet The BottomSheet Widget

• قرار دادن BottomSheet در بالای صفحه کلید Positioning the BottomSheet above the Keyboard

• ایالت چیست و چگونه آن را مدیریت کنیم؟ What is State and How do we Manage it?

• Callbacks چگونه در Dart کار می کند؟ How do Callbacks work in Dart?

• سازنده ListView The ListView Builder

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

• الگوهای معماری اپلیکیشن فلاتر Flutter App Architecture Patterns

• معرفی بسته ارائه دهنده Introducing the Provider Package

• استفاده از یک ارائه دهنده و یک ChangeNotifier برای مدیریت وضعیت Using a Provider and a ChangeNotifier to Manage State

• اضافه کردن وظایف جدید فهرست کارها Adding New To-Do List Tasks

• چک کردن وظایف فهرست کارها Checking off To-Do List Tasks

• حذف وظایف با استفاده از الگوی طراحی ارائه دهنده Deleting Tasks using the Provider Design Pattern

• پروژه تکمیل شده را دانلود کنید Download the Completed Project

• نکته ای از آنجلا - چگونه دانش خود را تحکیم کنید Tip from Angela - How to Solidify Your Knowledge

مراحل بعدی Next Steps

• به مسابقه #FlutterBrew بپیوندید! Join the #FlutterBrew Contest!

• به یادگیری ادامه دهید! Keep Learning!

• برنامه های خود را منتشر کنید! Publish Your Apps!

• نکته از آنجلا - اهداف خود را مرور کنید! Tip from Angela - Review your goals!

بخش پایانی Final Section

• ضبط AMA زنده ما (معروف به AAA - Ask Angela Anything) Recording of our Live AMA (aka AAA - Ask Angela Anything)

• سخنرانی پاداش: دوره های دیگر من را بررسی کنید Bonus Lecture: Check out my other courses