دروس Flutter: الدليل الكامل

Flutter عبارة عن مجموعة أدوات واجهة مستخدم محمولة من Google لإنشاء تطبيقات أصلية جذابة للهاتف المحمول والويب وسطح المكتب من قاعدة بيانات واحدة. يستخدم Flutter على نطاق واسع من قبل المطورين والمؤسسات في جميع أنحاء العالم وهو مجاني تمامًا ومفتوح المصدر.

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

هذا برنامج تعليمي للمبتدئين للتعود على أساسيات تطوير Flutter.

تحقق من دوراتنا المجانية المتعلقة بتطوير البرمجيات.

استكشف دوراتنا المجانية في تطوير البرمجيات

تثبيت Flutter على جهازك

أولاً ، سنقوم بتثبيت Flutter على أجهزتنا للبدء ببرنامج Flutter التعليمي. يمكن الوصول إلى Flutter على كل من Windows و macOS.

لتثبيت Flutter Software Development Kit على نظام التشغيل Windows ، اتبع الخطوات التالية:

• توجه إلى https://docs.flutter.dev/get-started/install/windows لتنزيل أحدث إصدار من Flutter.
• بعد ذلك ، قم بفك ضغط الملف المضغوط ووضع Flutter في مجلد التثبيت حيث تريد تثبيت Flutter SDK.
• يجب الآن تضمين دليل سلة الرفرفة في مسار النظام باستخدام موجه الأوامر.
• توفر Flutter أداة تعرف باسم طبيب الرفرفة لضمان تلبية جميع متطلبات تطوير الرفرفة.
• قم بتثبيت أحدث إصدار من Android Software Development Kit وأحدث إصدار من Android Studio.
• بالنسبة إلى Android Studio ، أضف الإضافات Flutter و Dart. يوفر الموارد لتطبيق Flutter الجديد.
• أعد تشغيل Android Studio الآن.

لتثبيت Flutter Software Development Kit على macOS ، اتبع الخطوات التالية:

• توجه إلى https://docs.flutter.dev/get-started/install/macos لتنزيل أحدث إصدار من Flutter.
• قم بفك ضغط الملف المضغوط ووضع Flutter في مجلد التثبيت حيث تريد تثبيت Flutter SDK.
• يجب الآن تضمين دليل حاوية الرفرفة في مسار النظام باستخدام موجه المحطة الطرفية.
• يجب عليك تثبيت أحدث إصدار من XCode.
• يجب عليك تثبيت أحدث إصدار من Android Software Development Kit وأحدث إصدار من Android Studio.
• لإنشاء تطبيق iOS ، يمكنك استخدام محاكي iOS أو iPhone حقيقي متصل بجهاز الكمبيوتر الخاص بك.
• بالنسبة إلى Android Studio ، أضف الإضافات Flutter و Dart التي توفر الموارد لتطبيق Flutter الجديد.
• يجب عليك الآن إعادة تشغيل Android Studio.

استكشف دوراتنا التدريبية الشهيرة في هندسة البرمجيات

فئة الحاوية في رفرفة

باستخدام فئة حاوية flutter ، يمكنك الجمع بين التصميم والموضع وقياس عناصر واجهة المستخدم الشائعة في عنصر واجهة مستخدم واحد سهل الاستخدام. استخدم فئة الحاوية لتخزين عناصر واجهة المستخدم ووضعها على الشاشة حسب الرغبة. يقسم الهامش الحاوية الحالية عن المحتويات الإضافية في عنصر الحاوية الأساسي. سيظهر حد على الحاوية بأكملها ، مثل المستطيلات أو المربعات الدائرية. تحدد الحاوية مقدار الحشو المحيط بالطفل.

تصميم المواد في الرفرفة

يتم توفير المعايير والعناصر والأدوات القابلة للتكيف لدعم أفضل ممارسات تصميم واجهة المستخدم بواسطة إطار عمل المواد. بالإضافة إلى ذلك ، قد تعمل فرق التصميم والتطوير معًا بسهولة أكبر باستخدام مواد تعتمد على تقنية مفتوحة المصدر.

مهارات تطوير البرمجيات عند الطلب

التسجيل في دورات هندسة البرمجيات من أفضل الجامعات في العالم. اربح برامج PG التنفيذية أو برامج الشهادات المتقدمة أو برامج الماجستير لتتبع حياتك المهنية بشكل سريع.

الحاجيات الأساسية في رفرفة

الأدوات هي التسلسل الهرمي للفئة الأولية باستخدام إطار عمل Flutter. يعد عنصر واجهة المستخدم أحد المفاهيم الأساسية في تصميم واجهة المستخدم. يمكن أن يؤدي تضخيم الأدوات إلى عناصر إلى إدارة شجرة العرض الأساسية.

هناك نوعان من الأدوات في Flutter:

• الحاجيات ذات الحالة
• الحاجيات عديمة الحالة

تدرك عناصر واجهة المستخدم كاملة الحالة التغييرات التي تطرأ على البيئة المحيطة بها ويتم إعادة إنشائها تلقائيًا إذا اكتشفت تغييرًا في الحالة. من ناحية أخرى ، لا تتأثر عناصر واجهة المستخدم عديمي الجنسية بالتغيرات في البيئة وتحافظ على حالتها طوال فترة حياتها.

القطعة درج

يعد التنقل عبر تطبيقات الهواتف الذكية القائمة على تصميم المواد عملية من خطوتين. تشكل علامات التبويب والأدراج هذه التنقلات. نظرًا لأن تطبيقات الهاتف المحمول قد لا تحتوي على مساحة كافية لعلامات التبويب ، يمكنك العثور على بدائل علامات التبويب في الدرج.

الدرج بمثابة نوع من الشاشة "المخفية". إذا كانت مرئية ، فإنها تشغل نصف الشاشة وهي قائمة تنزلق إلى اليسار. وهو يتألف من الروابط والخيارات الأكثر فائدة للتطبيق.

أداة AppBar

يعد AppBar هو المكون الأبرز في التطبيق ، ويتضمن شريط أدوات التطبيق والعديد من الميزات الأخرى.

القطعة الغنية بالنص

RichText هو أداة لعرض النص بعدة طرق.

حزمة الموفر في Flutter

تقوم حزمة الموفر بتغليف الأدوات الموروثة بواجهة سهلة الاستخدام لجعلها سهلة الاستخدام. تتضمن استراتيجية إدارة الحالة هذه إدارة بيانات سهلة على التطبيقات. لمعرفة المزيد عن حزمة الموفر ، يمكنك ببساطة البحث عن برنامج تعليمي لموفر الرفرفة على الإنترنت.

اقرأ مقالاتنا الشهيرة المتعلقة بتطوير البرمجيات

مزايا استخدام الرفرفة

يتمتع Flutter بمزايا رئيسية لتطوير تطبيقات جديدة. بعض هذه المزايا مذكورة أدناه:

• تطوير مبسط: يمكن وصف ميزات Flutter بأنها "نظيفة" أو "ملائمة". نتيجة للضغط الكبير على وحدة المعالجة المركزية ، يلزم وجود عناصر إضافية ، مما يزيد من الوقت الذي يستغرقه إكمال المهمة.

توصل Flutter إلى حل لهذه المشكلة من خلال ListView ، والتي تعرض القوائم بسرعات عالية مباشرة خارج الصندوق ، مما يجعل Flutter موفرًا للوقت.

• واجهة استثنائية: يعد تخصيص الشاشة الميزة الأكثر بروزًا في Flutter. تجعل المنصات الأصلية الأمر أكثر صعوبة لتوليد وجهة نظر كهذه. يمكنك تجربة اللون والشكل والظلال لمحتوى قلبك والاقتصاص أو تغيير الصور بسهولة.
• محرك مخصص للعرض: يمكنك تصميم واجهات مستخدم مستقلة عن النظام الأساسي باستخدام محرك العرض الأصلي. بسبب التقديم ، غالبًا ما تعيق المشكلات طبقة خصائص عنصر واجهة مستخدم النظام الأساسي ومزامنة بيانات إطار العمل. من ناحية أخرى ، يبسط Flutter العملية بدون مكون واجهة مستخدم متخصص.
• Live Hot Reload: اختار Flutter استخدام نقاط قوته ، وتنفيذ وظيفة فريدة لإعادة التحميل المباشر الفوري. كان على المطورين في السابق إنشاء رمز محدد ، وتجميعه ، ثم تنزيله على الجهاز (أو استخدام محفز) لعرض تعديلات التعليمات البرمجية. قد يقوم المطور ببساطة بتحديث المكونات الإضافية دون انتظار تجميع الكود. ومع ذلك ، باستخدام Flutter ، يمكنك عرض التغييرات بسرعة أو إصلاح الأخطاء دون إعادة تشغيل التطبيق.

ماجستير Flutter مع برنامج الدراسات العليا التنفيذي في upGrad في تطوير مكدس كامل

تم استخدام مصطلح "Full Stack Developer" في تطوير البرامج عبر الإنترنت لأطول فترة. تتميز الدورة التدريبية Full Stack Development الخاصة بشركة upGrad ، والتي تُعلم مجموعة متنوعة من التقنيات ، بما في ذلك Flutter ، بالمزايا والمزايا التالية:

• كونه من خريجي IIIT- بنغالور
• مجموعة مختارة من أكثر من سبع دراسات حالة ومشاريع مختلفة
• دعم التغيير الوظيفي الخاص بك من upGrad 360 ° للمبرمجين غير التقنيين والجدد في مجال البرمجيات
• سيكون القادة من جميع أنحاء العالم متاحين في هذه الدورة

افعلها الآن!

استنتاج

على الرغم من أن هذا كان برنامجًا تعليميًا للرفرفة للمبتدئين ، إلا أن التطبيقات التي يمكنك إنشاؤها باستخدام Flutter لا يمكن فهمها. يقوم إطار عمل Flutter بعمل رائع في بناء تطبيقات جوال حقيقية لا تعتمد على النظام الأساسي. سيتمكن المطورون الجدد قريبًا من إنشاء تطبيقات محمولة غنية بالميزات بفضل عملية التطوير البسيطة لإطار عمل Flutter ، وتطبيقات الهاتف المحمول عالية الأداء ، وواجهات المستخدم التفاعلية لنظامي التشغيل Android و iOS.