Forwarded from EhsanEZ ᶜʰᵃᶰᶰᵉˡ
پروژه وایرفریم کیت فارسی منتشر شد!
این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian
تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian
تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
آموزش برنامه نویسی فلاتر Flutter
آشنایی با امکانات جدید فلاتر 2.8 و دارت 2.15 🔻 روز گذشته گوگل نسخه های 2.8 فریمورک فلاتر و 2.15 زبان برنامه نویسی دارت را معرفی کرد که به بررسی کامل خواهیم پرداخت. امکانات جدید شامل تغییرات در isolateها و برنامه نویسی همزمان معرفی پکیج جدید برای فایربیس ویژگی…
در همین حین نسخه 2.8.1 نیز منتشر شد
باید گفت چرا انقد عجله 😬
باید گفت چرا انقد عجله 😬
با سلام
به دلیل خدمت سربازی دوره های آموزشی وبسایت تا اواخر بهمن ماه شامل پشتیبانی نمیباشند. باتشکر
به دلیل خدمت سربازی دوره های آموزشی وبسایت تا اواخر بهمن ماه شامل پشتیبانی نمیباشند. باتشکر
اگر قصد پیاده سازی المانهایی بصورت شیشهای دارید کافیست ویجت مورد نظر را داخل ClipRect قرار دهید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
فلاتر ۲.۱۰ منتشر شد
▪️ مهمترین ویژگی این بروز رسانی انتشار نسخه پایدار ویندوز میباشد. بدین ترتیب فریمورک فلاتر هم اکنون به شکل رسمی از پلتفرمهای موبایل، وب و ویندوز پشتیبانی میکند.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ مهمترین ویژگی این بروز رسانی انتشار نسخه پایدار ویندوز میباشد. بدین ترتیب فریمورک فلاتر هم اکنون به شکل رسمی از پلتفرمهای موبایل، وب و ویندوز پشتیبانی میکند.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
▪️ ویژگی مهم بعدی در نسخه Flutter 2.10 اضافه شدن قابلیت اسکرول به Textfieldهای چند خطی میباشد.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش کار با پکیج Freezed در فلاتر
▫️اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد ویژگی به نام data classes و sealed classes بوده اید. متاسفانه در زبان برنامه نویسی دارت و فریمورک فلاتر این ویژگی وجود ندارد.
برای رفع این کمبود پکیج بسیار مفیدی به نام freezed توسط توسعه دهندگان ایجاد شده است که قصد بررسی آن را در این آموزش داریم.
🌐 مشاهده آموزش
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد ویژگی به نام data classes و sealed classes بوده اید. متاسفانه در زبان برنامه نویسی دارت و فریمورک فلاتر این ویژگی وجود ندارد.
برای رفع این کمبود پکیج بسیار مفیدی به نام freezed توسط توسعه دهندگان ایجاد شده است که قصد بررسی آن را در این آموزش داریم.
🌐 مشاهده آموزش
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
تغییر اندازه خودکار متن
▫️ در خیلی مواقع با توجه به اندازه صفحه نمایش و یا اندازه فضایی که ویجت Text را داخل آن قرار میدهیم نیاز داریم تا اندازه متن به شکل خودکار با توجه به محتویات متغیری که داخل آن قرار میگیرد تغییر کند.
این کار به شکل ساده با استفاده از ویجت هایی که در اختیار داریم قابل پیاده سازی است. اما پکیج auto_size_text با گزینه های مختلفی که در اختیار شما قرار میدهد این کار و به شکل ساده و کاملا حرفه ای تری انجام میدهد که میتوانید در پروژه های خود از آن استفاده کنید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ در خیلی مواقع با توجه به اندازه صفحه نمایش و یا اندازه فضایی که ویجت Text را داخل آن قرار میدهیم نیاز داریم تا اندازه متن به شکل خودکار با توجه به محتویات متغیری که داخل آن قرار میگیرد تغییر کند.
این کار به شکل ساده با استفاده از ویجت هایی که در اختیار داریم قابل پیاده سازی است. اما پکیج auto_size_text با گزینه های مختلفی که در اختیار شما قرار میدهد این کار و به شکل ساده و کاملا حرفه ای تری انجام میدهد که میتوانید در پروژه های خود از آن استفاده کنید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
اگر چندین future در برنامه دارید نیازی به استفاده از دستور await چندین مرتبه نیست، کافیست فقط از Future.await استفاده کنید و تمام عملیات های موردنیاز را داخل بلوک آن فراخوانی کنید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش پیاده سازی معماری MVVM در فلاتر
▫️امروزه معماری های مورد استفاده در زمینه برنامه نویسی موبایل و غیره محدود هستند که یکی از محبوب ترین آنها معماری MVVM میباشد.
در این مقاله خیلی درباره مباحث تئوری الگوی MVVM ریز نخواهیم و هدف بررسی و پیاده سازی عملی آن در فریمورک فلاتر میباشد.
به طور کلی در این معماری هدف جداسازی بخش نمایش اطلاعات از قسمت منطقی برنامه است. برای view به هیچ عنوان نباید مهم باشد که اطلاعات از چه مکانی و به چه صورتی دریافت میشود.
🌐 مطالعه مقاله
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️امروزه معماری های مورد استفاده در زمینه برنامه نویسی موبایل و غیره محدود هستند که یکی از محبوب ترین آنها معماری MVVM میباشد.
در این مقاله خیلی درباره مباحث تئوری الگوی MVVM ریز نخواهیم و هدف بررسی و پیاده سازی عملی آن در فریمورک فلاتر میباشد.
به طور کلی در این معماری هدف جداسازی بخش نمایش اطلاعات از قسمت منطقی برنامه است. برای view به هیچ عنوان نباید مهم باشد که اطلاعات از چه مکانی و به چه صورتی دریافت میشود.
🌐 مطالعه مقاله
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آزمایشگاه تست اپلیکیشن شرکت اوبر
▪️نکته جالب استفاده از دستگاه های فیزیکی برای انجام تست برنامه میباشد و از سیستم های ابری استفاده نمیکنن.
این تصاویر بخش کوچکی از آزمایشگاه تست اوبر هست و برای نسخه ios هم تجهیزات مشابهی وجود داره.
▪️مزایا این روش:
-کاهش هزینه
-دسترسی به هر دو روش تست دستی و خودکار
-بررسی قابلیت های به خصوص هر دستگاه و باگهای گزارش شده برای آن
▪️چه تستهایی انجام میشود:
-تست عملکرد
-تستهای دستی
-تست های end to end
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️نکته جالب استفاده از دستگاه های فیزیکی برای انجام تست برنامه میباشد و از سیستم های ابری استفاده نمیکنن.
این تصاویر بخش کوچکی از آزمایشگاه تست اوبر هست و برای نسخه ios هم تجهیزات مشابهی وجود داره.
▪️مزایا این روش:
-کاهش هزینه
-دسترسی به هر دو روش تست دستی و خودکار
-بررسی قابلیت های به خصوص هر دستگاه و باگهای گزارش شده برای آن
▪️چه تستهایی انجام میشود:
-تست عملکرد
-تستهای دستی
-تست های end to end
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
داکیومنت سازی فایل ها
▫️ به احتمال زیاد تا به حال با چنین صفحات مستنداتی در صفحات کتابخانه ها و منابع دیگر برخورد داشته اید.
برای ایجاد چنین صفحه ای از قابلیت dartdoc نیاز است تا استفاده کنید.
به همین منظور ابتدا دستورات زیر را در ترمینال بنویسید.
در ادامه یک دایرکتوری به نام doc در پروژه ایجاد میشود که شامل یک صفحه index.html است و میتوانید به شکل دلخواه آن را تغییر دهید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ به احتمال زیاد تا به حال با چنین صفحات مستنداتی در صفحات کتابخانه ها و منابع دیگر برخورد داشته اید.
برای ایجاد چنین صفحه ای از قابلیت dartdoc نیاز است تا استفاده کنید.
به همین منظور ابتدا دستورات زیر را در ترمینال بنویسید.
flutter pub global activate dartdocدر خط دوم اگر فایل خاصی مدنظرتان هست نام آن را نوشته در غیر اینصورت با قرار دادن یک نقطه تمام فایل ها انتخاب میشوند.
flutter pub global run dartdoc .
در ادامه یک دایرکتوری به نام doc در پروژه ایجاد میشود که شامل یک صفحه index.html است و میتوانید به شکل دلخواه آن را تغییر دهید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آشنایی با مفهوم Mixin در زبان برنامه نویسی دارت
▫️ویژگی Mixin یکی از قابلیت های کاربردی زبان برنامه نویسی دارت است که به عنوان یک توسعه دهنده فلاتر پیشنهاد میکنم حتما در پروژه های خود از آن استفاده کنید.
علت کاربردی بودن Mixin حل یک سری از مشکلات و پیچیدگی های ارث بری در برنامه نویسی شی گرایی میباشد.
🌐 مشاهده کامل آموزش
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ویژگی Mixin یکی از قابلیت های کاربردی زبان برنامه نویسی دارت است که به عنوان یک توسعه دهنده فلاتر پیشنهاد میکنم حتما در پروژه های خود از آن استفاده کنید.
علت کاربردی بودن Mixin حل یک سری از مشکلات و پیچیدگی های ارث بری در برنامه نویسی شی گرایی میباشد.
🌐 مشاهده کامل آموزش
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
معرفی ویجت SelectableArea
▫️ یکی از مشکلات نسخه وب اپلیکیشن فلاتر عدم امکان انتخاب متون به شکل صحیح بود.
به تازگی در نسخه فلاتر 3.3 ویجت جدیدی به نام SelectableArea معرفی شده است که با قرار دادن عناصر مختلف در آن امکان انتخاب کامل تمام متن را برای کاربر فراهم میکند.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ یکی از مشکلات نسخه وب اپلیکیشن فلاتر عدم امکان انتخاب متون به شکل صحیح بود.
به تازگی در نسخه فلاتر 3.3 ویجت جدیدی به نام SelectableArea معرفی شده است که با قرار دادن عناصر مختلف در آن امکان انتخاب کامل تمام متن را برای کاربر فراهم میکند.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
طراحی صفحات واکنشگرا
▪️ یکی از چالشهای طراحی رابط کاربری در اپلیکیشن های موبایل بحث بهینه سازی برنامه برای صفحات مختلف با سایز های گوناگون میباشد.
برای حل این مشکل راه های متفاوتی وجود دارد که میتوانید از آنها استفاده کنید.
یکی از این روشها کار با پکیج Sizer میباشد.
در این پکیج واحدهای اندازه گیری متنوعی قرار دارد که براساس سایز صفحه نمایش موبایل یا تبلت تغییر میکند و دیگر نیازی به استفاده از واحد عددی double براساس پیکسل نیست.
برای نمونه:
.sp برای مقداردهی عناصر تکست
.h - .w محاسبه طول و عرض براساس اندازه صفحه نمایش
🔗 Sizer Package
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ یکی از چالشهای طراحی رابط کاربری در اپلیکیشن های موبایل بحث بهینه سازی برنامه برای صفحات مختلف با سایز های گوناگون میباشد.
برای حل این مشکل راه های متفاوتی وجود دارد که میتوانید از آنها استفاده کنید.
یکی از این روشها کار با پکیج Sizer میباشد.
در این پکیج واحدهای اندازه گیری متنوعی قرار دارد که براساس سایز صفحه نمایش موبایل یا تبلت تغییر میکند و دیگر نیازی به استفاده از واحد عددی double براساس پیکسل نیست.
برای نمونه:
.sp برای مقداردهی عناصر تکست
.h - .w محاسبه طول و عرض براساس اندازه صفحه نمایش
🔗 Sizer Package
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
▪️اجرای اپلیکیشن طراحی شده با استفاده از فریمورک فلاتر بروی صفحه نمایشی انعطاف پذیر.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
معرفی وبسایت Deepcode
▪️ وبسایت Deepcode که مبتنی بر هوش مصنوعی است به شما کمک میکند تا از طریق بارگذاری کدهایتان و بررسی آنها باگهای مهم و امنیتی را شناسایی کنید و همچنین نحوه حل آنها را به شما نمایش میدهد.
🔗 Deepcode.ai
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ وبسایت Deepcode که مبتنی بر هوش مصنوعی است به شما کمک میکند تا از طریق بارگذاری کدهایتان و بررسی آنها باگهای مهم و امنیتی را شناسایی کنید و همچنین نحوه حل آنها را به شما نمایش میدهد.
🔗 Deepcode.ai
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir