آموزش Flutter Essential Training: ساخت برای پلتفرم های متعدد

مقدمه Introduction

• ساختمان برای چندین پلتفرم Building for multiple platforms

• آنچه شما باید بدانید What you should know

• استفاده از فایل های تمرینی GitHub Using the GitHub exercise files

1. مفاهیم اساسی دارت برای فلاتر 1. Essential Dart Concepts for Flutter

• نقطه ورود به برنامه دارت Entry point to a Dart application

• مروری بر انواع داده ها: اعداد و رشته ها Overview of data types: Numbers and strings

• مروری بر انواع داده ها: Bool، لیست ها و نقشه ها Overview of data types: Bool, lists, and maps

• تفاوت بین var و پویا Difference between var and dynamic

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

• نمای کلی کلاس ها و اشیاء: قسمت 1 Overview of classes and objects: Part 1

• نمای کلی کلاس ها و اشیاء: قسمت 2 Overview of classes and objects: Part 2

2. مقدمه ای بر فلاتر 2. Introduction to Flutter

• استفاده از منابع مختلف فلوتر Making use of various Flutter resources

• نصب Flutter و راه اندازی اندروید استودیو در مک Installing Flutter and setting up Android Studio on Mac

• نصب Flutter و راه اندازی اندروید استودیو در ویندوز Installing Flutter and setting up Android Studio on Windows

• از کدام نسخه فلاتر استفاده کنیم؟ Which Flutter version to use?

• اجرای برنامه Hello World در موبایل، دسکتاپ و وب Running the Hello World app on mobile, desktop, and web

• پروژه آناتومی یک فلاتر Anatomy of a Flutter project

• آشنایی با کد برنامه Counter Understanding the Counter App code

• چالش: درخت ویجت را بکشید Challenge: Draw the widget tree

• راه حل: درخت ویجت را رسم کنید Solution: Draw the widget tree

• امتیاز: آشنایی با اندروید استودیو Bonus: Getting to know Android Studio

3. بلوک های ساختمانی اساسی 3. Basic Building Blocks

• بلوک های ساختمانی را برای دانستن در مورد آن فلوتر کنید Flutter building blocks to know about

• ساخت ویجت های اولیه برای صفحه ورود به سیستم Building basic widgets for the login screen

• ساخت ویجت های اولیه برای صفحه چت Building basic widgets for the chat screen

• قرارگیری ها و ترازها Placements and alignments

• ساختار: انعطاف پذیر و گسترش یافته Structure: Flexible and expanded

• ایجاد ویجت سفارشی خود Creating your own custom widget

• ساخت لیست های پویا Building dynamic lists

• چگونه طرح ها را به کد تقسیم کنیم؟ How to breakdown designs into code?

• شکستن طرح ها: نمونه های بیشتر Breaking down designs: More examples

4. تعامل 4. Interactivity

• ایالت چیست؟ What is state?

• نوشتن اولین ویجت حالت دار Writing your first stateful widget

• متغیرهای ویجت در مقابل متغیرهای حالت Widget variables vs. state variables

• چه زمانی از حالت بدون تابعیت یا حالت دار استفاده کنیم؟ When to use stateless or stateful?

• چرخه عمر یک ویجت حالت دار Lifecycle of a stateful widget

• بارگذاری مجدد داغ حالت Stateful hot reload

• آموزش در مورد دکمه ها Learning about buttons

• تشخیص ضربه و ژست Taps and gesture detection

• دریافت ورودی از کاربر Getting inputs from the user

• اعتبار سنجی ورودی های کاربر Validating user inputs

• ایجاد فیلدهای متنی چند خطی Creating multiline text fields

• حرکت از یک صفحه به صفحه دیگر Navigating from one screen to another

• انتقال داده با ناوبری Passing data with navigation

• پیمایش از طریق مسیرهای نامگذاری شده Navigating via named routes

• جایگزینی مسیرها با استفاده از Navigator Replacing routes using Navigator

5. همه چیز در مورد Pubspec 5. Everything about Pubspec

• سازماندهی سبک ها و رنگ ها برای صفحه ورود Organizing the styles and colors for the login page

• سازماندهی سبک ها و رنگ ها برای صفحه چت Organizing the styles and colors for the chat page

• درک آناتومی یک فایل pubspec.yaml Understanding the anatomy of a pubspec.yaml file

• کاوش در pub.dev Exploring pub.dev

• پلاگین ها در مقابل بسته ها Plugins vs. packages

• افزودن افزونه ها به برنامه خود از pub.dev Adding plugins to your app from pub.dev

• افزودن بسته ها از منابع خارجی Adding packages from external sources

• موجودیت های مدل سازی در دارت Modeling entities in Dart

• ژنریک در دارت Generics in Dart

• JSON: سریال‌سازی در مقابل سریال‌زدایی JSON: Serialization vs. deserialization

• خواندن داده ها از یک فایل JSON Reading data from a JSON file

• بهبود رابط کاربری با محدودیت های جعبه Improving UI with box constraints

• فراخوانی متد کلاس والد از کلاس فرزند Calling a parent class method from child class

6. این آینده است 6. This Is the Future

• مدیریت عملیات همگام در دارت Handling async operations in Dart

• مقدمه ای بر API ها و کاوش در Postman. Introduction to APIs and exploring Postman.

• JSON را با بسته JsonSerializable از حالت سریال خارج کنید Deserialize JSON with the JsonSerializable package

• یکپارچه سازی REST API Integrating a REST API

• FutureBuilder برای آینده FutureBuilder for futures

• الگوی مخزن Repository pattern

• نمای شبکه ای در یک ModalBottomSheet Grid view in a ModalBottomSheet

• نمایش تصویر انتخاب شده در ChatInput Showing the selected image in ChatInput

• رسیدگی به استثنا Exception handling

• ایجاد عناصر UI گرد Creating rounded UI elements

7. کار با داده ها 7. Working with Data

• چرا به مدیریت دولتی نیاز دارید Why you need state management

• کاوش راه ارائه دهنده Exploring provider way

• ذخیره داده ها Caching data

• اولیه سازهای استاتیک Static initializers

• تغییر اعلان ها در فلاتر Change notifiers in Flutter

• ایجاد یک صفحه اصلی پویا Creating a dynamic home page

• پاسخگو کردن رابط کاربری برای وب Making the UI responsive for the web

نتیجه Conclusion

• مراحل بعدی Next steps