آموزش برنامه نویسی فلاتر Flutter

دانلود کتاب Building Mobile Banking Apps with Flutter ▪️ اگر میخواهید با پیاده سازی معماری و دیزاین سیستم های یک اپلیکیشن بانکی در فلاتر با مقیاس بزرگ آشنا شوید این مینی کتاب را حتما مطالعه کنید. ▫️ در این کتاب خبری از آموزش مفاهیم ابتدایی نیست و به صورت موردی به طراحی سیستم در یک اپلیکیشن بزرگ میپردازد. مواردی که در این کتاب بررسی میشود: - ارتباط بین تیم ها - نحوه مدیریت و اشتراک کدها - نحوه پیاده سازی خودکار تست ها - نحوه ارتباط بین طراحان و توسعه دهندگان - مدیریت کامپوننت ها در یک اپلیکیشن بانکی 👇 دریافت #کتاب در پست بعدی ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

انیمیشن های پیشرفته فلاتر ▪️ این مخزن گیتهاب شامل پیاده سازی انیمیشن های پیشرفته در فلاتر هست که اگر قصد یادگیری انیمیشن ها را در سطح حرفه ای دارید حتما استفاده کنید. 🌐 Flutter advance ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

🟣 آپدیت بهمن ماه: اضافه شدن فصل 30 به دوره: Method Channel ▪️ طراحی Method Channel ▪️ارسال اطلاعات از فلاتر به کاتلین ▪️طراحی Broadcast Receiver برای دریافت SMS ▪️ارسال اطلاعات SMS از کاتلین به فلاتر 🔸 با مراجعه به پنل کاربری محتویات جدید دوره را میتوانید دریافت کنید. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️ ویژگی ماکرو فعلا فقط در کانال مستر قرار داره و روی کانال stable نیست ▫️. ماکروها قطعات کدی هستند که می‌توانند در زمان کامپایل، کد دیگری تولید کنند. آنها می‌توانند برای انجام کارهای مختلفی مانند: تولید کد تکراری ایجاد کد از داده‌های ورودی تغییر ساختار کد استفاده شوند. ▪️دو نوع ماکرو معرفی در اختیار داریم: ▫️ماکروهای مرحله‌ای (phase macros): این ماکروها در یک مرحله خاص از کامپایل، کد تولید می‌کنند. به عنوان مثال، ماکروهای مرحله‌ای می‌توانند برای تولید کد برای AOT کامپایل استفاده شوند. ▫️ماکروهای عمومی (general macros): این ماکروها در هر مرحله‌ای از کامپایل، کد تولید می‌کنند. به عنوان مثال، ماکروهای عمومی می‌توانند برای تولید کد برای دیباگ کردن استفاده شوند. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

ویژگی جدید Macros به زبان دارت اضافه شد این ویزگی قابلیت Metaprogramming و به دارت نیز اضافه میکند. یک نمونه از این ویژگی عدم نیاز به استفاده پکیج‌هایی مثل freezed و json_annotation هست تمام کدهای کلاس فعلی شما تبدیل به این حالت میشود بدون نیاز به پکیجی ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

بهینه ترین زبان برنامه نویسی ▪️ در یک مطالعه که روی ۲۸ زبان برنامه نویسی مختلف انجام شده و شامل ۱۰ تست بنچمارک بود زبان‌های برنامه نویسی ازنظر سرعت اجرا، مصرف مموری و مصرف انرژی دسته بندی شدند. در تصویر لیست زبان های برنامه نویسی به ترتیب کمترین میزان مصرف انرژی مرتب شده است و زبان C به عنوان زبانی که کمترین مصرف انرژی یا در واقع زبان سبز انتخاب شده بخش Abstract مقاله برای مطالعه بیشتر 👇 ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

🟣 کتاب Flutter Complete Reference به لیست کتاب ها اضافه شد ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

بهترین منابع برای آموزش رایگان برنامه نویسی فلاتر در سال 2024 ▪️ فلاتر یک فریم ورک برنامه نویسی چندسکویی است که به وسیله آن میتوانید برای سیستم عامل های اندروید, iOS اپلیکیشن طراحی کنید. همچنین قابلیت طراحی وب اپلیکیشن و نرم افزارهای دسکتاپ را نیز دارید. 🌐 بهترین منابع برای آموزش رایگان برنامه نویسی فلاتر ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

▪️بعد از محاسبه رئوس مثلث توسط Shader محل قرار گیری ویجت در صفحه نمایش مشخص میشود. بعد از این قسمت پیکسل هایی که درون مثلث ها قرار میگیرند محاسبه میشود به این قسمت Rasterization گفته میشود. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▪️اگر از مباحث درخت ویجت و سایر لیست های رندر گذر کنیم میرسیم به نحوه پردازش گرافیکی تک تک ویجت های یک صفحه, که در اینجا همان یک ویجت لوگو فلاتر را در اختیار داریم. ▫️ تمام ویجت ها ابتدا تبدیل به مسیر میشوند و این مسیرها در ادامه نیز به مجموعه ای از مثلث ها تبدیل میشوند. بعد از مشخص شدن مثلث ها تمام رئوس آنها وارد بخشی به نام Shader میشوند که یک قطعه کد داخلی از فریمورک میباشد. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

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

نحوه رندر شدن عناصر در فلاتر ▪️ در این مجموعه پست ها یک نگاه گذرایی به نحوه رندر شدن عناصر گرافیکی در فریمورک فلاتر داریم تا بیشتر با هسته فلاتر آشنا شویم. در پست های قبلی با معماری فلاتر آشنا شدیم ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

تکنیک skeleton در طراحی کاربری چیست؟ ▪️ احتمالا در خیلی از اپلیکیشن یا وبسایتها قبل از اینکه اطلاعات لود شوند انیمیشنی شبیه به تصویر بالا را مشاهده کرده اید. به این تکنیک Skeleton میگویند. این تکنیک نماینگر لحظه لود کردن اطلاعات میباشد و به کاربران قبل از آن درباره ساختار کلی رابط کاربری اطلاعاتی میدهد. ▫️ یکی از مزایا این روش ایجاد توهم کوتاه بودن زمان انتظار است. ▫️ مزیت مهم دیگر کاهش بار شناختی کاربران است, به جای اینکه کاربران را با نشان دادن ابتدا یک صفحه خالی و سپس بلافاصله یک صفحه کامل محتوا تحت فشار قرار دهید، اسکلت های صفحه به کاربران کمک می کند پردازش کنند که صفحه چگونه خواهد بود و به آنها زمان می دهد تا قبل از اینکه با مقدار زیادی اطلاعات در یکبار مواجه شوند، مدل های ذهنی ساختار صفحه را توسعه دهند. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

📣 ثبت نام ترم جدید فعال شد 🔰 43 ساعت محتوا در قالب 29 فصل و 146 درس 🔰 امکان ثبت نام ترم جدید فقط تا آخر امروز میباشد توضیحات و سرفصل های کامل دوره👇 🌐 دوره آموزش پیشرفته فلاتر ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

📣 شروع ترم جدید 🔰 با سلام خدمت کاربران فلاتر لرن, فردا یکم بهمن ماه ثبت نام ترم جدید دوره آموزشی استادی فلاتر آغاز میشود. 💠 ساعت ثبت نام اطلاع رسانی میشود. ▪️ برای پشتیبانی بهتر دانشجویان جدید این ترم هم همانند دوره های قبل با ظرفیت محدود بازگشایی میشود. توضیحات و سرفصل های کامل دوره👇 🌐 دوره آموزش پیشرفته فلاتر ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir

▫️ بخش Dart بخش اصلی برنامه فلاتر است که توسط توسعه‌دهنده برنامه نوشته می‌شود. این بخش مسئول پیاده‌سازی منطق تجاری برنامه و ترکیب ویجت‌ها برای ایجاد رابط کاربری است. ▫️بخش Framework یک کتابخانه کد منبع است که API‌های سطح بالاتری را برای توسعه برنامه‌های Flutter فراهم می‌کند. این API‌ها شامل ویجت‌ها، تست برخورد، تشخیص حرکت، دسترسی‌پذیری و ورودی متن می‌شوند. ▫️ بخش Engine بخشی از Flutter است که مسئول رندر کردن صحنه‌های ترکیب شده توسط Framework است. این صحنه‌ها شامل رابط کاربری برنامه و سایر عناصر گرافیکی مانند متن و تصاویر هستند. ▫️ بخش Embedder بخشی از Flutter است که مسئول تعامل برنامه با سیستم عامل است. این تعامل شامل دسترسی به خدماتی مانند سطوح رندرسازی، دسترسی‌پذیری و ورودی می‌شود. ▫️ بخش Runner بخشی از Flutter است که برنامه را در پلتفرم هدف قابل اجرا می‌کند. این بخش قطعاتی را که توسط Embedder ارائه می‌شوند، به یک بسته برنامه ترکیب می‌کند. ⚜️اولین مرجع فارسی فلاتر @flutter_learn_ir