Flutter

تطبيقات الهاتف من شيفرة مصدرية واحدة

تبني Flutter تطبيقات iOS وAndroid (وأكثر) من شيفرة Dart مصدرية واحدة. الودجات والتخطيط والتنقل والحالة وواجهات البرمجة والتخزين، وصولًا إلى الحركات والاختبار: ابنِ تطبيقات هاتف حقيقية.

الأسس

مبتدئ - الأساسيات خطوة بخطوة

• Flutter وDart: التثبيت والمشروع الأولاكتشف ما هما Flutter وDart، وثبِّت الأدوات، وأنشئ مشروعك الأول، واختبر سحر إعادة التحميل السريع (hot reload).
• أساسيات Dart: المتغيرات والدوال وأمان القيمة الفارغة (null safety)تعلّم كيفية تخزين القيم في متغيرات ذات أنواع، وكتابة الدوال، وفهم الحماية من القيمة null.
• كل شيء widget: Text وContainer وIconافهم فكرة Flutter الكبرى، شجرة الـ widgets، من خلال ثلاث لبنات أساسية: Text وContainer وIcon.
• التخطيط: Row وColumn وPadding وExpanded وSizedBoxنظّم عدة عناصر widget على الشاشة باستخدام الأعمدة والصفوف والمسافات وتوزيع المساحة.
• التفاعلية: الأزرار وStatefulWidget وsetStateامنح شاشاتك الحياة بالاستجابة للنقر على الأزرار وتحديث العرض باستخدام setState.

التقدّم

متوسط - بناء مشاريع حقيقية

• قوائم عالية الأداء باستخدام ListView.builderاعرض قوائم من آلاف العناصر دون تباطؤ بفضل ListView.builder وListTile والعناصر المستخرجة في ويدجات خاصة بها.
• التنقّل بين الشاشات باستخدام Navigatorادفع الشاشات وأزلها باستخدام Navigator.push وpop، ومرِّر البيانات عبر البواني، واسترجع نتيجة عند إغلاق الشاشة.
• النماذج: TextField والمتحكِّمات والتحقّقتحكّم في حقول الإدخال باستخدام TextEditingController وتحقّق من كل إدخال دفعة واحدة بفضل Form وTextFormField.
• مشاركة الحالة: رفع الحالة إلى الأعلى ودوال رد النداءاحتفظ بالحالة في السلف المشترك، وحوّل ويدجاتك الأبناء إلى ويدجات مُتحكَّم بها تُبلِّغ عن التغييرات عبر دوال رد النداء.
• السِّمات: ThemeData وMaterial 3 والوضع الداكناجمع الألوان والطباعة مركزيًا في ThemeData، وولِّد لوحة ألوان Material 3 باستخدام ColorScheme.fromSeed، وقدّم وضعًا داكنًا دون عناء.

الإتقان المتقدّم

محترف - أنماط متقدّمة والأداء

• نمذجة بياناتك: الأصناف وJSON وعدم القابلية للتغييرحوِّل JSON إلى أصناف Dart غير قابلة للتغيير باستخدام fromJson وtoJson وcopyWith، مع مساواة قيمية موثوقة.
• اللاتزامن في Dart: Future وasync/await وFutureBuilderأتقِن Future وasync/await وFutureBuilder دون تجميد الواجهة أو إعادة إطلاق طلباتك عن غير قصد.
• استدعاء واجهة برمجية HTTP: فك الترميز وحالات الشاشةنظِّم استدعاءً شبكيًا احترافيًا باستخدام حزمة http: مهلة زمنية، ورموز الحالة، وفك ترميز ذي أنواع، وحالات شاملة.
• إدارة الحالة المُنظَّمة: ChangeNotifier وProviderشارِك حالة التطبيق باستخدام ChangeNotifier وProvider، مع إتقان watch وread وselect لإعادة بناء موجَّهة.
• التخزين المحلي الدائم باستخدام shared_preferencesاحفظ التفضيلات والبيانات الخفيفة بشكل دائم باستخدام shared_preferences مع معرفة حدوده الأمنية وحدود الحجم.

الاحتراف

خبير - البنية والتفاصيل الداخلية والحالات الحدّية

• هندسة تطبيق: الواجهة، المنطق، البياناتنظِّم تطبيق Flutter في طبقات محكمة الإغلاق باستخدام نمط المستودع (repository) والنتائج المُغلَقة (sealed) ذات الأنواع المحددة.
• الرسوم المتحركة: الضمنية والصريحة من الداخلافهم الآلية الداخلية للرسوم المتحركة الضمنية، وتحكّم بدقة في AnimationController الخاص بك.
• الأداء: const، وعمليات إعادة البناء، والمفاتيح، وDevToolsتخلّص من عمليات إعادة البناء عديمة الفائدة بفضل const والمفاتيح والتوفيق (reconciliation)، ثم قِس باستخدام DevTools.
• التكيّف: LayoutBuilder وMediaQuery والمنصّاتابنِ واجهات تتكيّف مع قيود الأب، ومع النافذة، ومع أعراف كل نظام تشغيل.
• الاختبارات: اختبارات Dart الوحدوية واختبارات الودجاتاختبر المنطق والودجات باستخدام نُسَخ زائفة (fakes) مكتوبة يدويًا، وساعة مُحاكاة، وردود الفعل الصحيحة تجاه pump.