</>پیشگامان خلاقآکادمی و استودیو دیجیتال
فلاتر

آموزش فلاتر

دوره آموزش برنامه نویسی فلاتر بصورت رایگان در صورت تمایل برای این ساخت دوره این دوره نظرتون رو کامنت کنید

آراهنمای مرحله‌ای
دوره آموزش برنامه نویسی فلاتر بصورت رایگان در صورت تمایل برای این ساخت دوره این دوره نظرتون رو کامنت کنید

دوره آموزش برنامه نویسی فلاتر بصورت رایگان

در صورت تمایل برای این ساخت دوره این دوره نظرتون رو کامنت کنید

بخش عملی این مطلب

از مفهوم تا استفاده واقعی

Dart / Flutter
به زبان ساده

در فلاتر رابط کاربری از ویجت‌های کوچک ساخته می‌شود. به‌جای طراحی یک صفحه بزرگ، آن را به بخش‌هایی مثل عنوان، فهرست و دکمه تقسیم کن؛ هر بخش مسئولیت مشخصی دارد.

یک مثال از دنیای واقعی

فرض کن برای یک فروشگاه محلی اپ ثبت سفارش می‌سازی. ابتدا فقط نام کالا و تعداد را بگیر و جمع سفارش را نشان بده. ورود، پرداخت و اعلان را وقتی اضافه کن که همین جریان ساده درست کار کند.

final prices = <int>[120, 80, 50];
final total = prices.fold(0, (sum, price) => sum + price);

print('مبلغ سفارش: $total هزار تومان');
تمرین ۲۰ دقیقه‌ای

حالا نوبت توست

یک تخفیف ۱۰ درصدی به مبلغ سفارش اضافه کن و قیمت نهایی را نمایش بده.

  1. نمونه را یک‌بار اجرا یا بازنویسی کن.
  2. تغییر خواسته‌شده را بدون کپی کامل انجام بده.
  3. خروجی را با انتظار خودت مقایسه کن.
  4. در یک جمله توضیح بده چرا راه‌حل کار کرد.
سه نکته‌ای که باید یادت بماند
۱

اول مسئله و خروجی مورد انتظار را روشن کن؛ بعد ابزار را انتخاب کن.

۲

نمونه کوچکِ کامل از پروژه بزرگِ نیمه‌تمام بیشتر به یادگیری کمک می‌کند.

۳

کد را فقط نخوان؛ تغییرش بده، خطا بساز و دلیل نتیجه را توضیح بده.

این مسیر را ادامه بده

تمرین این صفحه را انجام بده، نتیجه را برای خودت توضیح بده و بعد سراغ درس مرتبط بعدی برو.

انتخاب مسیر بعدی ←