آموزش برنامه نویسی فلاتر Flutter
1.8K subscribers
450 photos
49 videos
19 files
217 links
اولین مرجع فارسی آموزش برنامه نویسی فلاتر Flutter

🌐 https://flutter-learn.ir

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


👨‍💻 Admin: @atyscode
Download Telegram
▪️کار کردن تنهایی با گیت چالش‌های بسیار کمتری نسبت به کار تیمی داره، اما در پروژه های چند نفره وقتی بحث pipeline, pr, merge و خیلی از مسائل دیگه پیش میاد شاید کمی باعث سردرگمی شما بشه، در این لینک در قالب یک بازی با تمام این مسائل آشنا میشوید که خیلی میتونه در یاد گیری این مباحث کمک کننده باشه.

📎 Github Minesweeper

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️فلش کارت دستورات زبان برنامه نویسی دارت به همراه مثال
فایل با کیفیت کامل پایین👇

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
flashcard-dart-v1.1.png
8.5 MB
فلش کارت زبان دارت

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
دانلود اپلیکیشن فروشگاهی فلاتر ۶valley Multi-Vendor E-commerce

▫️ محصول ۶valley Multi-Vendor E-commerce یکی از بهترین و حرفه ای ترین گزینه های ایجاد وبسایت و اپلیکیشن فروشگاهی با قابلیت چند فروشندگی میباشد که با استفاده از فریمورک فلاتر و لاراول طراحی شده است. قیمت این محصول ۶۹$ دلار میباشد.
اولین منتشرکننده
🌐 مشاهده دمو
🔗 دانلود محصول

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️شرکت اسپاتیفای هم به جمع کاربران فریمورک فلاتر پیوسته است

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

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
#سوال
طبق چرخه حیات فلاتر در صورت وجود یک ویجت Stateful در اولین اجرای برنامه متد build به عنوان چندمین متد اجرا میشود؟ فرض کنید ویجت متد سازنده‌ای ندارد
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
Final Results
23%
اولین متد
31%
دومین متد
37%
سومین متد
10%
چهارمین متد
آموزش برنامه نویسی فلاتر Flutter
#سوال
طبق چرخه حیات فلاتر در صورت وجود یک ویجت Stateful در اولین اجرای برنامه متد build به عنوان چندمین متد اجرا میشود؟ فرض کنید ویجت متد سازنده‌ای ندارد
⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
🔻اما بریم سراغ سوال کوییز
فقط 10% جواب صحیح دادن با اینکه سطح سوال پایین بود و امیدوارم این ده درصدم شانسی نزده باشن😁
▫️ زمانی که یک ویجت Stateful داریم اولین متدی که اجرا میشود متد createState که وظیفه ساخت یک state لوکال و برای ویجت جدید درخت ویجت ها دارد.
بعد از این مرحله اگر ویجت شامل متد سازنده نباشد متد initState صدا زده میشود و اگر خطایی وجود نداشته باشه در این مرحله نوبت به متد didChangeDependencies میرسه که بلافاصله بعد از initState اجرا میشود, همچنین هربار تغییری در وابستگی ها رخ دهد این متد مجددا اجرا میشود.
بعد از این سه مرحله نوبت به اجرای متد build که مسئول ساخت view هست میرسه.

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

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
📕کتاب آموزش کاربردی فریم ورک FLUTTER فلاتر
▫️مجموعه فلاتر لرن به عنوان اولین مرجع فارسی زبان دارت و فریمورک فلاتر با همکاری انتشارات مجتمع فنی تهران و نشر دیباگران کتاب آموزش کاربردی فریمورک Flutter را منتشر کرد.
▫️این کتاب به عنوان مرجعی مناسب برای ورود به دنیای برنامه نویسی چند سکویی به صورت کاملا مقدماتی و قدم به قدم شما را با فریمورک فلاتر آشنا میکند.
🔸 تمام مباحث همراه با مثال های عملی و تمرینات مختلف پوشش داده شده است.
▫️ 210 صفحه
▫️ 12 فصل
🌐 لینک تهیه کتاب همراه با تخفیف

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
نسخه Riverpod 1.0.0 منتشر شد
▪️ پکیج های زیادی برای مدیریت state وجود داره که قطعا باهاشون آشنا هستید.
اگر به Provider علاقه دارید کار با Riverpod میتونه لذت بخش باشه براتون

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
Media is too big
VIEW IN TELEGRAM
آموزش استفاده از دیتابیس آماده در فلاتر

🔺 در بعضی از اپلیکیشن ها یک پایگاه داده آماده از قبل در اختیار داریم و قصد داریم که از این دیتابیس در برنامه استفاده کنیم. برای مثال پایگاه داده ای شامل لغات یا دایرة المعارف در اختیار داریم و یک برنامه برای کار با این اطلاعات میخواهیم طراحی کنیم.

در این حالت روش کار بسیار شبیه به کار کردن با دیتابیس عادی SQLite در فلاتر میباشد و فقط کافیست به شکل صحیح مسیریابی را انجام دهیم تا برنامه به فایل دیتابیس دسترسی پیدا کند.

▫️برای مطالعه توضیحات بیشتر میتوانید به مطلب زیر مراجعه کنید👇
🌐 مشاهده آموزش

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
🔸 بروزرسانی ویدیوهای جدید فصل دوم آموزش برنامه نویسی فلاتر منتشر شد.
کاربران دوره میتوانند ویدیو جدید را رایگان دریافت کنند.
🌐 آموزش جامع فارسی فریمورک فلاتر Flutter فصل دوم
▪️ لیست پکیج‌هایی که در حال حاضر توسط محیط DartPad پشتیبانی میشه، فایبربیس هم از امروز به این محیط برنامه نویسی آنلاین اضافه شده.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ اگر از SvgPicture در منوی BottomNavigation استفاده میکنید و مشکل اینو دارید که به شکل خودکار هنگام کلیک کردن روی آیتم رنگ آیکون تغییر نمیکند به عنوان راه حل میتونید یک ویجت طراحی کنید که رنگ و از نزدیک ترین IconTheme دریافت میکنه.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
متدهای Extension در زبان دارت
▫️متدهای Extension این امکان و به ما میدهند که بدون ارث بری از یک کلاس بتوانیم متدهای مختلفی را به آن اضافه کنیم. معمولا در کلاس های مربوط به دیتا تایپ ها از این نوع متدها بیشتر استفاده میشود.
برای مثال میخواهیم به کلاس String یک متد اضافه کنیم که رشته مورد نظر را به نوع int تبدیل کند.
برای انجام این کار اول باید نام Extension را مشخص کنیم سپس بعد از کلمه on کلاسی که میخواهیم متدی برای آن ایجاد شود را مشخص میکنیم.
در ادامه متدهای مورد نیاز را پیاده سازی میکنیم.

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ترند طراحی رابط کاربری که در دو سال قبل تقریبا Neumorphism بود امسال جای خودشو به Glassmorphism داده.

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

🌐 glassmorphism

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▫️ فراموش نکنید استفاده از دستور TextInputType.number باعث نمیشود که هیچ اعدادی داخل متن قرار نگیرد. این دستور فقط کیبورد شامل اعداد و به کاربر نمایش میده اما امکان پیست کردن متن های شامل اعداد داخل ویجت وجود دارد.
برای مطمئن شدن از اینکه رشته موردنظر فقط شامل اعداد است کارهای زیر و انجام دهید.
1️⃣ نوع کیبورد را مشخص کنید
2️⃣ از دستور inputFormatters:[ FilteringTextInputFormatter.digitsOnly ] استفاده کنید
3️⃣ استفاده از regex

⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir
▪️ قابلیت استفاده از channel های مختلف به محیط DartPad اضافه شد.
پیش از این فقط امکان استفاده از آخرین نسخه stable channel وجود داشت.

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