آموزش برنامه نویسی فلاتر Flutter
1.92K subscribers
516 photos
58 videos
19 files
250 links
اولین مرجع فارسی آموزش برنامه نویسی فلاتر Flutter

🌐 https://flutter-learn.ir

سوالات برنامه نویسی خودتون در بخش پرسش و پاسخ سایت بپرسید:
🌐 https://flutter-learn.ir/question/


👨‍💻 Admin: @atyscode
Download Telegram
پروژه وایرفریم کیت فارسی منتشر شد!

این پروژه در 400 بخش و 19 عنوان طراحی شده که به زبان فارسی میباشد.
هم اکنون از طریق کامیونیتی فیگما می توانید این پروژه را دانلود کنید.
همچنین پیوست های این فایل در بخش کامنت این پست درج میشود.
لینک در کامیونیتی :
https://www.figma.com/community/file/1053269040701777245/wireframe-kit-persian

تمامی بخش ها کامپوننت شده و می توانید علاوه بر صفحه All در مابقی صفحات نیز آن را ببینید.
با سلام
به دلیل خدمت سربازی دوره های آموزشی وبسایت تا اواخر بهمن ماه شامل پشتیبانی نمیباشند. باتشکر
اگر قصد پیاده سازی المان‌هایی بصورت شیشه‌ای دارید کافیست ویجت مورد نظر را داخل ClipRect قرار دهید.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
فلاتر ۲.۱۰ منتشر شد
▪️ مهمترین ویژگی این بروز رسانی انتشار نسخه پایدار ویندوز میباشد. بدین ترتیب فریمورک فلاتر هم اکنون به شکل رسمی از پلتفرم‌های موبایل، وب و ویندوز پشتیبانی میکند.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
▪️ ویژگی مهم بعدی در نسخه Flutter 2.10 اضافه شدن قابلیت اسکرول به Textfieldهای چند خطی میباشد.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش کار با پکیج Freezed در فلاتر
▫️اگر با زبان هایی مثل کاتلین در طراحی اپلیکیشن های اندرویدی کار کرده باشید شاهد ویژگی به نام 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
اگر چندین future در برنامه دارید نیازی به استفاده از دستور await چندین مرتبه نیست، کافیست فقط از Future.await استفاده کنید و تمام عملیات های موردنیاز را داخل بلوک آن فراخوانی کنید.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
اینم از وضعیت #getX 😁


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش پیاده سازی معماری MVVM در فلاتر
▫️امروزه معماری های مورد استفاده در زمینه برنامه نویسی موبایل و غیره محدود هستند که یکی از محبوب ترین آنها معماری MVVM میباشد.

در این مقاله خیلی درباره مباحث تئوری الگوی MVVM ریز نخواهیم و هدف بررسی و پیاده سازی عملی آن در فریمورک فلاتر میباشد.

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

🌐 مطالعه مقاله


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
خلاصه‌ای از ویژگی های جدید فلاتر نسخه 3.0

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آزمایشگاه تست اپلیکیشن شرکت اوبر
▪️نکته جالب استفاده از دستگاه های فیزیکی برای انجام تست برنامه میباشد و از سیستم های ابری استفاده نمیکنن.
این تصاویر بخش کوچکی از آزمایشگاه تست اوبر هست و برای نسخه ios هم تجهیزات مشابهی وجود داره.

▪️مزایا این روش:
-کاهش هزینه
-دسترسی به هر دو روش تست دستی و خودکار
-بررسی قابلیت های به خصوص هر دستگاه و باگ‌های گزارش شده برای آن
▪️چه تست‌هایی انجام میشود:
-تست عملکرد
-تست‌های دستی
-تست های end to end


⚜️اولین مرجع فارسی فلاتر @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
This media is not supported in your browser
VIEW IN TELEGRAM
معرفی ویجت SelectableArea
▫️ یکی از مشکلات نسخه وب اپلیکیشن فلاتر عدم امکان انتخاب متون به شکل صحیح بود.
به تازگی در نسخه فلاتر 3.3 ویجت جدیدی به نام SelectableArea معرفی شده است که با قرار دادن عناصر مختلف در آن امکان انتخاب کامل تمام متن را برای کاربر فراهم میکند.

⚜️اولین مرجع فارسی فلاتر @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
معرفی وبسایت Deepcode
▪️ وبسایت Deepcode که مبتنی بر هوش مصنوعی است به شما کمک میکند تا از طریق بارگذاری کدهایتان و بررسی آنها باگ‌های مهم و امنیتی را شناسایی کنید و همچنین نحوه حل آنها را به شما نمایش میدهد.
🔗 Deepcode.ai


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