Flutter for Jobseekers
by Hans Kokx

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

پروژه فروشگاهی فلاتر

▪️ پروژه فروشگاهی نایک طراحی شده با فلاتر
لینک مخزن گیتهاب 👇

🌐 Nike stores - Flutter

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

فلاتر 3.19 منتشر شد 📣

بریم ویژگی های جدید این آپدیت و بررسی کنیم.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

حدود یک ساعت قبل نسخه های جدید SDK زبان برنامه نویسی دارت و فریمورک فلاتر با تمرکز روی هوش مصنوعی منتشر شد.

▪️برخی از قابلیت های مهم این بروزرسانی:
▫️یکپارچگی با هوش مصنوعی
شاید مهم ترین قابلیت جدید این بروزرسانی معرفی SDK هوش مصنوعی Google Gemini برای زبان برنامه نویسی دارت و فلاتر باشد.
با استفاده از پکیج google_generative_ai میتوانید از مدل های هوش مصنوعی در اپلیکیشن های خود به راحتی استفاده کنید. برای این کار فقط نیاز به کلید API دارید.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

🔸 سایر ویژگی های جدید:

▫️ امکان افزایش دوبرابری سرعت اسکرول لیست ها
▫️معرفی ویجت AnimationStyle برای بازنویسی انیمیشن های پیشفرض سایر ویجت ها
▫️معرفی ویجت Adaptive Switch برای نمایش Switch با ظاهر نیتیو در سیستم عامل های مک و iOS
▫️معرفی Deeplinking web validator: خیلی از افراد موقع کار با دیپ لینک با مشکل مواجه بودن و نیازمند آزمون و خطا برای پیاده سازی این بخش بودند, با استفاده از این قابلیت میتونید دیپ لینک هایی که قرار پیاده سازی کنید و تست و اعتبار سنجی کنید.
▫️پشتیبانی از معماری Arm64 در دسکتاپ
▫️عدم پشتیبانی از ویندوز 7و8
▫️عدم پشتیبانی از iOS 11 و قبل تر

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

امسال منتظر Seo friendly بودن وب اپلیکیشن‌های فلاتر هم باشید🫨

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

ویژگی جدید زبان دارت Extension type

▪️استفاده از اکستنشن ها برای اضافه کردن توابع و قابلیت های جدید به کلاس های موجود یکی از روش های مرسوم و متدوال در اکثر زبان های برنامه نویسی هاست که در زبان دارت و فریمورک فلاتر نیز از آن استفاده میشود.

▪️ در نسخه جدید زبان دارت نوع جدیدی از اکستنشن ها معرفی شده که Extension type نام دارد.
این نوع اکستنشن بسیار بهینه تر و قابلیت های بیشتری دارد.
طبق داکیومنت رسمی هیچ هزینه اضافی برای اجرا نخواهد داشت و Zero-cost است.

همچنین امکان تعریف متد سازنده را نیز دارید.
تفاوت مهم دیگر این نوع اکستنشن ایجاد یک شی جدید به صورت مجازی میباشد.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️یک مثال ساده از قابلیت AI SDK در فلاتر
میتونید برای زبان‌های مختلف خیلی سریع و راحت فایل ترجمه ایجاد کنید


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️گوگل محیط توسعه کد جدیدی به نام IDX معرفی کرده است که با مدل هوش مصنوعی کوپایلت ترکیب شده.

برای استفاده باید وارد لیست انتظار شوید.

طراحیش آشنا نیست واستون؟🥸

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

📣 شروع ترم جدید دوره پروژه محور برنامه نویسی فلاتر

🔰 با سلام خدمت کاربران فلاتر لرن, سه شنبه یکم اسفند ماه ثبت نام ترم جدید دوره آموزشی استادی فلاتر آغاز میشود.
💠 ساعت ثبت نام اطلاع رسانی میشود.
▪️ برای پشتیبانی بهتر دانشجویان جدید این ترم هم همانند دوره های قبل با ظرفیت محدود بازگشایی میشود.

توضیحات و سرفصل های کامل دوره👇

🌐 دوره آموزش پیشرفته فلاتر



⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

🔸 در طراحی آیتم های منو مخصوصا منو Drawer حتما این نکات را برای تجربه کاربری بهتر در نظر بگیرید.
#ux


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

کتاب Building Games with Flutter

🔸 اگر برنامه نویس فلاتر هستید و دوست دارید وارد مبحث بازی سازی نیز شوید یکی از بهترین منابع کتاب Building Games with Flutter میباشد.

▪️ در این کتاب قدم به قدم با مفاهیم کلی بازی سازی آشنا میشوید و سپس برای پلتفرم های موبایل, وب و دسکتاپ شروع به بازی سازی میکنید.
👇 دانلود در ادامه
#کتاب

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

Building Games with Flutter: The ultimate guide to creating multiplatform games using the Flame engine in Flutter 3

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

با ویژگی جدید SDK سرویس Supabase  برای فلاتر میتونید به‌ راحتی ببینید در حال حاضر چه کسی آنلاین در حال استفاده از اپلیکیشن میباشد

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️ سه نکته مهم در نمایش دیالوگ یا Modalهای حذف اطلاعات مختلف به کاربر
حتما به کاربر درباره این کار و تاثیر آن هشدار بدهید
حتما از رنگ شناخته این اکشن که عموما رنگ قرمز است استفاده کنید.

#ux

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

یکی از بهترین انیمیشن‌های  Pull to refresh 🔥


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

درباره پروژه IDX گوگل چندتا نکته بگم
-علت شباهت به vscode این هست که هر دو محیط توسعه در واقع از Code OSS دارن استفاده میکنن طبیعی شبیه بودن

- نکته مهم تر اینکه این محیط توسعه IDX اصلا روی سیستم قابل نصب نیست و cloud base هست به همین خاطر میتونید روی ویندوز هم به شبیه ساز iOS دسترسی داشته باشید




⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

تفاوت Skia و Impeller در فلاتر

▪️ فریمورک فلاتر در حال حاضر دو موتور گرافیکی مجزا دارد که Impeller نسخه جدید و بروزتری میباشد.
اما چه تفاوتی بین این دوتا وجود داره؟

▫️ موتور گرافیکی Skia مسئول رندر کردن المان های مختلف اپلیکیشن میباشد که قبلا درباره نحوه رندر شدن صحبت کردیم.
این موتور گرافیکی روی سیستم عامل iOS در اولین اجرای اپلیکیشن مشکلاتی مثل کندی و افت فریم دارد.

دلیل این مشکل این هست که بخش Shader موتور گرافیکی در زمان اجرا کامپایل میشود.
هر پیکسل هر زمانی که برای اولین بار به آن نیاز باشد کامپایل میشود و در اولین اجراهای اپلیکیشن وقتی که اپلیکیشن قبل از کش شدن بخش Shader اجرا میشود با کندی مواجه هستیم.

▪️ اما در موتور گرافیکی Impeller تمام بخش Shader در زمان build process کامپایل میشود و باعث میشود که دچار افت فریم نشویم.

همچنین این موتور گرافیکی کدهای GLSL را به کدهای SPIR-V تبدیل میکند که دیگه محدود به OpenGL نیست.

▫️ تمام این موارد علاوه بر افزایش سرعت اجرا و مدیریت بهتر حافظه باعث کاهش سایز خروجی نهایی فایل های APK و IPA میشود.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️ روی سیستم عامل iOS به صورت پیشفرض در حال حاضر Impeller فعال هست
برای اندروید هم فقط دستگاه هایی که از Vulkan پشتیبانی میکنند میتونید این قابلیت و فعال کنید.
برای فعال کردن در فایل AndroidManifest.xml
کدهای زیر را قرار دهید:

<meta-data
    android:name="io.flutter.embedding.android.EnableImpeller"
    android:value="true" />

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir