آموزش برنامه نویسی فلاتر Flutter
1.94K subscribers
523 photos
61 videos
19 files
254 links
اولین مرجع فارسی آموزش برنامه نویسی فلاتر Flutter

🌐 https://flutter-learn.ir

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


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

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

طراحی زیبا و استاندارد این پروژه فلاتر Pods- Podcast Player & Music Streaming flutter به شما در توسعه روند اپلیکیشن موبایل کمک بسیار فراوانی میکند.

🌐 دانلود پروژه فلاتر

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ درباره سیستم دیزاین و منابع مختلف در کانال قبلا صحبت شده میتونید با جستجو بهشون برسید

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

- Load Balancing
- API Gateway
- Communication Protocols
- Content Delivery Network (CDN)
- Database
- Cache
- Message Queue
- Unique ID Generation
- Scalability
- Availability
- Performance
- Security
- Fault Tolerance and Resilience


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
ترند طراحی 2024 Bento

▪️ یکی از ترندهای جدید طراحی رابط کابری در سال 2024 زبان طراحی Bento است.

رابط کاربری Bento بر پایه سادگی و مینیمالیسم طراحی شده است. هدف آن ایجاد فضایی بصری آرام و بدون شلوغی است که کاربر بتواند به راحتی روی وظایف خود تمرکز کند.

اسم گذاری آن هم از روی جعبه های سنتی غذا ژاپنی که Bento نام دارد الهام گرفته شده است.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
🟣 سایزبندی های مختلف دکمه به همراه سایز فونت و پدینگ ها

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

▪️ فرض کنید در حال کار روی چندتا پروژه هستید و همزمان میخواید امکانات نسخه جدید فلاتر هم تست کنید, در حالت با آپدیت کردن SDK فلاتر این کار انجام میدید.
ولی این کار باعث آپدیت شدن پروژه های فعلی شما هم میشه
اگر پروژه اسکیل بزرگی داشته باشه و تغییرات این نسخه هم زیاد باشه با چالش های خیلی زیادی روبرو میشوید.
▫️راه حل اینکار داشتن چندین نسخه متفاوت از SDK هست که برای هر پروژه میتونید تعریف کنید از چه نسخه ای استفاده شود.

▪️یکی از ابزارهای معروف اینکار استفاده از FVM است.


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
از FVM هم میتونید فقط در یک پروژه به خصوص استفاده کنید(خط دوم) و هم به شکل کلی روی سیستم خودتون نصب کنید(خط اول)

▫️ بعد از نصب با دستور زیر هر نسخه ای یا حتی کانالی که خواستید و نصب میکنید.
 fvm install 3.19 


▫️ برای اینکه مشخص کنید از چه ورژنی از فلاتر در حال حاضر میخواید استفاده کنید از دستور زیر استفاده کنید.
 fvm use 3.19 


▫️ در نهایت برای باقی دستورات فلاتر کافی که قبل از هر دستور از کلمه fvm استفاده کنید.
 fvm flutter create new_project 


🔺 برای آشنایی با دستورات بیشتر به صفحه رسمی در آدرس زیر مراجعه کنید.
🌐 fvm.app


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️  یکی از بهترین و بروز ترین منابع برای مطالعه  آموزش‌های برنامه نویسی مقالات منتشر شده در وبسایت مدیوم میباشد
اما همانطور که میدانید فقط تعداد کمی مقاله رایگان میتونید در هفته استفاده نمایید
برای استفاده از مقالات پریمیوم مدیوم از وبسایت زیر میتونید استفاده نمایید

🌐 Freedium.cfd

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
مخزن رسمی Bloc  هم با طراحی جدید شروع به کار کرد

🔗 bloclibrary.dev

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

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

محتوای کتاب:

بخش اول: مقدمه‌ای بر فلاتر، شامل نصب و راه‌اندازی، ساختار پروژه‌ها، ویجت‌ها و state management
بخش دوم: رابط کاربری، شامل ویجت‌های پایه، layoutها، انیمیشن‌ها، و طراحی رابط کاربری
بخش سوم: مدیریت داده‌ها، شامل ذخیره‌سازی داده‌ها، شبکه، و APIها
بخش چهارم: مفاهیم پیشرفته، شامل تست، پلاگین‌ها، و استقرار

👇 دانلود #کتاب در ادامه

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
تبدیل اسکرین شات به فرانت‌اند

▪️ این مخزن گیتهاب تو چند روز ۴۰K ستاره گرفته
با کمک دو مدل هوش مصنوعی GPT-4 و Dall-E به عنوان ورودی یک اسکرینشات دریافت میکنه و خروجی کد react یا vue تحویل میده



🔗 Screenshot-to-code

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

با این روش دیگه نیازی به override  کردن متدهای مختلف ندارید

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ کتاب فارسی آموزش الگوهای طراحی

یکی از دوستان زحمت کشیدند و کتاب آموزش دیزاین‌پترن هارو براساس وبسایت  refactoring.guru نوشتند
برای استفاده رایگان میتونید از لینک گیتهاب زیر این کتاب را دانلود کنید.


🌐 دریافت کتاب

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
آموزش جامع انتشار اپلیکیشن اندروید و فلاتر در فروشگاه گوگل پلی Google play

▫️ با آما اضافه شدن روزانه 3هزار اپلیکیشن در گوگل پلی میتوانید متوجه باشید که چه بازار رقابتی و وسیعی در اختیار توسعه دهندگان قرار دارد.
در این مقاله قدم به قدم با ثبت نام و آپلود پروژه های اندروید در کنسول گوگل پلی آشنا میشویم.

🌐 آموزش جامع انتشار اپلیکیشن اندروید در فروشگاه گوگل پلی

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
This media is not supported in your browser
VIEW IN TELEGRAM
جا به جایی و Drag and drop کردن فایل

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

▫️ نکته قابل توجه پیاده سازی این پکیج با زبان Rust هست.
بنابراین تو اولین اجرا اگر Rust نصب نباشه نیاز به دانلود و کمی زمان داره و روی اندروید هم حتما NDK فعال باشه

🌐 super_drag_and_drop


⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ اگر برای تمرین کردن نیاز به API دارید در این مخزن گیتهاب میتونید لیست متنوعی از وب سرویس‌های رایگان و بررسی کنید


🌐 Public apis

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

▪️پروژه طراحی رابط کاربری صرافی ارز دیجیتال

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


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

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ استفاده از فایل‌های SVG در مقایسه با فرمت‌های رایج تصاویر مزیت‌های زیادی دارد مثل عدم افت کیفیت، حجم کمتر و....

اما مشکلی که وجود داره سرعت پایین‌تر نمایش و رندر شدن این فایل‌هاست

برای رفع این مشکل از تکنیک PreLoad استفاده میکنیم
بعد از طراحی متد مورد نظر تصاویری که قصد Cache کردن آنها را داریم داخل متد Main مشخص میکنیم
این روش در اجراهای بعدی اپلیکیشن از تصاویر کش شده برای نمایش تصاویر اصلی قبل از رندر شدن استفاده میکند


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