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

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

طراحی نمودار های جذاب
استفاده از نمودار و گراف های مختلف یکی از مواردی است که همیشه به آن در طراحی اپلیکیشن نیاز دارید.
اگر قصد دارید تا نمودار هایی با گرافیک جذاب داشته باشید پکیج FL Chart یکی از بهترین گزینه هاست با داشتن ده ها نوع نمودار و گراف مختلف.
دارای انواع نمودار:
* Linechart
* Barchart
* Piechart
* Scatterchart

🔗 FL Chart

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

آموزش ساخت برنامه چت به وسیله FireBase

🔸 یکی از ابزارهای محبوبی که اکثر برنامه نویسان در پروژه های خود از آن استفاده میکنند فایربیس FireBase است که توسط شرکت گوگل ارائه شده است.

از فایربیس میتونید به عنوان یک سرور بک اند یا به عنوان بخشی از بک اند خودتون استفاده کنید که امکانات دیتابیس, گزارش گیری, ذخیره فایل, احراز هویت و… باعث شده تا بخش زیادی از برنامه نویسی از روی دوش شما برداشته شود.

در این آموزش قصد داریم تا در چند قسمت نحوه استفاده از FireBase در فریمورک فلاتر را آموزش دهیم که این کار را با یک پروژه در قالب اپلیکیشن پیام رسان انجام میدهیم.

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

👇 لینک ویدیوها
🔗 ساخت اپلیکیشن چت با فلاتر و فایربیس بخش ۱

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

معرفی پکیج UIC (UI Components)
پکیج UIC یکی از کاربردی ترین کتابخانه های فلاتر می باشد که با فراهم کردن ویجت و کامپوننت های مختلف کار توسعه اپلیکیشن را برای شما آسان تر کرده است.
ویژگی ها:
🔻 چک باکس CheckboxUic: این چک باکس دارای state مخصوص به خود می باشد و امکان شخصی سازی نیز دارد.
🔻لیست ویو ListUic: این لیست ویو امکانات بسیار زیادی دارد که شامل قابلیت هایی مثل نمایش خطا, رفرش کردن لیست, حالت لودینگ, lazy load و....
🔻دکمه های ActionButton: دکمه های متریال دیزاین با امکانات بیشتر نسبت به دکمه های عادی فلاتر
🔻 ویجت InlineTextField
🔻ویجت Deck

🔗 UIC Package

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

ساخت اپلیکیشن چت با فلاتر و فایربیس بخش دوم

در بخش اول از آموزش طراحی اپلیکیشن چت در فلاتر تا مرحله ثبت نام و لاگین کردن کاربران پیش رفتیم.

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



🔗 دانلود دوره

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

منتظر خبرهای هیجان انگیر‌ از فلاتر باشید 🔥

بررسی ترند های جدید طراحی رابط کاربری UI/UX

به عنوان کسی که مسئول طراحی یک اپلیکیشن یا وبسایت هستید علاوه بر اطمینان از عملکرد بی نقص برنامه باید توانایی این را هم داشته باشید که برنامه ای زیبا با رابط کاربری چشم نواز نیز طراحی کنید تا کاربر هنگام استفاده از برنامه دچار مشکل نشود.
بنابراین در چند پست قصد داریم که باهم نگاهی به ترند های امسال طراحی رابط کاربری در دنیای کامپیوتر داشته باشیم.🗣

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

طراحی Soft gradients

🔸 گرادینت ها هیچوقت از طراحی ها کنار گذاشته نمیشوند فقط نحوه استفاده از آنها تغییر میکند. امروزه از گرادینت ها در طراحی بک گراند, دکمه ها و حتی نمودار ها استفاده میشوند اما این کار با ترکیب رنگ هایی انجام می شود که تفاوت کمی با همدیگر دارند تا حالت تار شدگی ایجاد شود و شاید بعضی مواقع در نگاه اول متوجه این گرادینت ها نشوید.
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

طراحی Geometric elements

🔸استفاده از اشکال Geometric امسال در طراحی های مختلف بسیار زیاد دیده شده است.
برای استفاده در بک گراند, تم و یا عناصر کوچک نیز باعث زیبایی خاصی می شود روز به روز توجه بیشتری به این نوع طراحی می شود.
در بعض مواقع با ترکیب این عناصر Geometric المان هایی به شکل طرح های موزاییکی ایجاد می شود که بسیار جذاب است.

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

طراحی Pastel backgrounds

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

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

طراحی Dark mode

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

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

طراحی Soft shadows

🔸استفاده از این نوع طراحی یعنی به کار بردن سایه های ملایم باعث عمق پیدا کردن طراحی رابط کاربری می شود که علاوه بر زیبایی برنامه به افزایش نرخ کلیک روی عناصر هم کمک میکند.

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

طراحی Simple, thick typography

🔸 در این نوع طراحی استفاده از فونت های مختلف در حالت بزرگ و ضخیم ویژگی مهم آن می باشد. این کار باعث افزایش خوانایی عنوان ها و محتویات برنامه می شود.
برای ایجاد این نوع رابط کاربری فونت مناسب مهم ترین گزینه است.

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

طراحی New Neuomorphism

🔸 تقریبا از یک سال قبل تا به امروز که درباره Neuomorphism صحبت کردیم هنوز هم جزو ترند های طراحی محسوب می شوند و روز به روز تکمیل می شود.
در واقع میتوان این نوع طراحی را شکل به روز شده ای از skeuomorphism بدونیم که حس زیبایی را به شکل بهتری منتقل میکند.


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

آموزش کار با Retrofit در فلاتر

🔸فریمورک فلاتر دارای ماژول های network و JSON serialization می باشد که از آنها برای ارتباط با API میتوانیم استفاده کنیم.

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

رتروفیت کتابخانه مخصوص ارتباط با API میباشد که برای زبان های جاوا و کاتلین نیز در برنامه نویسی اندروید از آن استفاده میشود.👇

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

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

گیت‌هاب پس از تقریبا دو سال بروی برنامه نویسان ایرانی باز شد.



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

تغییر تم برنامه بین حالت دارک و روشن

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

🔗 Light & Dark Theme

🟠 نتایج این نظر سنجی عجیب تر از چیزی بود که فکرش و میکردم.

🔴 یعنی ۴۰٪ توسعه دهنده‌ها فقط براشون ساختن برنامه مهم هست اینکه با چه اصول و کیفیتی برنامه میسازن اصلا واسشون ملاک نیست، ۲۵٪ هم گفتن تا حدودی که اونم جای بحث داره.

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

🔴 ساخت برنامه فقط ملاک نیست شما باید بتونید کد تمیز بزنید، به الگوها و معماری ها آشنا باشید، از ورژن کنترل بتونید استفاده کنید، بلد باشید تست بنویسید و.... این مهارتها ضروری هست اگه میخواید پیشرفت کنید.

🔴 تو علوم کامپیوتر ما یک کشور مصرف کننده هستیم صادرات نرم‌افزاری انجام نمیدیم ولی ظاهرا حتی مصرف کننده خوبی هم اصلا نیستیم.
#ادامه_داره