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

فلاتر چیست ؟

یعنی می تونی برای گوشی موبایل ، ویندوز ... نرم افراز یا اپلیکشن درست کنی اونم با یکبار کد نویسی بدون نیاز به یادگیری چند زبان برنامه نویسی

فراهنمای مرحله‌ای
یعنی می تونی برای گوشی موبایل ، ویندوز ... نرم افراز یا اپلیکشن درست کنی اونم با یکبار کد نویسی بدون نیاز به یادگیری چند زبان برنامه نویسی

فلاتر یک فریم‌ورک متن‌باز و رایگان است که توسط شرکت گوگل در سال 2017 معرفی شد. این فریم‌ورک برای توسعه اپلیکیشن‌های موبایل با استفاده از زبان برنامه‌نویسی دارت (Dart) به کار می‌رود.

یعنی می تونی برای گوشی موبایل ، ویندوز … نرم افراز یا اپلیکشن درست کنی اونم با یکبار کد نویسی بدون نیاز به یادگیری چند زبان برنامه نویسی

مزایای فلاتر:

  • کراس‌پلتفرم: با یک بار کدنویسی در فلاتر، می‌توانید اپلیکیشن‌های خود را برای سیستم‌عامل‌های اندروید و iOS منتشر کنید.
  • عملکرد بالا: فلاتر از موتور رندر Skia استفاده می‌کند که رابط کاربری روان و سریع را به ارمغان می‌آورد.
  • رابط کاربری جذاب: فلاتر از ویجت‌های غنی و انعطاف‌پذیری برای طراحی رابط کاربری استفاده می‌کند.
  • سادگی یادگیری: زبان برنامه‌نویسی دارت و فریم‌ورک فلاتر نسبت به سایر فریم‌ورک‌های مشابه، ساده‌تر هستند و یادگیری آن‌ها آسان‌تر است.
  • جامعه بزرگ: فلاتر از جامعه توسعه‌دهندگان بزرگی برخوردار است که می‌توانند در حل مشکلات و چالش‌های شما کمک کنند.

کاربردهای فلاتر:

  • اپلیکیشن‌های تجاری: فلاتر برای توسعه انواع اپلیکیشن‌های تجاری مانند فروشگاه‌های آنلاین، اپلیکیشن‌های بانکی و … مناسب است.
  • اپلیکیشن‌های اجتماعی: فلاتر برای توسعه شبکه‌های اجتماعی، پیام‌رسان‌ها و … مناسب است.
  • بازی‌ها: فلاتر برای توسعه بازی‌های ساده و دو بعدی مناسب است.
  • اپلیکیشن‌های آموزشی: فلاتر برای توسعه اپلیکیشن‌های آموزشی مانند سامانه‌های یادگیری آنلاین و … مناسب است.

منابع یادگیری فلاتر:

جمع‌بندی:

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

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

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

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

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

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

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

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

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

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

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

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

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

۲

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

۳

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

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

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

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