یادگیری برنامه نویسی شی گرایی با هری پاتر

▪️این کتاب الگوهای طراحی را به جای مثال‌های خسته‌کننده و انتزاعی، با استفاده از داستان‌های کوتاه توضیح می‌دهد.

▪️ویژگی منحصر به فرد این کتاب، استفاده از دنیای جذاب هری پاتر برای درک بهتر الگوهای پیچیده است.

پس از توضیح هر الگو و کاربرد آن در دنیای واقعی، کتاب نشان می‌دهد که چگونه می‌توان آن الگو را به یک داستان هری پاتر مرتبط کرد.

👇👇 دریافت #کتاب


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

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

فاصله گذاری اصولی در فلاتر

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

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



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

نشت حافظه در فلاتر Memory leak و روش های جلوگیری از آن

▪️نشت حافظه Memory Leak یکی از مشکلات رایج در برنامه نویسی موبایل است که می تواند منجر به عملکرد ضعیف، مصرف زیاد انرژی و حتی خرابی برنامه شود.

🌐 مشاهده آموزش
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

با پیاده سازی این اکستنشن برای کلاس BuildContext خیلی راحت فعال بودن دارک مود میتونید چک کنید.


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

📣📣 مهم - تخفیف 50% تا پایان امشب 📣📣

💣 تا پایان امشب یعنی ساعت 12:00 ده نفر از دوستان امکان ثبت نام در دوره با 50% تخفیف دارند.

💠 43 ساعت آموزش در قالب بیست و نه فصل

🔰 ثبت نام و مشاهده سرفصل های دوره از طریق آدرس زیر

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

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

🔴 بعضی دوستان برای ثبت نام مشکل داشتن نتونستن پروسه و تکمیل کنند و ظرفیت به اتمام رسید به همین خاطر ۵ نفر ظرفیت دیگه تا ساعت ۱۲:۰۰ اضافه شد

علت محدودیت ثبت نام پشتیبانی دانشجویان هست

❌ تکمیل ظرفیت - تا اطلاع ثانوی ثبت نام غیر فعال شد

ایده پردازی برای UI/UX

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

تقریبا تمام اپلیکیشن و وبسایت های معروف در دسته بندی های مختلف قرار داره.

🌐 mobbin.com


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

برای وقت و مهارت خودتون ارزش قائل باشید وارد هر شرکتی نشید.
وقتی با حقوق کمتر از وزارت کار قبول میکنید کار کنید خودتون و بقیه افراد این حوزه و ارزون حساب کردید.
این شرکت ها و همه باید بشناسند واسه همین اسم شرکت و خط نزدم, شاید در آینده لیستی از شرکت هایی که اینجوری سیستم بیگاری درست کردن تهیه کنیم.


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

▪️ برای طراحی Adaptive مهم که متناسب با هر سایز نمایشگری طراحی متفاوتی داشته باشیم تا کاربر از نظر تجربه کاربری مشکلی نداشته باشه.

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

▫️ این سایزبندی ها تو منابع مختلف که مطالعه میکنید ممکن باهم تفاوت داشته باشند.
سایزهای داخل تصویر پیشنهادی از طرف گوگل هست.

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

▪️ برای بررسی سایز بندی ها هم براساس ارتفاع میتونید نقاط جداسازی و به این شکل در نظر بگیرید.



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

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


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

دو گوشی با سایز یکسان نمایشگر اما با رزولوشن متفاوت و تفاوت تعداد پیکسل ها
برای مثال در یک گوشی در هر اینچ 20 پیکسل وجود دارد و در گوشی دیگر 40 پیکسل به همین دلیل استفاده از واحد پیکسل برای مشخص کردن اندازه آبجکت ها باعث به وجود آمدن مشکل میشود.



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

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

🌐 angrytools

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

کیت رابط کاربری متریال دیزاین 3

▪️ فایل فیگما کیت رابط کاربری طراحی شده به زبان متریال دیزاین 3
یکی از کامل ترین کیت های طراحی شده برای Material 3

شامل کامپوننت های:
▫️Badges
▫️Bottom app bars
▫️Bottom sheets
▫️Buttons
▫️Cards
▫️Carousel
▫️Checkboxes
▫️Chips
▫️Date pickers
▫️Dialogs
▫️FAB
▫️Icon button
▫️Lists
▫️Menus
▫️Navigation bars
▫️Navigation drawer
▫️Navigation rail
▫️Progress indicators
▫️Search
▫️Side sheets
▫️Sliders
▫️Snackbars
▫️Switch
▫️Tabs
▫️Text Fields
▫️Time picker
▫️Tooltips
▫️Top App Bars

🌐 دریافت فایل

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

تفاوت روش های دریافت اطلاعات از Provider

▪️پکیج Provider روش های متفاوت و زیادی برای کار با State در اختیار توسعه دهندگان قرار میدهد.
اگر قصد استفاده از ویجت هایی مثل Consumer و نداشته باشیم و بخواهیم مستقیم به شکل ساده اطلاعات را نمایش دهیم سه متد کلی وجود دارد که تفاوت هایی با یکدیگر دارند.

▫️Read
▫️Watch
▫️Select


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

متد Read

▪️ در این روش اطلاعاتی که نمایش میدهید در صورت تغییر باعث آپدیت شدن رابط کاربری نمیشود.
یا اصطلاحا ویجت مجددا ساخته نمیشود.

مثال:

Text("Read age:  ${context.read<Student>().age }")

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

متد Watch

▪️ در صورتی که از این روش برای دریافت اطلاعات استفاده کنید, با تغییر اطلاعات ویجت مورد نظر نیز آپدیت میشود.
مثال:

Text("Watch age:  ${context.watch<Student>().age }")

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

متد Select

▪️ این روش با دو متد قبلی کمی تفاوت داره
در این متد فیلدی که از کلاس Provider نیاز داریم دریافت کنیم و مشخص میکنیم.
ویجت فقط در صورتی بازسازی میشود که این فیلد مقدارش تغییر کند.

مثال:

Text("Select age:  ${context.select<Student,int>((value) => value.age) }")

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