آموزش Flutter & Dart - دوره کامل توسعه اپلیکیشن Flutter

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

شروع شدن Getting Started

• مسیر یادگیری این دوره The Learning Path of This Course

شروع شدن Getting Started

• مسیر یادگیری این دوره The Learning Path of This Course

چرا فلاتر Why Flutter

• چرا توسعه فلوتر؟ Why Flutter Development?

• پیام مهم Important Message

چرا فلاتر Why Flutter

• چرا توسعه فلوتر؟ Why Flutter Development?

• پیام مهم Important Message

کد فلاتر را دانلود کنید Download Flutter Code

• کد منبع پروژه برنامه Flutter Flutter App Project Source Code

• کد منبع پروژه چگونه ساختار یافته است؟ How the Project Source Code is Structured?

کد فلاتر را دانلود کنید Download Flutter Code

• کد منبع پروژه برنامه Flutter Flutter App Project Source Code

• کد منبع پروژه چگونه ساختار یافته است؟ How the Project Source Code is Structured?

راه اندازی ابزار توسعه MAC- برای کاربران مک OX Development Tools Setup MAC- For Mac OX Users

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 1 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 1

• فقط برای کاربران MAC: چگونه یک .bash_profile ایجاد کنیم For MAC Users ONLY: How to Create a .bash_profile

• فقط برای کاربران MAC: نحوه دسترسی به پوشه کتابخانه در پوشه خانه شما For MAC Users ONLY: How to Access the Library Folder in Your Home Folder

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 2 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 2

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 3 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 3

• MAC -Setup Dart and Flutter SDK در Mac OSX - Final MAC -Setup Dart and Flutter SDK on Mac OSX - Final

راه اندازی ابزار توسعه MAC- برای کاربران مک OX Development Tools Setup MAC- For Mac OX Users

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 1 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 1

• فقط برای کاربران MAC: چگونه یک .bash_profile ایجاد کنیم For MAC Users ONLY: How to Create a .bash_profile

• فقط برای کاربران MAC: نحوه دسترسی به پوشه کتابخانه در پوشه خانه شما For MAC Users ONLY: How to Access the Library Folder in Your Home Folder

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 2 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 2

• MAC -Setup Dart and Flutter SDK در Mac OSX - Part 3 MAC -Setup Dart and Flutter SDK on Mac OSX - Part 3

• MAC -Setup Dart and Flutter SDK در Mac OSX - Final MAC -Setup Dart and Flutter SDK on Mac OSX - Final

ابزارهای توسعه راه اندازی ویندوز - برای کاربران ویندوز Development Tools Setup Windows - For Windows Users

• دانلود Android Studio و Setup Emulators Download Android Studio and Setup Emulators

• اختیاری - Android Studio - Fix VTX در بایوس غیرفعال است OPTIONAL - Android Studio - Fix VTX is Disabled in BIOS

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

• منابع نصب Windows Flutter - بسیار مفید! Windows Flutter Installation Resources - Very Helpful!

ابزارهای توسعه راه اندازی ویندوز - برای کاربران ویندوز Development Tools Setup Windows - For Windows Users

• دانلود Android Studio و Setup Emulators Download Android Studio and Setup Emulators

• اختیاری - Android Studio - Fix VTX در بایوس غیرفعال است OPTIONAL - Android Studio - Fix VTX is Disabled in BIOS

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

• منابع نصب Windows Flutter - بسیار مفید! Windows Flutter Installation Resources - Very Helpful!

مقدمه ای بر زبان برنامه نویسی دارت - از ابتدا Introduction to the Dart Programming Language - From Scratch

• معرفی دارت و پد دارت - ویرایشگر آنلاین Intro to Dart and Dart Pad - Online Editor

• دارت - شیوه کدگذاری و قرارداد نامگذاری Dart - Coding Style and Naming Convention

• دارت - اعلان متغیرها - رشته Dart - Declaring variables - String

• انواع دارت و انتساب انواع به متغیرها Dart Types and Assigning Types to Variables

• دارت - اعداد - اعداد صحیح و دوتایی Dart - Numbers - Integers and Doubles

• دارت - بولین Dart - Booleans

• Dart - Const و Final Keywords Dart - Const and Final Keywords

• دارت - الحاق Dart - Concatenation

• اپراتورهای دارت - حساب Dart Operators - Arithmetic

• عملگرهای برابری و رابطه ای در دارت Equality and Relational Operators in Dart

• کد منبع Source Code

مقدمه ای بر زبان برنامه نویسی دارت - از ابتدا Introduction to the Dart Programming Language - From Scratch

• معرفی دارت و پد دارت - ویرایشگر آنلاین Intro to Dart and Dart Pad - Online Editor

• دارت - شیوه کدگذاری و قرارداد نامگذاری Dart - Coding Style and Naming Convention

• دارت - اعلان متغیرها - رشته Dart - Declaring variables - String

• انواع دارت و انتساب انواع به متغیرها Dart Types and Assigning Types to Variables

• دارت - اعداد - اعداد صحیح و دوتایی Dart - Numbers - Integers and Doubles

• دارت - بولین Dart - Booleans

• Dart - Const و Final Keywords Dart - Const and Final Keywords

• دارت - الحاق Dart - Concatenation

• اپراتورهای دارت - حساب Dart Operators - Arithmetic

• عملگرهای برابری و رابطه ای در دارت Equality and Relational Operators in Dart

• کد منبع Source Code

کنترل جریان و توابع در دارت - اگر عبارات، عملگرهای منطقی، برای حلقه ها Control Flow and Functions in Dart - If Statements, Logical Operators, For Loops

• جریان کنترل - اگر بیانیه ها Control Flow - If Statements

• عملگرهای منطقی Logical Operators

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

• while، Do-While و Break in Dart While, Do-While and Break in Dart

• موارد سوئیچ Switch Cases

• مقدمه ای بر توابع در دارت Introduction to Functions in Dart

• انواع بازگشت تابع - String-Int-Booleans Function Return Types - String-Int-Booleans

• دارت - استفاده از عملگر => برای عبارات برگردانده Dart - Using the => Operator for Returning Expressions

• آرگومان ها و توابع در دارت Arguments and Functions in Dart

• پارامترهای اختیاری در دارت Optional Parameters in Dart

• دامنه واژگانی در دارت Lexical Scope in Dart

• منابع Resources

• کد منبع Source Code

کنترل جریان و توابع در دارت - اگر عبارات، عملگرهای منطقی، برای حلقه ها Control Flow and Functions in Dart - If Statements, Logical Operators, For Loops

• جریان کنترل - اگر بیانیه ها Control Flow - If Statements

• عملگرهای منطقی Logical Operators

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

• while، Do-While و Break in Dart While, Do-While and Break in Dart

• موارد سوئیچ Switch Cases

• مقدمه ای بر توابع در دارت Introduction to Functions in Dart

• انواع بازگشت تابع - String-Int-Booleans Function Return Types - String-Int-Booleans

• دارت - استفاده از عملگر => برای عبارات برگردانده Dart - Using the => Operator for Returning Expressions

• آرگومان ها و توابع در دارت Arguments and Functions in Dart

• پارامترهای اختیاری در دارت Optional Parameters in Dart

• دامنه واژگانی در دارت Lexical Scope in Dart

• منابع Resources

• کد منبع Source Code

برنامه نویسی شی گرا - مقدمه Object Oriented Programming - Introduction

• مقدمه ای بر کلاس ها و اشیاء Introduction to Classes and Objects

• مقدمه ای بر ایجاد کلاس و متغیرهای نمونه Introduction to Class Creation and Instance Variables

• اضافه کردن متدها به کلاس ها Adding Methods to Classes

• مقدمه ای بر سازندگان - قسمت 1 Introduction to Constructors - Part 1

• سازندگان نحوی نام و شکر - قسمت 2 Named and Sugar Syntactic Constructors - Part 2

• تنظیم کننده ها و دریافت کننده ها Setters and Getters

• کد منبع Source Code

برنامه نویسی شی گرا - مقدمه Object Oriented Programming - Introduction

• مقدمه ای بر کلاس ها و اشیاء Introduction to Classes and Objects

• مقدمه ای بر ایجاد کلاس و متغیرهای نمونه Introduction to Class Creation and Instance Variables

• اضافه کردن متدها به کلاس ها Adding Methods to Classes

• مقدمه ای بر سازندگان - قسمت 1 Introduction to Constructors - Part 1

• سازندگان نحوی نام و شکر - قسمت 2 Named and Sugar Syntactic Constructors - Part 2

• تنظیم کننده ها و دریافت کننده ها Setters and Getters

• کد منبع Source Code

برنامه نویسی شی گرا - متوسط ​​- مفاهیم ارثی Object Oriented Programming - Intermediate - Inheritance Concepts

• مقدمه ای بر وراثت با دارت Introduction to Inheritance with Dart

• ایجاد کلاس ها و درخت وراثت Creating Classes and Inheritance Tree

• روش‌های لغو Override Methods

• کلاس های ارث بری با سازنده ها Inheriting Classes with Constructors

• روش toString() - Override The toString() Method - Override

• کد منبع Source Code

برنامه نویسی شی گرا - متوسط ​​- مفاهیم ارثی Object Oriented Programming - Intermediate - Inheritance Concepts

• مقدمه ای بر وراثت با دارت Introduction to Inheritance with Dart

• ایجاد کلاس ها و درخت وراثت Creating Classes and Inheritance Tree

• روش‌های لغو Override Methods

• کلاس های ارث بری با سازنده ها Inheriting Classes with Constructors

• روش toString() - Override The toString() Method - Override

• کد منبع Source Code

برنامه نویسی شی گرا - پیشرفته - مفاهیم انتزاعی و رابط Object Oriented Programming - Advanced - Abstract and Interface Concepts

• مقدمه ای بر کلاس های انتزاعی و رابط Introduction to Abstract and Interface Classes

• کلاس های انتزاعی و رابط در دارت - ایجاد Abstract and Interface Classes in Dart - Creation

• کد منبع Source Code

برنامه نویسی شی گرا - پیشرفته - مفاهیم انتزاعی و رابط Object Oriented Programming - Advanced - Abstract and Interface Concepts

• مقدمه ای بر کلاس های انتزاعی و رابط Introduction to Abstract and Interface Classes

• کلاس های انتزاعی و رابط در دارت - ایجاد Abstract and Interface Classes in Dart - Creation

• کد منبع Source Code

ساختارها و مجموعه های داده در دارت Data Structures and Collections in Dart

• مقدمه ای بر مجموعه ها Introduction to Collections

• ایجاد لیست و تکرار از طریق آنها Creating Lists and Iterating through Them

• ایجاد یک لیست با یک شی نوع شخص Creating a List with a Person Type Object

• مقدمه ای بر نقشه ها Introduction to Maps

• کد منبع Source Code

ساختارها و مجموعه های داده در دارت Data Structures and Collections in Dart

• مقدمه ای بر مجموعه ها Introduction to Collections

• ایجاد لیست و تکرار از طریق آنها Creating Lists and Iterating through Them

• ایجاد یک لیست با یک شی نوع شخص Creating a List with a Person Type Object

• مقدمه ای بر نقشه ها Introduction to Maps

• کد منبع Source Code

ساخت اپلیکیشن های فلاتر - اصول فلاتر Building Flutter Apps - Flutter Fundamentals

• مقدمه ای بر فلاتر و آناتومی اپلیکیشن فلاتر Introduction to Flutter and Flutter App Anatomy

• ایجاد یک برنامه Flutter Hello World - اصول اولیه با ویجت متنی Creating a Flutter Hello World App - Basics with Text Widget

• درک اصول طراحی متریال - ویژگی های متن و ویجت Understanding Material Design Basics - Text and Widget Properties

• قالب بندی کد ما Formatting Our Code

• ارائه طراحی مواد کوچک Little Material Design Presentation

• فلاتر داربست ویجت و خواص Flutter Scaffold Widget and Properties

• ویجت Flutter InkWell و شنوندگان رویداد Flutter InkWell Widget and Event Listeners

• ویجت آشکارساز حرکت فلوتر - ایجاد یک دکمه سفارشی Flutter Gesture Detector Widget - Creating a Custom Button

• Flutter Bottom Navigator و افزودن یک شیر Flutter Bottom Navigator and Adding a Tap

• دکمه اکشن شناور فلاتر Flutter Floating Action Button

ساخت اپلیکیشن های فلاتر - اصول فلاتر Building Flutter Apps - Flutter Fundamentals

• مقدمه ای بر فلاتر و آناتومی اپلیکیشن فلاتر Introduction to Flutter and Flutter App Anatomy

• ایجاد یک برنامه Flutter Hello World - اصول اولیه با ویجت متنی Creating a Flutter Hello World App - Basics with Text Widget

• درک اصول طراحی متریال - ویژگی های متن و ویجت Understanding Material Design Basics - Text and Widget Properties

• قالب بندی کد ما Formatting Our Code

• ارائه طراحی مواد کوچک Little Material Design Presentation

• فلاتر داربست ویجت و خواص Flutter Scaffold Widget and Properties

• ویجت Flutter InkWell و شنوندگان رویداد Flutter InkWell Widget and Event Listeners

• ویجت آشکارساز حرکت فلوتر - ایجاد یک دکمه سفارشی Flutter Gesture Detector Widget - Creating a Custom Button

• Flutter Bottom Navigator و افزودن یک شیر Flutter Bottom Navigator and Adding a Tap

• دکمه اکشن شناور فلاتر Flutter Floating Action Button

یک اپلیکیشن کارت بیز بسازید Build a Biz Card App

• بعد چه خواهید ساخت؟ What You'll Build Next?

• برنامه - ساخت یک برنامه کارت Biz App - Build a Biz card App

یک اپلیکیشن کارت بیز بسازید Build a Biz Card App

• بعد چه خواهید ساخت؟ What You'll Build Next?

• برنامه - ساخت یک برنامه کارت Biz App - Build a Biz card App

فلاتر ویجت های Stateful Flutter Stateful Widgets

• مقدمه ای بر ویجت های Stateless در مقابل Stateful Introduction to Stateless VS Stateful Widgets

• برنامه - ساخت برنامه نقل قول - قسمت 1 App - Build a Quotes App - Part 1

• برنامه - ساخت یک برنامه نقل قول - محصول نهایی App - Build a Quotes App - Finished Product

فلاتر ویجت های Stateful Flutter Stateful Widgets

• مقدمه ای بر ویجت های Stateless در مقابل Stateful Introduction to Stateless VS Stateful Widgets

• برنامه - ساخت برنامه نقل قول - قسمت 1 App - Build a Quotes App - Part 1

• برنامه - ساخت یک برنامه نقل قول - محصول نهایی App - Build a Quotes App - Finished Product

APP - یک برنامه محاسبه کننده نکته Flutter بسازید APP - Build a Flutter Tip Calculator App

• ماشین حساب Flutter Tip - رابط کاربری - قسمت 1 Flutter Tip Calculator - User Interface - Part 1

• ماشین حساب Flutter Tip - کارت بالا و رنگ های سفارشی Flutter Tip Calculator - Top Card and Custom Colors

• ماشین حساب Flutter Tip - ساختن ردیف تقسیم شده Flutter Tip Calculator - Building the Split Row

• Flutter Tip Calculator - ردیف نوک را بسازید Flutter Tip Calculator - Build the Tip Row

• ماشین حساب Flutter Tip - رابط کاربری تمام شده Flutter Tip Calculator - Finished User Interface

• Flutter Tip Calculator - Wrapup Flutter Tip Calculator - Wrapup

APP - یک برنامه محاسبه کننده نکته Flutter بسازید APP - Build a Flutter Tip Calculator App

• ماشین حساب Flutter Tip - رابط کاربری - قسمت 1 Flutter Tip Calculator - User Interface - Part 1

• ماشین حساب Flutter Tip - کارت بالا و رنگ های سفارشی Flutter Tip Calculator - Top Card and Custom Colors

• ماشین حساب Flutter Tip - ساختن ردیف تقسیم شده Flutter Tip Calculator - Building the Split Row

• Flutter Tip Calculator - ردیف نوک را بسازید Flutter Tip Calculator - Build the Tip Row

• ماشین حساب Flutter Tip - رابط کاربری تمام شده Flutter Tip Calculator - Finished User Interface

• Flutter Tip Calculator - Wrapup Flutter Tip Calculator - Wrapup

APP - برنامه امتحان - ابزارک های Flutter بیشتر بیاموزید APP - Quiz App - Learn More Flutter Widgets

• دانلود - منبع تصویر Download - Image Resource

• پروژه راه اندازی - اضافه کردن دارایی های تصویر Setup Project - Adding Image Assets

• کلاس مدل سوال - راه اندازی Question Model Class - Setup

• اتمام رابط کاربری Finishing the User Interface

• منطق امتحان پایان Finishing Quiz Logic

• [چالش] - منطق به پایان رسید [CHALLENGE] - Finished Logic

• [راه حل - بهبودها] - جمع بندی [SOLUTION - IMPROVEMENTS] - Wrapup

APP - برنامه امتحان - ابزارک های Flutter بیشتر بیاموزید APP - Quiz App - Learn More Flutter Widgets

• دانلود - منبع تصویر Download - Image Resource

• پروژه راه اندازی - اضافه کردن دارایی های تصویر Setup Project - Adding Image Assets

• کلاس مدل سوال - راه اندازی Question Model Class - Setup

• اتمام رابط کاربری Finishing the User Interface

• منطق امتحان پایان Finishing Quiz Logic

• [چالش] - منطق به پایان رسید [CHALLENGE] - Finished Logic

• [راه حل - بهبودها] - جمع بندی [SOLUTION - IMPROVEMENTS] - Wrapup

Flutter Intermediate Concepts - Navigation, Listviews - ساخت اپلیکیشن فیلم Flutter Intermediate Concepts - Navigation, Listviews - Building a Movie App

• دانلود -منابع فیلم Download -Movie Resources

• ایجاد نمای فهرستی از فیلم ها Creating a Listview of Movies

• سفارشی کردن ردیف ListTile و افزودن onTap Customizing ListTile Row and Adding onTap

• پیمایش به یک مسیر دوم - صفحه نمایش Navigating to a Second Route - Screen

• بازگشت به اولین مسیر/صفحه نمایش Returning to the First Route/Screen

• انتقال داده به مسیر دوم/صفحه نمایش Passing Data to Second Route/Screen

• ایجاد کلاس مدل فیلم - نمایش فیلم - قسمت 1 Creating a Movie Model Class - Showing Movies - Part 1

• MOVIE APP - ارسال یک شی فیلم به جزئیات مسیر و نمایش تصویر MOVIE APP - Passing a Movie Object to Details Route and Showing Image

• MOVIE APP - سفارشی کردن ردیف MOVIE APP - Customizing Row

• MOVIE APP - اضافه کردن تصویر فیلم MOVIE APP - Adding Movie Image

• MOVIE APP - اتمام ردیف سفارشی MOVIE APP - Finishing Custom Row

• MOVIE APP - تغییر رنگ پس زمینه MOVIE APP - Changing the Background Color

• برنامه فیلم - مسیر جزئیات - نمایش تصویر کوچک فیلم MOVIE APP - Details Route - Showing Movie Thumbnail

• MOVIE APP - جزئیات مسیر - افزودن گرادیان خطی MOVIE APP - Details Route - Adding Linear Gradient

• MOVIE APP - جزئیات مسیر - اضافه کردن پوستر فیلم MOVIE APP - Details Route - Adding Movie Poster

• برنامه فیلم - مسیر جزئیات - سرصفحه فیلم MOVIE APP - Details Route - Movie's Header

• MOVIE APP - جزئیات مسیر - اضافه کردن بازیگران فیلم MOVIE APP - Details Route - Adding Movie's Cast

• MOVIE APP - جزئیات مسیر - افزودن خط افقی MOVIE APP - Details Route - Adding Horizontal Line

• MOVIE APP - جزئیات مسیر - اضافه کردن پوسترهای پایین فیلم - برنامه تمام شده MOVIE APP - Details Route - Adding Bottom Movie Posters - Finished App

• [CODE REFACTOR] - فیلم برنامه کد Refactor [CODE REFACTOR] - Movie App Code Refactor

Flutter Intermediate Concepts - Navigation, Listviews - ساخت اپلیکیشن فیلم Flutter Intermediate Concepts - Navigation, Listviews - Building a Movie App

• دانلود -منابع فیلم Download -Movie Resources

• ایجاد نمای فهرستی از فیلم ها Creating a Listview of Movies

• سفارشی کردن ردیف ListTile و افزودن onTap Customizing ListTile Row and Adding onTap

• پیمایش به یک مسیر دوم - صفحه نمایش Navigating to a Second Route - Screen

• بازگشت به اولین مسیر/صفحه نمایش Returning to the First Route/Screen

• انتقال داده به مسیر دوم/صفحه نمایش Passing Data to Second Route/Screen

• ایجاد کلاس مدل فیلم - نمایش فیلم - قسمت 1 Creating a Movie Model Class - Showing Movies - Part 1

• MOVIE APP - ارسال یک شی فیلم به جزئیات مسیر و نمایش تصویر MOVIE APP - Passing a Movie Object to Details Route and Showing Image

• MOVIE APP - سفارشی کردن ردیف MOVIE APP - Customizing Row

• MOVIE APP - اضافه کردن تصویر فیلم MOVIE APP - Adding Movie Image

• MOVIE APP - اتمام ردیف سفارشی MOVIE APP - Finishing Custom Row

• MOVIE APP - تغییر رنگ پس زمینه MOVIE APP - Changing the Background Color

• برنامه فیلم - مسیر جزئیات - نمایش تصویر کوچک فیلم MOVIE APP - Details Route - Showing Movie Thumbnail

• MOVIE APP - جزئیات مسیر - افزودن گرادیان خطی MOVIE APP - Details Route - Adding Linear Gradient

• MOVIE APP - جزئیات مسیر - اضافه کردن پوستر فیلم MOVIE APP - Details Route - Adding Movie Poster

• برنامه فیلم - مسیر جزئیات - سرصفحه فیلم MOVIE APP - Details Route - Movie's Header

• MOVIE APP - جزئیات مسیر - اضافه کردن بازیگران فیلم MOVIE APP - Details Route - Adding Movie's Cast

• MOVIE APP - جزئیات مسیر - افزودن خط افقی MOVIE APP - Details Route - Adding Horizontal Line

• MOVIE APP - جزئیات مسیر - اضافه کردن پوسترهای پایین فیلم - برنامه تمام شده MOVIE APP - Details Route - Adding Bottom Movie Posters - Finished App

• [CODE REFACTOR] - فیلم برنامه کد Refactor [CODE REFACTOR] - Movie App Code Refactor

درک تم ها در فلاتر Understanding Themes in Flutter

• مقدمه ای بر UI و UX Introduction to UI and UX

• متریال دیزاین چیست؟ What's Material Design?

• تم ها در فلاتر Themes in Flutter

• کاوش در کلاس ThemeData - روشنایی برنامه Exploring ThemeData Class - App Brightness

• سرفصل های موضوعی و متن بدنه 1 Theming Headlines and Body1 Text

• Theming - Over-Writing Theme Propers Theming - Over-Writing Theme Properties

• Theming - Refactoring TextTheme ما بیشتر Theming - Refactoring our TextTheme Further

• تم - اضافه کردن فونت های سفارشی به پروژه ما Theming - Adding Custom Fonts to Our Project

• Theming - اعمال FontFamily برای همه ویژگی های TextTheme Theming - Applying FontFamily to All TextTheme Properties

• طراحی مواد - نمای کلی Material.io Material Design - Material.io Overview

• طراحی متریال - درک تم های رنگی Material Design - Understanding Color Themes

• طراحی متریال - تایپوگرافی و شمایل نگاری Material Design - Typography and Iconography

• منابع Resources

درک تم ها در فلاتر Understanding Themes in Flutter

• مقدمه ای بر UI و UX Introduction to UI and UX

• متریال دیزاین چیست؟ What's Material Design?

• تم ها در فلاتر Themes in Flutter

• کاوش در کلاس ThemeData - روشنایی برنامه Exploring ThemeData Class - App Brightness

• سرفصل های موضوعی و متن بدنه 1 Theming Headlines and Body1 Text

• Theming - Over-Writing Theme Propers Theming - Over-Writing Theme Properties

• Theming - Refactoring TextTheme ما بیشتر Theming - Refactoring our TextTheme Further

• تم - اضافه کردن فونت های سفارشی به پروژه ما Theming - Adding Custom Fonts to Our Project

• Theming - اعمال FontFamily برای همه ویژگی های TextTheme Theming - Applying FontFamily to All TextTheme Properties

• طراحی مواد - نمای کلی Material.io Material Design - Material.io Overview

• طراحی متریال - درک تم های رنگی Material Design - Understanding Color Themes

• طراحی متریال - تایپوگرافی و شمایل نگاری Material Design - Typography and Iconography

• منابع Resources

[چالش] - چالش طراحی مواد - موضوع ماشین حساب وام مسکن [CHALLENGE] - Material Design Challenge - Theme the Mortgage Calculator

• کد شروع و منابع را دانلود کنید Download Starter code and Resources

• دستورالعمل چالش Challenge Instructions

[چالش] - چالش طراحی مواد - موضوع ماشین حساب وام مسکن [CHALLENGE] - Material Design Challenge - Theme the Mortgage Calculator

• کد شروع و منابع را دانلود کنید Download Starter code and Resources

• دستورالعمل چالش Challenge Instructions

[راه حل] - راه حل برنامه طراحی مواد (برنامه وام مسکن). [SOLUTION] - Material Design App (Mortgage App) Solution

• برنامه وام مسکن - راه حل - پالت رنگ را انتخاب کنید و فایل رنگ ها را ایجاد کنید Mortgage App - Solution - Pick Color Palette and Create Colors File

• برنامه وام مسکن - راه حل - برنامه تم - قسمت 1 Mortgage App - Solution - Theming App - Part 1

• اپلیکیشن وام مسکن - راه حل - اپلیکیشن تمینگ - قسمت دوم Mortgage App - Solution - Theming App - Part 2

• برنامه وام مسکن - مجموعه راه حل Mortgage App - Solution Wrapup

• کد منبع راه حل Solution Source Code

[راه حل] - راه حل برنامه طراحی مواد (برنامه وام مسکن). [SOLUTION] - Material Design App (Mortgage App) Solution

• برنامه وام مسکن - راه حل - پالت رنگ را انتخاب کنید و فایل رنگ ها را ایجاد کنید Mortgage App - Solution - Pick Color Palette and Create Colors File

• برنامه وام مسکن - راه حل - برنامه تم - قسمت 1 Mortgage App - Solution - Theming App - Part 1

• اپلیکیشن وام مسکن - راه حل - اپلیکیشن تمینگ - قسمت دوم Mortgage App - Solution - Theming App - Part 2

• برنامه وام مسکن - مجموعه راه حل Mortgage App - Solution Wrapup

• کد منبع راه حل Solution Source Code

اتصال به جهان - شبکه سازی در فلاتر Connecting to the World - Networking in Flutter

• مقدمه ای بر HTTP و JSON Introduction to HTTP and JSON

• Flutter مقدمه Async و Future - درخواست های Http Flutter Introduction to Async and Future - Http Requests

• افزودن بسته http به پروژه ما Adding http Package to our Project

• راه اندازی کلاس شبکه Setup Network Class

• در حال واکشی داده های JSON Fetching JSON Data

• واکشی JSON و استفاده از ویجت FutureBuilder Fetching JSON and Using FutureBuilder Widget

• نهایی کردن واکشی JSON و FutureBuilder Finalizing Fetching JSON and FutureBuilder

• شیء دارت ساده قدیمی (PODO) و نقشه برداری JSON - راه اندازی مقدمه Plain Old Dart Object ( PODO ) and Mapping JSON - Introduction Setup

• PODO - ایجاد یک کلاس PostList و نقشه برداری PODO - Creating a PostList Class and Mapping

• PODO - اجرای نهایی PODO - Final Implementation

اتصال به جهان - شبکه سازی در فلاتر Connecting to the World - Networking in Flutter

• مقدمه ای بر HTTP و JSON Introduction to HTTP and JSON

• Flutter مقدمه Async و Future - درخواست های Http Flutter Introduction to Async and Future - Http Requests

• افزودن بسته http به پروژه ما Adding http Package to our Project

• راه اندازی کلاس شبکه Setup Network Class

• در حال واکشی داده های JSON Fetching JSON Data

• واکشی JSON و استفاده از ویجت FutureBuilder Fetching JSON and Using FutureBuilder Widget

• نهایی کردن واکشی JSON و FutureBuilder Finalizing Fetching JSON and FutureBuilder

• شیء دارت ساده قدیمی (PODO) و نقشه برداری JSON - راه اندازی مقدمه Plain Old Dart Object ( PODO ) and Mapping JSON - Introduction Setup

• PODO - ایجاد یک کلاس PostList و نقشه برداری PODO - Creating a PostList Class and Mapping

• PODO - اجرای نهایی PODO - Final Implementation

APP - یک برنامه Flutter پیش بینی آب و هوا بسازید APP - Build a Weather Forecast Flutter App

• آنچه خواهید ساخت - نسخه نمایشی برنامه پیش بینی آب و هوا What You'll Build - Weather Forecast App Demo

• OpenWeather - راه اندازی APPID ما OpenWeather - Setting up our APPID

• پروژه پیش بینی آب و هوای ما را راه اندازی کنید Setup Our Weather Forecast Project

• ایجاد کلاس مدل پیش بینی ما Creating Our Forecast Model Class

• فایل اصلاح شده/تثبیت شده WeatherForecast WeatherForecast Modified/fixed File

• رفع کلاس مدل پیش بینی Fixing Forecast Model Class

• کشیدن داده های JSON از API و نمایش داده ها Pulling JSON Data from API and Showing Data

• استفاده از FutureBuilder برای نمایش داده ها Using FutureBuilder to Show Data

• افزودن نام شهر و کشور Adding City and Country Names

• دریافت نام شهر به صورت پویا از TextField Getting City Name Dynamically from TextField

• قالب بندی و نمایش تاریخ Formatting and Showing Date

• نمایش دمای فعلی Showing Current Temp

• اضافه کردن رطوبت، باد و حداکثر به رابط کاربری Adding Humidity, Wind and Max to the User Interface

• استفاده از آیکون های FontAwesome Utilizing FontAwesome Icons

• راه اندازی تابع کمکی getWeatherIcon Setup getWeatherIcon Helper Function

• راه اندازی Bottom ScrollView - قسمت 1 Setup Bottom ScrollView - Part 1

• روز راه اندازی در پایین اسکرول ویو Setup Day in Bottom ScrollView

• اضافه کردن WeatherIcon به ScrollView ما Adding WeatherIcon to our ScrollView

• برنامه تمام شده Finished App

• Refactoring کد و بهبود رابط کاربری Code Refactoring and User Interface Improvements

• منابع و نکات Resources and Tips

APP - یک برنامه Flutter پیش بینی آب و هوا بسازید APP - Build a Weather Forecast Flutter App

• آنچه خواهید ساخت - نسخه نمایشی برنامه پیش بینی آب و هوا What You'll Build - Weather Forecast App Demo

• OpenWeather - راه اندازی APPID ما OpenWeather - Setting up our APPID

• پروژه پیش بینی آب و هوای ما را راه اندازی کنید Setup Our Weather Forecast Project

• ایجاد کلاس مدل پیش بینی ما Creating Our Forecast Model Class

• فایل اصلاح شده/تثبیت شده WeatherForecast WeatherForecast Modified/fixed File

• رفع کلاس مدل پیش بینی Fixing Forecast Model Class

• کشیدن داده های JSON از API و نمایش داده ها Pulling JSON Data from API and Showing Data

• استفاده از FutureBuilder برای نمایش داده ها Using FutureBuilder to Show Data

• افزودن نام شهر و کشور Adding City and Country Names

• دریافت نام شهر به صورت پویا از TextField Getting City Name Dynamically from TextField

• قالب بندی و نمایش تاریخ Formatting and Showing Date

• نمایش دمای فعلی Showing Current Temp

• اضافه کردن رطوبت، باد و حداکثر به رابط کاربری Adding Humidity, Wind and Max to the User Interface

• استفاده از آیکون های FontAwesome Utilizing FontAwesome Icons

• راه اندازی تابع کمکی getWeatherIcon Setup getWeatherIcon Helper Function

• راه اندازی Bottom ScrollView - قسمت 1 Setup Bottom ScrollView - Part 1

• روز راه اندازی در پایین اسکرول ویو Setup Day in Bottom ScrollView

• اضافه کردن WeatherIcon به ScrollView ما Adding WeatherIcon to our ScrollView

• برنامه تمام شده Finished App

• Refactoring کد و بهبود رابط کاربری Code Refactoring and User Interface Improvements

• منابع و نکات Resources and Tips

Flutter Google Maps - ساخت اپلیکیشن Earthquakes Flutter Google Maps - Building the Earthquakes App

• مقدمه ای بر Google Maps و API Key Android Setup Introduction to Google Maps and API Key Android Setup

• [اختیاری] راه‌اندازی Google Maps iOS [OPTIONAL] Google Maps iOS Setup

• نمایش نقشه گوگل - مشکلی که باید برطرف شود - آپدیت AndroidX Showing a Google Map - Problem to be Fixed - AndroidX Update

• رفع مشکلات AndroidX Fixing AndroidX Issues

• اجرای نقشه ما در اندروید و iOS Running our Map on Both Android and iOS

• اضافه کردن نشانگرها به نقشه Adding Markers onto Map

• نمایش نشانگر دیگری Showing Another Marker

• پیاده سازی انیمیشن های CameraPosition Implementing CameraPosition Animations

• برنامه Quakes - نسخه ی نمایشی Quakes App - Demo

• [پیوند API] - پیوند JSON API برای استفاده [API Link] - JSON API Link to Use

• برنامه Quakes - Quakes API و برنامه افزودنی کروم ما Quakes App - Our Quakes API and Chrome Extension

• برنامه Quakes - راه اندازی Project و TypesHelper Class Quakes App - Setting up Project and TypesHelper Class

• برنامه Quakes - رفع مشکل انواع Quakes App - Fixing the Types Issue

• برنامه Quakes - دریافت همه لرزش ها و نشانگرهای راه اندازی Quakes App - Getting All Quakes and Setup Markers

• برنامه Quake - نشانگرها ثابت و کار می کنند Quake App - Markers Fixed and Working

• برنامه Quake - اضافه کردن زوم و برنامه تمام شده Quake App - Adding Zooms and Finished App

• منابع Resources

Flutter Google Maps - ساخت اپلیکیشن Earthquakes Flutter Google Maps - Building the Earthquakes App

• مقدمه ای بر Google Maps و API Key Android Setup Introduction to Google Maps and API Key Android Setup

• [اختیاری] راه‌اندازی Google Maps iOS [OPTIONAL] Google Maps iOS Setup

• نمایش نقشه گوگل - مشکلی که باید برطرف شود - آپدیت AndroidX Showing a Google Map - Problem to be Fixed - AndroidX Update

• رفع مشکلات AndroidX Fixing AndroidX Issues

• اجرای نقشه ما در اندروید و iOS Running our Map on Both Android and iOS

• اضافه کردن نشانگرها به نقشه Adding Markers onto Map

• نمایش نشانگر دیگری Showing Another Marker

• پیاده سازی انیمیشن های CameraPosition Implementing CameraPosition Animations

• برنامه Quakes - نسخه ی نمایشی Quakes App - Demo

• [پیوند API] - پیوند JSON API برای استفاده [API Link] - JSON API Link to Use

• برنامه Quakes - Quakes API و برنامه افزودنی کروم ما Quakes App - Our Quakes API and Chrome Extension

• برنامه Quakes - راه اندازی Project و TypesHelper Class Quakes App - Setting up Project and TypesHelper Class

• برنامه Quakes - رفع مشکل انواع Quakes App - Fixing the Types Issue

• برنامه Quakes - دریافت همه لرزش ها و نشانگرهای راه اندازی Quakes App - Getting All Quakes and Setup Markers

• برنامه Quake - نشانگرها ثابت و کار می کنند Quake App - Markers Fixed and Working

• برنامه Quake - اضافه کردن زوم و برنامه تمام شده Quake App - Adding Zooms and Finished App

• منابع Resources

Firestore - پایگاه داده بیدرنگ - ایجاد یک برنامه انجمن انجمن Firestore - Realtime Database - Build a Community Board App

• مقدمه ای بر پایگاه داده Firebase/Firestore و Realtime Introduction to Firebase/Firestore and Realtime Database

• راه اندازی Firestore در پروژه ما Setting up Firestore in our Project

• خواندن داده ها از پایگاه داده Firestore Reading Data from Firestore Database

• برنامه هیئت مدیره - فرم راه اندازی Board App - Setup Form

• برنامه هیئت مدیره - ذخیره داده ها در پایگاه داده Firestore از برنامه Board App - Saving Data to Firestore Database from the App

• برنامه هیئت مدیره - کارت سفارشی - حسابداری برای Nulls Board App - Custom Card - Accounting for Nulls

• برنامه هیئت مدیره - بازسازی کارت سفارشی Board App - Restructuring Custom Card

• برنامه هیئت مدیره - کارت سفارشی - سریع کد Refactoring Board App - Custom Card - Quick Code Refactoring

• برنامه هیئت مدیره - یک سند را حذف کنید Board App - Delete a Document

• برنامه هیئت مدیره - به روز رسانی سند Board App - Update Document

• منابع Resources

Firestore - پایگاه داده بیدرنگ - ایجاد یک برنامه انجمن انجمن Firestore - Realtime Database - Build a Community Board App

• مقدمه ای بر پایگاه داده Firebase/Firestore و Realtime Introduction to Firebase/Firestore and Realtime Database

• راه اندازی Firestore در پروژه ما Setting up Firestore in our Project

• خواندن داده ها از پایگاه داده Firestore Reading Data from Firestore Database

• برنامه هیئت مدیره - فرم راه اندازی Board App - Setup Form

• برنامه هیئت مدیره - ذخیره داده ها در پایگاه داده Firestore از برنامه Board App - Saving Data to Firestore Database from the App

• برنامه هیئت مدیره - کارت سفارشی - حسابداری برای Nulls Board App - Custom Card - Accounting for Nulls

• برنامه هیئت مدیره - بازسازی کارت سفارشی Board App - Restructuring Custom Card

• برنامه هیئت مدیره - کارت سفارشی - سریع کد Refactoring Board App - Custom Card - Quick Code Refactoring

• برنامه هیئت مدیره - یک سند را حذف کنید Board App - Delete a Document

• برنامه هیئت مدیره - به روز رسانی سند Board App - Update Document

• منابع Resources

[اختیاری] ایجاد برنامه های تطبیقی ​​فلوتر [OPTIONAL] Creating Adaptive Flutter Apps

• جهت گیری دستگاه - پرتره و منظره Device Orientation - Portrait and Landscape

• راه اندازی پروژه Setting up the Project

• کلاس لیست جوک Joke Listing Class

• کلاس جزئیات جوک Joke Details Class

• محصول نهایی - برنامه جوک Final Product - The Joke App

• منابع Resources

[اختیاری] ایجاد برنامه های تطبیقی ​​فلوتر [OPTIONAL] Creating Adaptive Flutter Apps

• جهت گیری دستگاه - پرتره و منظره Device Orientation - Portrait and Landscape

• راه اندازی پروژه Setting up the Project

• کلاس لیست جوک Joke Listing Class

• کلاس جزئیات جوک Joke Details Class

• محصول نهایی - برنامه جوک Final Product - The Joke App

• منابع Resources

اختیاری: ساختارشکنی موضوعات فلاتر OPTIONAL: Deconstructing Flutter Topics

• ساختارشکنی نحو فلاتر - قسمت 1 Deconstructing the Flutter Syntax - Part 1

• ساختارشکنی نحو فلاتر - درک پارامترهای نامگذاری شده - قسمت 2 Deconstructing the Flutter Syntax - Understanding Named Parameters - Part 2

• ساختارشکنی BuildContext Deconstructing BuildContext

• منابع Resources

اختیاری: ساختارشکنی موضوعات فلاتر OPTIONAL: Deconstructing Flutter Topics

• ساختارشکنی نحو فلاتر - قسمت 1 Deconstructing the Flutter Syntax - Part 1

• ساختارشکنی نحو فلاتر - درک پارامترهای نامگذاری شده - قسمت 2 Deconstructing the Flutter Syntax - Understanding Named Parameters - Part 2

• ساختارشکنی BuildContext Deconstructing BuildContext

• منابع Resources

انتشار Flutter Apps در Appstore و PlayStore Publishing Flutter Apps in the Appstore and PlayStore

• تمام دارایی های مورد نیاز برای این بخش را دانلود کنید Download all Assets Needed for this Section

• ایجاد نماد برنامه - با ابزارهای آنلاین Creating App Icon - With Online Tools

• تولید دینامیک آیکون های iOS و Android با استفاده از پلاگین Dynamically Generating iOS and Android Icons Using Plugin

• اضافه کردن Splash Screen - اندروید Adding Splash Screen - Android

• افزودن تصویر لانچر - iOS Adding Launcher Image - iOS

• امضای برنامه اندروید - ایجاد Keystore و AppBundle Signing Android App - Generating a Keystore and AppBundle

• انتشار اپلیکیشن در گوگل پلی استور Publishing App to Google PlayStore

• برنامه iOS را برای انتشار در اپ استور تنظیم کنید Setup iOS App to Publish in the Appstore

• ایجاد آرشیو iOS و آپلود آن Creating the iOS Archive and Uploading It

• منابع Resources

انتشار Flutter Apps در Appstore و PlayStore Publishing Flutter Apps in the Appstore and PlayStore

• تمام دارایی های مورد نیاز برای این بخش را دانلود کنید Download all Assets Needed for this Section

• ایجاد نماد برنامه - با ابزارهای آنلاین Creating App Icon - With Online Tools

• تولید دینامیک آیکون های iOS و Android با استفاده از پلاگین Dynamically Generating iOS and Android Icons Using Plugin

• اضافه کردن Splash Screen - اندروید Adding Splash Screen - Android

• افزودن تصویر لانچر - iOS Adding Launcher Image - iOS

• امضای برنامه اندروید - ایجاد Keystore و AppBundle Signing Android App - Generating a Keystore and AppBundle

• انتشار اپلیکیشن در گوگل پلی استور Publishing App to Google PlayStore

• برنامه iOS را برای انتشار در اپ استور تنظیم کنید Setup iOS App to Publish in the Appstore

• ایجاد آرشیو iOS و آپلود آن Creating the iOS Archive and Uploading It

• منابع Resources

فرآیند توسعه اپلیکیشن The App Development Process

• فرآیند توسعه اپلیکیشن The App Development Process

فرآیند توسعه اپلیکیشن The App Development Process

• فرآیند توسعه اپلیکیشن The App Development Process

چه اتفاقی می افتد - حداقل 5 برنامه بسازید What's Next - Build at least 5 Apps

• با ساختن برنامه ها به یادگیری ادامه دهید - تعداد زیادی از آنها! Keep Learning By Building Apps - Lots of Them!

چه اتفاقی می افتد - حداقل 5 برنامه بسازید What's Next - Build at least 5 Apps

• با ساختن برنامه ها به یادگیری ادامه دهید - تعداد زیادی از آنها! Keep Learning By Building Apps - Lots of Them!

[اختیاری] فلوتر - انیمیشن ها [OPTIONAL] Flutter - Animations

• شروع کار با انیمیشن ها در فلاتر Getting Started with Animations in Flutter

• ایجاد یک انیمیشن ضد Creating a Counter Animation

• مقدمه ای بر کلاس توئین Introduction to Tween Class

• Tween - وضعیت انیمیشن Tween - Animation Status

• مقدمه ای بر انیمیشن زنجیره ای - جداسازی منطق انیمیشن Introduction to Chain Animation - Separating Animation Logic

• انیمیشن زنجیره ای - با استفاده از کلاس جدا شده Chain Animation - Using the Separated Class

• انیمیشن صفحه نمایه شرکت بسازید - مقدمه Build a Company Profile Page Animation - Introduction

• انیمیشن صفحه شرکت - کلاس های مدل و داده - قسمت 2 Company Page Animation - Model and Data Classes - Part 2

• انیمیشن صفحه شرکت - ایجاد کلاس های انیمیشن - قسمت 3 Company Page Animation - Create Animation Classes - Part 3

• انیمیشن صفحه شرکت - نمایش کدورت تصویر و پس زمینه - قسمت 4 Company Page Animation - Showing Image and Backdrop Opacity - Part 4

• انیمیشن صفحه شرکت - افزودن جلوه تاری و آواتار لوگو - قسمت 5 Company Page Animation - Adding Blur Effect and Logo Avatar - Part 5

• انیمیشن صفحه شرکت - افزودن رابط کاربری و انیمیشن - قسمت 6 Company Page Animation - Adding UI Interface and Animation - Part 6

• انیمیشن صفحه شرکت - اضافه کردن انیمیشن و رابط کاربری لمسی - قسمت 7 Company Page Animation - Adding Animation and UI Touchups - Part 7

• انیمیشن صفحه شرکت - افزودن UI - منطقه دوره های قابل پیمایش - قسمت 8 Company Page Animation - Adding UI - Scrollable Courses Area - Part 8

• برنامه تمام شده Finished App

• منابع Resources

[اختیاری] فلوتر - انیمیشن ها [OPTIONAL] Flutter - Animations

• شروع کار با انیمیشن ها در فلاتر Getting Started with Animations in Flutter

• ایجاد یک انیمیشن ضد Creating a Counter Animation

• مقدمه ای بر کلاس توئین Introduction to Tween Class

• Tween - وضعیت انیمیشن Tween - Animation Status

• مقدمه ای بر انیمیشن زنجیره ای - جداسازی منطق انیمیشن Introduction to Chain Animation - Separating Animation Logic

• انیمیشن زنجیره ای - با استفاده از کلاس جدا شده Chain Animation - Using the Separated Class

• انیمیشن صفحه نمایه شرکت بسازید - مقدمه Build a Company Profile Page Animation - Introduction

• انیمیشن صفحه شرکت - کلاس های مدل و داده - قسمت 2 Company Page Animation - Model and Data Classes - Part 2

• انیمیشن صفحه شرکت - ایجاد کلاس های انیمیشن - قسمت 3 Company Page Animation - Create Animation Classes - Part 3

• انیمیشن صفحه شرکت - نمایش کدورت تصویر و پس زمینه - قسمت 4 Company Page Animation - Showing Image and Backdrop Opacity - Part 4

• انیمیشن صفحه شرکت - افزودن جلوه تاری و آواتار لوگو - قسمت 5 Company Page Animation - Adding Blur Effect and Logo Avatar - Part 5

• انیمیشن صفحه شرکت - افزودن رابط کاربری و انیمیشن - قسمت 6 Company Page Animation - Adding UI Interface and Animation - Part 6

• انیمیشن صفحه شرکت - اضافه کردن انیمیشن و رابط کاربری لمسی - قسمت 7 Company Page Animation - Adding Animation and UI Touchups - Part 7

• انیمیشن صفحه شرکت - افزودن UI - منطقه دوره های قابل پیمایش - قسمت 8 Company Page Animation - Adding UI - Scrollable Courses Area - Part 8

• برنامه تمام شده Finished App

• منابع Resources

جایزه Bonus

• جایزه Bonus

جایزه Bonus

• جایزه Bonus