فلاتر السعودية - Saudi Flutter – Telegram
فلاتر السعودية - Saudi Flutter
106 subscribers
4 videos
2 files
106 links
قناة مختصّة بالجديد والمُفيد عن فلاتر. فلاتر: هي إطار مفتوح المصدر لمجموعة أدوات وبرمجيات لتطوير واجهة المستخدم تم إنشاؤها بواسطة قوقل. يمكن استخدامها لتطوير تطبيقات متعددة المنصات (ويب، أندرويد، iOS، لينكس، macOS، ويندوز، وغيرها) باستخدام كود برمجي واحد.
Download Telegram
فلاتر السعودية - Saudi Flutter pinned «في Flutter، هُناك نوعان رئيسيّان من الويدجتس (Widgets): Stateless Widgets و Stateful Widgets. الفرق الرئيسي بينهُما يكمُن في القُدرَة على الاحتفاظ بالحالة (State) وتحديثها. Stateless Widgets ماهيتُها: - هي ويدجتس غير قابلة للتغيير (immutable)، بمعنى أنه لا…»
فلاتر السعودية - Saudi Flutter pinned «إدارة الحالة (State Management): هي عمليّة التحكُّم في كيفيّة تفاعُل البيانات وتحديثها داخل التطبيق وكيفيّة انعكاس تلك التغييرات على واجهة المُستخدِم. تُعتبر إدارة الحالة من العناصر الأساسيّة في Flutter لتطوير تطبيقات فعّالة وقابلة للصيانة، حيث تَضمَن أن تَظَل…»
فلاتر السعودية - Saudi Flutter
إدارة الحالة (State Management): هي عمليّة التحكُّم في كيفيّة تفاعُل البيانات وتحديثها داخل التطبيق وكيفيّة انعكاس تلك التغييرات على واجهة المُستخدِم. تُعتبر إدارة الحالة من العناصر الأساسيّة في Flutter لتطوير تطبيقات فعّالة وقابلة للصيانة، حيث تَضمَن أن تَظَل…
مكتبة Riverpod من أفضل المكتبات في Flutter لإدارة الحالة (State Management)؛ وذلك لسهولتها وجودتها وحداثتها وتقديمها كذلك لاختصارات كثيرة أثناء البرمجة. تستطيع البدء بتعلُّمها من الموقع الرسمي لها:

- https://riverpod.dev/

وهذه مَقالة مُمتازة تختصر عليك الكثير في تعلُّمها:

- https://codewithandrea.com/articles/flutter-state-management-riverpod/

وهذه كذلك دورات للبدء بتعلُّم Flutter مع استخدام مكتبة Riverpod في إدارة الحالة (المستوى من مُتوسّط إلى مُتقدّم - أنصح بتعلُّم الأساسيّات أولًا):

- https://codewithandrea.com/courses/all-courses-bundle/

ولكي تتعلّم بناء التطبيقات بشكلٍ صحيح (Presentation Layer, Application Layer, Domain Layer, و Data Layer)، خاصّةً باستخدام Riverpod، أنصحك بقراءة هذه المقالة:

- https://codewithandrea.com/articles/flutter-app-architecture-riverpod-introduction/
فلاتر السعودية - Saudi Flutter pinned «مكتبة Riverpod من أفضل المكتبات في Flutter لإدارة الحالة (State Management)؛ وذلك لسهولتها وجودتها وحداثتها وتقديمها كذلك لاختصارات كثيرة أثناء البرمجة. تستطيع البدء بتعلُّمها من الموقع الرسمي لها: - https://riverpod.dev/ وهذه مَقالة مُمتازة تختصر عليك الكثير…»
كتاب الطبخ الخاص بِـ Flutter!

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

- https://docs.flutter.dev/cookbook
فلاتر السعودية - Saudi Flutter pinned «كتاب الطبخ الخاص بِـ Flutter! يحتوي كتاب الطبخ هذا على وصفات تُوضّح كيفيّة حل المشاكل الشائعة أثناء كتابة تطبيقات Flutter. كُل وصفة مُستقِلّة، ويُمكن استخدامها كمرجع لمُساعدتك في إنشاء تطبيق. - https://docs.flutter.dev/cookbook»
من أفضل القنوات على اليوتيوب لتعلُّم تصميم الواجهات والأنيميشن وتحويل التصاميم إلى واجهات فعليّة وتطبيقات Flutter باحترافيّة عالية:

- https://youtube.com/@theflutterway
1
من أفضل وأشهر المواقع التي تُقدّم خدمة 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/
فلاتر السعودية - Saudi Flutter pinned «من أفضل وأشهر المواقع التي تُقدّم خدمة BaaS أو Backend as a Service هو موقع Firebase من Google. الغرض من استخدام مثل هذه المواقع أو الخدمات هو تسريع عمليّة التطوير والتركيز على بناء واجهة وتجربة المُستخدِم بدلًا من بناء الخادم وتطوير كُل البُنية التحتيّة من…»
مكتبة 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