https://www.facebook.com/110641487268693/

Flutter UI, Hims (2024)

19/10/2023

تصميم واجهتين Auth تطبيق تعليمي💜

15/09/2023

تصميم صفحة البداية لتطبيق تعليمي تصميم عصري💜
بدون استخدام باكج

10/09/2023

تصميم واجهة متجر حلويات بواسطة فلتر🥯

07/09/2023

تصميم صفحة تطبيق أفلام بالفلتر 🖤

24/08/2023

انشاء تصميم متجاوب مع الويب والتابليت والموبايل بدون استخدام اي مكتبة🌚

12/08/2023

واجهات تطبيق أفلام باستخدام فلتر💜_💙

04/08/2023

تصميم واجهة تسجيل الدخول 🖤💻

28/07/2023

تصميم واجهة تفاصيل المنتج 🖤💻

02/07/2023

اذا عندك تطبيق بيدعم اكثر من لغة
صفحة تغير اللغة بتظهر قبل صفحة ال onboarding او صفحة تسجيل الدخول

19/06/2023

انشاء أكثر من صورة للمنتج
وعرضها من خلال مكتبة الصور
رأيكن بالتعليقات

26/05/2023

اليوم سوف اتكلم عن خريطة لتعلم flutter في 12 اسبوع (3شهور)، مع مصادر رائعة لكل اسبوع حتى تتعلم باحترافية ولاتنسى متابعة الحساب وايضاً عمل مشاركة لكي يصل المحتوى لاكبر قدر من الناس.
الأسبوع الأول: مقدمة في Flutter و Dart
- فهم أساسيات Flutter و Dart
- تثبيت Flutter وإعداد بيئة التطوير
- إنشاء تطبيق Flutter الأول
المصادر:
https://docs.flutter.dev/get-started/install
دورة dart
https://youtube.com/playlist?list=PLlxmoA0rQ-LyHW9voBdNo4gEEIh0SjG-q
دورة فلاتر
https://youtu.be/x0uinJvhNxI
الأسبوع الثاني: Widgets و Layouts في Flutter
- التعرف على Widgets الأساسية في Flutter
- فهم كيفية إنشاء Widgets مخصصة
- التعرف على التخطيط والتموضع في Flutter
المصادر:

https://youtube.com/playlist?list=PL4cUxeGkcC9jLYyp2Aoh6hcWuxFDX6PBJ
الأسبوع الثالث: إدارة الحالة (State Management)
- فهم إدارة الحالة في Flutter
- التعرف على اختلافات إدارة الحالة
المصادر:
https://youtu.be/jdUBV7AWL2U
الأسبوع الرابع: التنقل والتوجيه (Navigation and Routing)
- التعرف على التنقل والتوجيه في Flutter
- تنفيذ التنقل الأساسي في تطبيق تجريبي
المصادر:
https://youtu.be/YXDFlpdpp3g
الأسبوع الخامس: العمل مع واجهات برمجة التطبيقات (APIs) والشبكات (Networking)
- فهم أساسيات واجهات برمجة التطبيقات REST API
- تعلم كيفية استدعاء البيانات من واجهة برمجة التطبيقات في Flutter
- تعلم كيفية تحليل وعرض البيانات بتنسيق JSON
المصادر:
https://youtube.com/playlist?list=PLXbYsh3rUPSzuLcZsIkpDmftSQbFmUq9x
الأسبوع السادس: الدمج مع Firebase
- التعرف على Firebase وخدماته
- دمج Firebase في تطبيق Flutter
- تنفيذ المصادقة (Authentication) باستخدام Firebase
المصادر:
https://www.youtube.com/playlist?list=PL4cUxeGkcC9itfjle0ji1xOZ2cjRGY_WB
الأسبوع السابع: تصميم واجهات المستخدم المتقدمة
- إنشاء الرسوم المتحركة (animations) والانتقالات (transitions) المخصصة
- تنفيذ تصاميم واجهات مستخدم أكثر تعقيداً
المصادر:
https://www.youtube.com/playlist?list=PLjOFHn8uDrvQDUiY57tQN39wI_NAey8x1
الأسبوع الثامن: تفاصيل أكثر حول إدارة الحالة State Management Deep Dive
- التحول إلى مستوى أعمق في تقنيات إدارة الحالة
- التعرف على Provider و Riverpod أو Bloc
المصادر:
https://www.youtube.com/playlist?list=PLB6lc7nQ1n4iYGE_khpXRdJkJEp9WOech
https://www.youtube.com/playlist?list=PLB6lc7nQ1n4jCBkrirvVGr5b8rC95VAQ5
الأسبوع التاسع: التخزين المحلي والدائم
- التعرف على SQLite وكيفية استخدامه في Flutter
- استكشاف خيارات التخزين المحلي الأخرى
المصادر:
https://www.youtube.com/playlist?list=PLDQl6gZtjvFu5l20K5KTEBLCjfRjHowLj
الأسبوع 10: الاختبار والتصحيح
- فهم أهمية الاختبار في تطوير التطبيقات
- تعلم كيفية كتابة وتشغيل الاختبارات لتطبيقات Flutter
- التعرف على أدوات وتقنيات التصحيح
المصادر:
https://www.youtube.com/playlist?list=PLprI2satkVdFwpxo_bjFkCxXz5RluG8FY
الأسبوع 11: النشر والتوزيع
- تعلّم كيفية بناء التطبيق وإصداره لنظامي التشغيل Android
- فهم عملية تقديم التطبيق إلى متجر التطبيقات
المصادر:
https://docs.flutter.dev/deployment/android
https://youtu.be/g0GNuoCOtaQ
الأسبوع 12: مراجعة سريعة على أهم المواضيع
- إنشاء تطبيق جوّال كامل باستخدام المهارات والمفاهيم التي تعلّمتها
- تطبيق أسلوب إدارة الحالة والشبكات والتخزين المحلي لتطبيقك
- تحسين تصميم ورسوميات واجهة المستخدم للتطبيق
- اختبار وتصحيح التطبيق
- نشر التطبيق على متاجر التطبيقات
-------------------------------
مصادر اخرى متكاملة
دليل Flutter لإنشاء تطبيقات كاملة:
https://docs.flutter.dev/get-started/codelab
https://docs.flutter.dev/cookbook
دليل Flutter لإدارة الحالة:
https://docs.flutter.dev/data-and-backend/state-mgmt
دليل Flutter للشبكات والاستجابة للطلبات:
https://docs.flutter.dev/cookbook/networking
دليل Flutter للتخزين المحلي:
https://docs.flutter.dev/cookbook/persistence/key-value
دليل Flutter لتحسين تصميم ورسوميات الواجهة الرسومية:
https://docs.flutter.dev/ui/widgets/layout
دليل Flutter للاختبار والتصحيح:
https://docs.flutter.dev/testing
دليل Flutter للنشر على Google Play:
https://docs.flutter.dev/deployment/android
دليل Flutter للنشر على App Store:
https://docs.flutter.dev/deployment/ios