دیباگ رابط کاربری با استفاده از Flutter Inspector
🔸به عنوان یک برنامه نویس موبایل تا به حال با مشکلات مختلفی در دیباگ کردن رابط کاربری احتمالا برخورد کرده اید, به خصوص در اپلیکیشن های اندروید که تنوع گوشی های هوشمند بسیار بیشتر هستند.
در این پست قصد داریم با ابزاری در فلاتر آشنا شویم به نام Flutter Inspector که با کمک آن به بررسی مشکلات طراحی و رابط کاربری میپردازیم تا نواقص موجود را برطرف کنیم.👇

🔗 مشاهده آموزش

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

تاثیر استفاده از UI/UX حرفه ای در افزایش جذابیت بصری یک صفحه اپلیکیشن

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

کتاب Dart in Action

🔸 اگر علاقه به مطالعه عمیق در زمینه زبان برنامه نویسی دارت دارید یکی از کتابهایی پیشنهاد میشه کتاب Dart in Action است که تمرکز اصلی این کتاب روی بخش وب قرار و جایگزینی با جاوا اسکریپت قرار داره.
#کتاب
دانلود 👇

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

اگر از الگوی بلاک برای مدیریت state در پروژه خود استفاده میکنید پلاگین Bloc که برای اندروید استودیو و اینتلیجی ساخته شده است به شما برای صرفه جویی در زمان کمک میکنه.
در کمترین زمان فایل های مربوط به بلاک را ایجاد کنید و در قسمت ui هم از ویجت مرتبط به سرعت میتونید استفاده کنید.
🔗 Bloc Plugin

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

به ui/ux اهمیت بدهیم
#ux
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

بروزرسانی دوره وردپرس
🔸 دوره طراحی اپلیکیشن وردپرس با فلاتر آپدیت شد.
با توجه به تغییرات صورت گرفته در نسخه های جدید فلاتر و پکیج های استفاده شده ویدیو جدید برای بروزرسانی دوره قرار گرفته شد.
🔸 دوستانی که دوره را تهیه کرده بودن با وارد شدن به صفحه دوره میتوانند ویدیو جدید را دریافت کنند.
🔗 دوره طراحی اپلیکیشن وردپرس با Flutter

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

بروزرسانی فصل اول دوره آموزش Flutter
🔹 فصل اول دوره آموزشی فلاتر با قرارگیری 6 ویدیو جدید بروزرسانی شد.
دوستانی که قبلا ثبت نام کرده بودند میتوانند رایگان ویدیوهای جدید را دریافت کنند.
علاقه مندان نیز امکان ثبت نام دوره را نیز دارند.
🔗 آموزش جامع فارسی دوره فلاتر Flutter فصل اول

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

تفاوت BlocBuilder, BlocListener و BlocConsumer چیست؟

🔹 ویجت BlocListener دارای متد builder نیست بنابراین امکان بروزرسانی رابط کاربری همزمان با تغییر state را نداریم اما با استفاده از ویژگی listener میتوانیم به تغییرات صورت گرفته گوش دهیم و عملیاتی که میخواهیم را انجام دهیم.
ویجت BlocBuilder شامل متد builder است که با هربار تغییر state میتوانیم رابط کاربری را نیز آپدیت کنیم اما این ویجت شامل listener نیست که بتواند به تغییرات گوش دهد و براساس آن عملیات مشخصی را انجام دهد.
ویجت BlocConsumer ترکیب هر دو ویجت قبلی است که هم شامل متد builder میباشد و هم امکان گوش دادن به تغییرات را دارد.

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

انتشار Flutter 2.5 و Dart 2.14
🔺امروز شرکت گوگل از نسخه های جدید فریمورک فلاتر و زبان دارت رونمایی کرد که در پست های بعدی قرار هست نگاهی به مهم ترین تغییرات داشته باشیم.

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

🔹 برای پیاده سازی زبان طراحی جدید Material You در این نسخه فریمورک فلاتر از چند سایز مختلف دکمه شناور پشتیبانی میکند.

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

🔻 پشتیبانی کلاس ScaffoldMessenger از ویجت Material banner, این ویجت همانند اسنکبار است که در بالای صفحه قرار میگیرد و میتواند اکشن های مختلفی را پیاده سازی کند.

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

🔺 اضافه شدن فایل analysis_options.yaml به پروژه های ساخته شده فلاتر که شامل پیام های خطا, هشدار و... میباشد

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

قابلیت های جدید ScrollMetricNotification امکان نمایش یا حذف اسکرول بار را بدون نیاز به اسکرول کاربر امکان پذیر میکند.

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

آموزش تست نوشتن TDD در فلاتر

🔻 توسعه مبتنی بر TDD باعث میشود که برنامه طراحی شده قابلیت گسترش, انعطاف پذیری و همچنین باگ های کمتری داشته باشد.
در این روش ابتدا تست های مختلف نوشته شده و سپس کدنویسی آن بخش شروع میشود به همین علت در انتهای کار با برنامه ای مواجه میشوید که تمام تست های مورد نیاز را با موفقیت گذرانده است و به شکل قابل توجهی قابلیت اطمینان برنامه افزایش پیدا میکند.
انواع مختلفی از تست در توسعه نرم افزار وجود دارد که هرکدام نیز به روش های مختلفی پیاده سازی میشوند. در این آموزش به بررسی توسعه TDD محور و آموزش نوشتن تست ویجت میپردازیم👇

🔗آموزش تست نوشتن TDD در فلاتر

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

تغییرات پکیج Bloc 7.2

🔺 نسخه جدید پکیج بلاک یعنی Bloc 7.2 به تازگی منتشر شده است و شامل تغییرات مهمی است کمی درباره آن در این مطلب صحبت خواهیم کرد.
🔸 مهم ترین تغییر حذف متد mapEventToState و جایگزینی آن با متد جدیدی به نام on<Event> میباشد. تفاوت استفاده از این متد در مقایسه با روش های قبلی را در بالا میتوانید مشاهده کنید.
متد on<Event> شامل یک callback میباشد که در هنگام ایجاد رویداد به خصوصی فراخوانی میشود.
با استفاده از Emitter نیز میتوانید محتویات جدیدی را به state موردنظر منتقل کنید که با این کار رابط کاربری آپدیت میشود.

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

🔹 تغییر دیگر بلاک 7.2 مربوط API استفاده از پردازش رویدادها به صورت شخصی سازی شده است که در نسخه های قبلی از متد transformEvents برای این کار استفاده میشد اما در نسخه جدید EventTransformer جایگزین آن شده است.
در تصویر نحوه استفاده از این متد جدید را میتوانید مشاهده کنید.

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

تغییر مهم بعدی در بلاک 7.2 معرفی نسخه پایدار پکیج bloc_concurrency میباشد که این مورد هم نیز مربوط به پردازش رویداد ها میباشد که شامل چهار حالت زیر می باشد:
▫️concurrent
▫️sequential
▫️droppable
▫️restartable

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

انتشار نسخه 1.0.0 پکیج go_router
▫️ پکیج go_router براساس Navigator 2 طراحی شده و از پلتفرم های مختلف و انواع مسیریابی پشتیبانی میکند.
بخشی از قابلیت های این پکیج:
- پشتیبانی از اندروید، ios، وب
- دیپ لینک، لینک های پویا
- مسیریابی تو در تو
- قابلیت redirection
- مدیریت خطا و دیباگ


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

دانلود رایگان محصول ProKit - Flutter UI Kit

▫️ محصول فوق العاده ProKit پرفروش ترین کیت توسعه رابط کاربری فلاتر در وبسایت CodeCanyon میباشد که شامل بیش از 1000 صفحه طراحی مختلف میباشد که به رایگان میتوانید آن را دانلود کنید.
▫️ وجود 14 تم, 19 طراحی اپلیکیشن کامل, استفاده از ویجت های مختلف و حرفه ای و بسیاری از امکانات دیگر به شما کمک میکند تا هم در زمان صرفه جویی کنید و هم به عنوان یک منبع خوب آموزشی از آن کمک بگیرید.
▫️ قیمت اصلی پروژه 40 دلار
👇
🔗 پیش نمایش

🔗 دانلود محصول ProKit

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