الطريق لتصبح مطور فلاتر

الطريق لتصبح مطور فلاتر

في حين لا توجد خارطة طريق محددة لتعلُّم فلاتر Flatter؛ لكن ومع ذلك، نود أن نوضح إحدى طرائق تعلُّم فلاتر Flatter لتطوير تطبيقات ناجحة يمكن نشرها في متاجر التطبيقات.

1. تعلُّم لغة البرمجة

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

2. بيئة التطوير المتكاملة “IDE” لمطوري فلاتر Flatter

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

1. آندرويد ستوديو.
2. فيجوال ستوديو كود “Visual Studio Code”.

أنت على الأغلب على دراية بالبرمجة، لذا قد تكون استخدمت أحد البرامج المذكورة أعلاه للبرمجة. تم تطوير آندرويد ستوديو بواسطة جوجل؛ وهو مخصص لتطوير تطبيقات الآندرويد.

واحدة من الأسباب الرئيسية لاستخدام فيجوال ستوديو كود هو أن تكون مواصفات الجهاز منخفضة. لذلك سيكون من الأفضل في هذه الحالة استخدام فيجوال ستوديو كود وليس آندرويد ستوديو؛ كما أنَّه من الممكن البرمجة بلغات أخرى مثل بايثون على هذه المنصة.

3. واجهات المستخدم: الواجهات الرسومية في فلاتر Flatter

بمجرد معرفة اللغة وتنصيب المنصة وبيئة العمل الخاصة بك، يمكنك البدء بتصميم واجهات المستخدم في فلاتر Flatter. باستخدام هذه الطريقة، ستتعلم وسترى مخرجاتك على الفور.

فيما يلي أنواع الواجهات الرسومية التي يجب تعلمها:

• الواجهات الرسومية ذات الحالة “Stateful Widgets”.
• الواجهات الرسومية عديمة الحالة “Stateless Widgets”.
• إمكانية الوصول “Accessibility”.
• إنهيريتد ويدجيت “Inherited Widget”.
• ثيمينغ “Theming”.
• التوطين “Localization”.

4. الأنماط

هناك مكتبات يمكن استخدامها لوضع الأنماط. فيما يلي اثنان منهما يأتيان مع تنصيب فلاتر Flatter:

• ماتيريال.
• كوبرتينو.

5. الأصول

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

ملف الأصول “Assets file” عبارة عن ملف ثابت تضعه في التطبيق، ويتم تضمينه في التطبيق؛ لذا تذكر تضمين الملفات الضرورية فقط لإبقاء حجم التطبيق صغيراً.

فيما يلي قائمة بالأصول التي سيتعيَّن عليك تعلُّم استخدامها:

• الرسوميات الشعاعية القابلة للتمديد “Svg”.
• ملفات الصوت.
• ملفات الفيديو.
• الخطوط.
• الصور.

6. واجهة المستخدم الثابتة “Static User Interface”

لقد تعلمت الآن استخدام الواجهات الرسومية والأنماط والأصول. والخطوة الآتية هي البدء بتطوير بعض واجهات المستخدم الثابتة:

• العرض
  • النصوص، والصور، والأزرار، وغيرها.
• عرض المجموعة “ViewGroup”
  • الحاويات “Container”، الصفوف، الأعمدة، وغيرها.

7. واجهة المستخدم الديناميكية “Dynamic User Interface”

يمكنك إنشاء تصاميم رائعة باستخدام واجهة مستخدم ثابتة “Static UI”؛ لكن عند عملك على مشروع ما، سيأتي وقت يُطلب منك فيه عرض معلومات المستخدم بصورة ديناميكية.

• ليست فيو “ListView”.
• جريد فيو “GridView”.
• إكسبانشين تايتل “ExpansionTitle”.

8. الرسوم المتحركة

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

• الواجهة الرسومية المتحركة “AnimatedWidget”.
• المتحكم في الرسوم المتحركة.
• هيرو “Hero”.
• العتامة “Opacity”.
• منشئ الرسوم المتحركة “AnimatedBuilder”.
• التحريك المنحني “CurvedAnimation”.
• التحويل “Transform”.

9. التخزين

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

• التفضيلات المشتركة “Shared Preference”.
• تخزين الملفات “File Storage”.
• إس كيو لايت “Sqlite”.

10. المكتبات الخارجية لمطوري فلاتر Flatter

إنَّ مجتمع فلاتر Flatter مجتمعٌ رائع، إذ يتوفر بين أيديك مجموعة ضخمة من المكتبات؛ والتي تكون مفيدة للتعامل مع معظم المهام وجعل عملك أسهل وأبسط. يمكن العثور على المكتبات على موقع “Pub.dev”، وهو موقع رسمي لحزم فلاتر Flatter.

سنسرد فيما يلي بعض المكتبات التي يجب أن تطلع عليها وتتعلمها؛ والتي ستجد نفسك تستخدمها معظم الوقت:

• بروتوكول نقل النص الفائق “HTTP”.
• جيت-إت “get_it”.
• إس كيو إف لايت “SQFLite”.
• نمط الكتلة “Bloc_pattern”.
• ديو “Dio”.
• صور الشبكة المخزنة مؤقتاً “Cached_network_image”.

11. مكونات السلوك “Behavior Components”

مع تقدمك في تصميم تطبيقك، تزداد المتطلبات تعقيداً؛ والتعقيد سيصبح نوع من السلوك في التطبيقات التي ستنشئها. 

فيما يلي بعض المكونات التي يمكنك تعلمها:

• الأذونات.
• الإشعارات المحلية.
• دفع الإشعارات “Push Notification”.
• مدير التحميل.
• تشغيل الوسائط.
• التفضيلات.
• المشاركة.

12 إدارة الحالة في فلاتر Flatter”State Management in Flutter”

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

• سيت ستايت “setState”.
• المزود.
• ريداكس “Redux”.
• بلوك “BLoC”.
• إم بوكس “MobX”.

13. فاير بيز “Firebase”

سيكون فاير بيز أحد أكثر قواعد البيانات استخداماً في فلاتر Flatter، وسيفيدك عندما تريد الحصول على المصادقة، وتحليلات لضمان الجودة والإشعارات والتخزين.

فيما يلي قائمة بالموضوعات التي يمكنك التعرف إليها فيما يخص فاير بيز:

• المصادقة في فاير بيز “Firebase-Auth”.
• قاعدة بيانات فاير بيز.
• التخزين في فاير بيز.
• المراسلة في فاير بيز.

14. ما هي الخطوة التالية لخارطة الطريق لمطوري فلاتر Flatter؟

التطوير عبارة عن رحلة تعلم لا نهاية لها؛ إذ ستكتسب معرفة مختلفة في مراحل مختلفة من عملية التطوير. إليك بعض الموضوعات الأخرى التي يمكنك النظر فيها بتسهيل عملك:

• ضمان الجودة.
• التحكم في الإصدارات.

في الختام

سواء كنت مبتدئاً في تطوير التطبيقات باستخدام فلاتر Flatter، أم كنت تريد إثراء معرفتك بذلك؛ نأمل أن تكون خارطة الطريق هذه لتصبح مطور فلاتر Flatter قد قدمت لك يد العون.

المصدر