منظومة Flutter والإعداد
تعلّم عن إطار عمل Flutter وبنيته وكيفية إعداد بيئة التطوير لديك على أنظمة التشغيل المختلفة
منظومة Flutter والإعداد درس مجاني في Flutter Mobile Development على CoddyKit. هذا هو الدرس 1 من أصل 4. يمكنك قراءة الدرس كاملاً أدناه مجاناً — ثم تمرن عليه مباشرة في المتصفح باستخدام محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7. هذا الدرس جزء من مسار التعلم في Flutter Mobile Development، وتقدمك يتزامن عبر الويب وتطبيق CoddyKit. تتضمن دورة Flutter Mobile Development 4 دروس في المجموع.
Meet Flutter: Google's UI Toolkit
Flutter هي مجموعة أدوات واجهة المستخدم من Google لبناء تطبيقات مجمعة محلياً لأجهزة الجوال والويب وسطح المكتب، وكل ذلك من قاعدة بيانات برمجية واحدة. اكتب الكود مرة واحدة، وشغّله في كل مكان.
Key Advantages of Using Flutter
أبرز مزايا Flutter: قاعدة برمجية واحدة لكل المنصات، خاصية "إعادة التحميل السريع" (Hot Reload)، واجهات استخدام تعبيرية، وأداء محلي (Native) بمعمارية ARM. سرعة في البناء، وسرعة في التشغيل.
Dart: Flutter's Programming Language
يعمل فلاتر (Flutter) بلغة دارت (Dart)، وهي لغة برمجة موجهة للكائنات ومحسنة واجهة المستخدم من جوجل. ستكتب بها كل تطبيق — وسنغطي الأساسيات لاحقاً، فلا داعي للقلق.
Flutter's Architecture Glimpse
تستخدم بنية Flutter ذات الطبقات محرك Skia لرسم كل بكسل بنفسها. واجهة المستخدم الخاصة بك هي مجرد شجرة من الأدوات (widgets) التي يقوم Flutter بعرضها على الشاشة.
Your Workspace: IDEs for Flutter
ستقوم بالبرمجة داخل بيئة تطور متكاملة (IDE) — وغالباً ما تكون VS Code (خفيفة الوزن، وتحتوي على إضافات رائعة) أو Android Studio (متكاملة المزايا، وتتضمن حزمة تطوير أدوات أندرويد Android SDK). كلاهما يعمل بشكل ممتاز.
First Step: Installing the Flutter SDK
يحتوي مجموعة أدوات تطوير الفلاتر (Flutter SDK) على جميع أدوات البناء. قم بتنزيلها من flutter.dev، وفك ضغطها في مكان ثابت، وأضف flutter/bin إلى مسار النظام (PATH) الخاص بك.
Verify Your Setup with flutter doctor
قم بتشغيل flutter doctor لفحص بيئتك. إنه فحص صحي يحدد أي تبعيات مفقودة أو إعدادات قبل البدء في البناء.
Configure Your IDE for Flutter
قم بإعداد إضافة بيئة التطوير المتكاملة (IDE plugin): قم بتثبيت إضافة Flutter في VS Code أو إضافة Flutter في Android Studio. فهي توفر دعم لغة Dart، والإكمال التلقائي، وتصحيح الأخطاء.
Confirming Your Environment
دعونا نؤكد أن Dart تعمل. هذا ليس تطبيق واجهة مستخدم - بل برنامج صغير يثبت أن بيئتك جاهزة.
void main() {
print("Dart environment is ready!");
}Test Your Knowledge
أي من التالي يعتبر من المزايا الرئيسية لاستخدام إطار العمل Flutter؟ (حدد جميع الإجابات الصحيحة)
Lesson Summary: Flutter & Setup
عمل andr! لقد تعرفت على Flutter: قاعدة تعليقات برمجية واحدة لكل منصة، وتحديث سريع (Hot Reload)، وسرعة أصلية، ولغة Dart كلغة أساسية. كما قمت بإعداد حزمة تطوير البرمجيات (SDK) وبيئة التطوير المتكاملة (IDE).
الأسئلة الشائعة
هل درس «منظومة Flutter والإعداد» مجاني؟
نعم — نص درس «منظومة Flutter والإعداد» كامل متاح مجاناً هنا على الويب. لتمرينه بشكل تفاعلي (محرر أكواد مدمج ومدرس ذكاء اصطناعي متاح 24/7) وفتح باقي دورة Flutter Mobile Development، انتقل إلى CoddyKit PRO. تتضمن دورة Flutter Mobile Development 4 دروس في المجموع.
ماذا ستتعلم في «منظومة Flutter والإعداد»؟
تعلّم عن إطار عمل Flutter وبنيته وكيفية إعداد بيئة التطوير لديك على أنظمة التشغيل المختلفة تتمرن على Flutter Mobile Development مع أكواد عملية تشغلها مباشرة في المتصفح، ومدرس ذكاء اصطناعي متاح 24/7 يجيب على أسئلتك أثناء عملك.
هل أحتاج إلى خبرة سابقة لأبدأ Flutter Mobile Development؟
لا تُشترط خبرة سابقة. Flutter Mobile Development على CoddyKit منظم للمبتدئين حتى المتقدمين، لذا يمكنك البدء من هنا أو من البداية والتقدم بسرعتك الخاصة. هذا هو الدرس 1 من أصل 4.
كم من الوقت يستغرق درس «منظومة Flutter والإعداد»؟
معظم دروس CoddyKit تستغرق حوالي 5–10 دقائق. كل منها موجز وتفاعلي، لذا تحرز تقدماً مستمراً وتستأنف من حيث توقفت عبر الويب والتطبيق.
هل يمكنني كتابة وتشغيل أكواد في درس Flutter Mobile Development هذا؟
نعم. كل درس في Flutter Mobile Development يتضمن محرر أكواد مدمج، لذا تكتب وتشغل أكواداً حقيقية مباشرة في متصفحك وتحصل على تعليقات فورية من الذكاء الاصطناعي — بدون إعداد محلي.
جميع الدروس في هذه الدورة
- منظومة Flutter والإعداد
- أساسيات Dart لتطوير Flutter
- بناء أول تطبيق Flutter لك
- البرمجة غير المتزامنة باستخدام Futures وasync/await