درباره پروژه 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

16 سال پیش این روزها قابلیت Pull request به گیتهاب اضافه شد

اگر میخواید اولین PR خودتون ببینید وارد لینک firstpr.me شوید

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

دانلود سورس کد رابط کاربری اپلیکیشن فلاتر پروژه پادکست

▪️طراحی رابط کاربری اپلیکیشن پادکست خود را با استفاده از این کیت توسعه UI/UX فلاتر در کمترین زمان انجام دهید.

طراحی زیبا و استاندارد این پروژه فلاتر Pods- Podcast Player & Music Streaming flutter به شما در توسعه روند اپلیکیشن موبایل کمک بسیار فراوانی میکند.

🌐 دانلود پروژه فلاتر

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

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

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

- Load Balancing
- API Gateway
- Communication Protocols
- Content Delivery Network (CDN)
- Database
- Cache
- Message Queue
- Unique ID Generation
- Scalability
- Availability
- Performance
- Security
- Fault Tolerance and Resilience


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

🟣 سایزبندی های مختلف دکمه به همراه سایز فونت و پدینگ ها

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

مدیریت ورژن فلاتر

▪️ فرض کنید در حال کار روی چندتا پروژه هستید و همزمان میخواید امکانات نسخه جدید فلاتر هم تست کنید, در حالت با آپدیت کردن SDK فلاتر این کار انجام میدید.
ولی این کار باعث آپدیت شدن پروژه های فعلی شما هم میشه
اگر پروژه اسکیل بزرگی داشته باشه و تغییرات این نسخه هم زیاد باشه با چالش های خیلی زیادی روبرو میشوید.
▫️راه حل اینکار داشتن چندین نسخه متفاوت از SDK هست که برای هر پروژه میتونید تعریف کنید از چه نسخه ای استفاده شود.

▪️یکی از ابزارهای معروف اینکار استفاده از FVM است.


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

از FVM هم میتونید فقط در یک پروژه به خصوص استفاده کنید(خط دوم) و هم به شکل کلی روی سیستم خودتون نصب کنید(خط اول)

▫️ بعد از نصب با دستور زیر هر نسخه ای یا حتی کانالی که خواستید و نصب میکنید.

 fvm install 3.19 

▫️ برای اینکه مشخص کنید از چه ورژنی از فلاتر در حال حاضر میخواید استفاده کنید از دستور زیر استفاده کنید.

 fvm use 3.19 

▫️ در نهایت برای باقی دستورات فلاتر کافی که قبل از هر دستور از کلمه fvm استفاده کنید.

 fvm flutter create new_project 

🔺 برای آشنایی با دستورات بیشتر به صفحه رسمی در آدرس زیر مراجعه کنید.
🌐 fvm.app


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

▪️  یکی از بهترین و بروز ترین منابع برای مطالعه  آموزش‌های برنامه نویسی مقالات منتشر شده در وبسایت مدیوم میباشد
اما همانطور که میدانید فقط تعداد کمی مقاله رایگان میتونید در هفته استفاده نمایید
برای استفاده از مقالات پریمیوم مدیوم از وبسایت زیر میتونید استفاده نمایید

🌐 Freedium.cfd‎

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

مخزن رسمی Bloc  هم با طراحی جدید شروع به کار کرد

🔗 bloclibrary.dev

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

کتاب Mastering Flutter

▪️این کتاب به شما کمک می‌کند تا از اصول اولیه فلاتر تا مفاهیم پیشرفته‌تر آن را یاد بگیرید و بتوانید اپلیکیشن‌های موبایل با رابط کاربری زیبا و عملکردی عالی را با استفاده از این چارچوب توسعه دهید.

محتوای کتاب:

بخش اول: مقدمه‌ای بر فلاتر، شامل نصب و راه‌اندازی، ساختار پروژه‌ها، ویجت‌ها و state management
بخش دوم: رابط کاربری، شامل ویجت‌های پایه، layoutها، انیمیشن‌ها، و طراحی رابط کاربری
بخش سوم: مدیریت داده‌ها، شامل ذخیره‌سازی داده‌ها، شبکه، و APIها
بخش چهارم: مفاهیم پیشرفته، شامل تست، پلاگین‌ها، و استقرار

👇 دانلود #کتاب در ادامه

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

▫️Mastering Flutter (Mastering Computer Science)
▫️ Sufyan bin Uzayr

نسخه Epub

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

تبدیل اسکرین شات به فرانت‌اند

▪️ این مخزن گیتهاب تو چند روز ۴۰K ستاره گرفته
با کمک دو مدل هوش مصنوعی GPT-4 و Dall-E به عنوان ورودی یک اسکرینشات دریافت میکنه و خروجی کد react یا vue تحویل میده



🔗 Screenshot-to-code

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

▪️ روش جدید گوش دادن به چرخه حیات اپلیکیشن استفاده از کلاس AppLifecycleListener است.

با این روش دیگه نیازی به override  کردن متدهای مختلف ندارید

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

▪️ کتاب فارسی آموزش الگوهای طراحی

یکی از دوستان زحمت کشیدند و کتاب آموزش دیزاین‌پترن هارو براساس وبسایت  refactoring.guru نوشتند
برای استفاده رایگان میتونید از لینک گیتهاب زیر این کتاب را دانلود کنید.


🌐 دریافت کتاب

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