كتاب الطبخ الخاص بِـ Flutter!

يحتوي كتاب الطبخ هذا على وصفات تُوضّح كيفيّة حل المشاكل الشائعة أثناء كتابة تطبيقات Flutter. كُل وصفة مُستقِلّة، ويُمكن استخدامها كمرجع لمُساعدتك في إنشاء تطبيق.

- https://docs.flutter.dev/cookbook

من أفضل القنوات على اليوتيوب لتعلُّم تصميم الواجهات والأنيميشن وتحويل التصاميم إلى واجهات فعليّة وتطبيقات Flutter باحترافيّة عالية:

- https://youtube.com/@theflutterway

من أفضل وأشهر المواقع التي تُقدّم خدمة BaaS أو Backend as a Service هو موقع Firebase من Google. الغرض من استخدام مثل هذه المواقع أو الخدمات هو تسريع عمليّة التطوير والتركيز على بناء واجهة وتجربة المُستخدِم بدلًا من بناء الخادم وتطوير كُل البُنية التحتيّة من الصفر.

موقع Firebase يُقدّم خدمات كثيرة ومُتنوّعة، مثل:
Authentication, NoSQL Databases, Data Storage, Cloud Functions, Notifications, Analytics, Test Labs
وغيرها الكثير.

موقع Firebase من أفضل المواقع لاستخدامه أثناء التطوير باستخدام Flutter خاصةً إذا كان المشروع مشروع شخصي ولا تُوجد ميزانيّة كبيرة للمشروع.

- https://firebase.google.com/

من أفضل القنوات على اليوتيوب لتعلُّم Flutter وكيفيّة تطبيق بعض الويدجتس (Widgets) المشهورة، وغيرها الكثير:

- https://youtube.com/@fluttermapp

مكتبة flex_color_scheme في Flutter تُسهّل إنشاء ثيمات مُتوافقة مع تصميم Material Design. تُقدم المكتبة ميّزات مُتقدمة مثل تخصيص الألوان ودعم تصميم Material 2 و Material 3، بالإضافة إلى قوالب جاهزة يُمكن استخدامها وتخصيصها.

من أفضل المكتبات التي استخدمتها لبناء تطبيقات Flutter بواجهاتٍ جميلة وبشكلٍ سريع!

🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:

- https://rydmike.com/flexcolorscheme/themesplayground-latest

🟢 رابط المكتبة:

- https://pub.dev/packages/flex_color_scheme

#مكتبات_أعجبتني

مكتبة flex_color_picker في Flutter تُتيح لك إمكانيّة اختيار ألوان قابلة للتخصيص بشكلٍ مرن وسهل في تطبيقك، مع دعم منصّات مُتعدّدة وتوفير أدوات مُتنوّعة لتخصيص واجهة وتجربة المُستخدِم.

🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:

- https://rydmike.com/flexcolorpicker

🟢 رابط المكتبة:

- https://pub.dev/packages/flex_color_picker

#مكتبات_أعجبتني

مكتبة group_button في Flutter تُتيح لك إنشاء مجموعة من الأزرار بسهولة، مثل أزرار الـ Radio وأزرار الـ Checkbox وغيرها. تُوفّر المكتبة أدوات لتخصيص مظهر ووظائف الأزرار بشكلٍ احترافي.

🟢 رابط المكتبة:

- https://pub.dev/packages/group_button

#مكتبات_أعجبتني

مكتبة sidebarx في Flutter تُتيح لك إنشاء شريط تنقُّل جانبي مَرن وسهل الاستخدام يدعم عدّة منصّات مثل الأجهزة المحمولة وسطح المكتب والويب. تُوفّر المكتبة خيارات تخصيص مُتقدّمة لتُناسب تصاميم وأحجام جميع الشاشات.

🟢 رابط المكتبة:

- https://pub.dev/packages/sidebarx

#مكتبات_أعجبتني

مكتبة talker_flutter في Flutter تُتيح لك تسجيل وتتبُّع الأحداث والأخطاء في تطبيقاتك بطريقة مَرنة وسهلة. تُوفّر واجهة مُستخدِم لتصفية وتصفُّح السجلات والأخطاء بشكلٍ تفاعُلي. تستطيع ربط المكتبة مع الخدمات والمكتبات الخاصّة بالتبليغ عن الأخطاء مثل Sentry و Firebase Crashlytics وغيرها!

🟢 لتجربة خصائص وميّزات المكتبة قبل استخدامها:

- https://frezyx.github.io/talker/#/products-list

🟢 رابط المكتبة:

- https://pub.dev/packages/talker_flutter

#مكتبات_أعجبتني

هل تعلم أنّه في التحديث الأخير لِـ Flutter (تحديث 3.24) والذي تم إصدارُه قبل عدّة أيام، تم فيه ترقية الـ Flutter GPU والذي من خلاله تستطيع صِناعة تطبيقات وألعاب بجرافيكس مُعقّد ثُلاثي الأبعاد (3D) وبشكل مُتقدّم واحترافي! كُل هذا باستخدام Dart و Flutter فقط!

🟢 رابط الإعلان عن التحديث الجديد (3.24):

- https://medium.com/flutter/whats-new-in-flutter-3-24-6c040f87d1e4

🟢 رابط المقالة الخاصّة بِـ Flutter GPU:

- https://medium.com/flutter/getting-started-with-flutter-gpu-f33d497b7c11

مقطع يوتيوب جديد أكثر من رائع! يتحدّث عن كيفيّة تسريع عملك في Flutter من خلال بعض الإضافات المُفيدة في VS Code (يُوجد بديل لبعضها في Android Studio) والـ Best Practices عندك كتابة بعض الأكواد البرمجيّة في Dart وأيضًا بعض الويدجتس (Widgets) المُفيدة بالإضافة إلى بعض الأخطاء الشائعة عند البرمجة باستخدام Flutter وكيفيّة تجنُّبها.

🟢 رابط المقطع:

- https://youtu.be/8oIsZEhnqtA

إضافة Better Highlights على Android Studio تُتيح لك إضافة تعليقات (Comments) بشكل احترافي بالإضافة إلى إظهار الـ Complexity لكُل دالّة (Method) حتّى تستطيع ترتيب الكود البرمجي بشكل أفضل ويكون أوضح في القراءة والفهم.

🟢 رابط الإضافة:

- https://plugins.jetbrains.com/plugin/12895-better-highlights

#إضافات_أعجبتني

إضافة Image Icon Viewer على Android Studio تقوم بإظهار مُعاينة مُصغّرة للصور والأيقونات في المشروع بدون الحاجة لفتح كُل صورة أو أيقونة على حدة.

🟢 رابط الإضافة:

- https://plugins.jetbrains.com/plugin/11096-image-icon-viewer

#إضافات_أعجبتني

إضافة Inspection Lens على Android Studio تقوم بإظهار الأخطاء والتحذيرات والمشاكل البرمجيّة الأُخرى أمام كل سطر برمجي بشكل واضح وفعّال لمعرفة المُشكلة وحلّها.

🟢 رابط الإضافة:

- https://plugins.jetbrains.com/plugin/19678-inspection-lens

#إضافات_أعجبتني

إضافة One Dark Theme على Android Studio: أفضل وأجمل ثيم أستخدمه مُنذ سنوات في Android Studio 👌🏼.

🟢 رابط الإضافة:

- https://plugins.jetbrains.com/plugin/11938-one-dark-theme

#إضافات_أعجبتني

مكتبة logger في Flutter تُتيح لك طباعة السجلّات بأنواعها مع خيارات مُتعدّدة لتنسيقها. تُساعد بشكل كبير في تحسين تجربة التطوير 👌🏼.

🟢 رابط المكتبة:

- https://pub.dev/packages/logger

#مكتبات_أعجبتني

موقع FlutterLibrary: موقع جديد يحتوي على تصاميم جاهزة لواجهات تطبيقات Flutter بجميع أنواعها وأشكالها، مثل واجهات التسجيل وتسجيل الدخول والتحقُّق والقوائم وغيرها الكثير! كُل ما عليك هو نسخ الكود البرمجي للواجهة التي تُريدها ومن ثم لصق الكود في الـ IDE وستظهر لك الواجهة كما هي! الموقع مُحدّث باستمرار بواجهات جديدة واحترافيّة 👌🏼.

🟢 رابط الموقع:

- https://www.flutterlibrary.com

#مواقع_أعجبتني