من أين أبدأ تعلم برمجة تطبيقات الهاتف بإستخدام Flutter

بسم الله الرحمن الرحيم

  فى عصرنا الحالى تعتبر تطبيقات الموبايل ضرورية لأصحاب المشاريع و المستثمرين حيث أنها وسيلة فعالة للوصول لأكبر عدد من الجمهور المستهدف حيث أن الهواتف الذكية أصبحت جزء لا يتجزأ يتجزأ من حياتنا اليومية ، و لتعلم برمجة تطبيقات الهاتف هناك عدة لغات برمجية يمكن تعلمها فى البداية منها Java , Kotlin, React native , Swift ,Flutter....إلخ.

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

محتويات المقال:

ما هو Flutter ؟

لماذا أستخدم Flutter فى تطوير التطبيقات؟

خارطة الطريق لتعلم بناء تطبيقات الهاتف بإستخدام flutter

ما هو Flutter ؟

Flutter هو إطار عمل مفتوح المصدر Open source frame work قامت جوجل Google بتطويره و إطلاقه رسميا عام 2018 ، يمكن من خلاله إنشاء تطبيقات تعمل على أنظمة متعددة مثل Android , ios , web بنفس الكود البرمجى فى آن واحد.

و تتكون flutter من جزئين:

1. (Software developement kit (SDK: وهى حزمة أدوات تطوير التطبيقات ، المسئولة عن ترجمة الكود Compile ليفهمها نظام الجهاز سواء كان android , ios.
2. Framework : إطار عمل يحتوى على عناصر واجهة المستخدم لرسم الواجهات بجودة عالية بما تتضمنها من أزرار، نصوص ، قوائم ، .... و غير ذلك ، كما أنه من السهل تخصيصها بحسب تجربة المستخدم UX.

لماذا أستخدم Flutter فى تطوير التطبيقات ؟

من مميزات flutter التى تميزها عن غيرها فى تطوير تطبيقات الهاتف هى :

1. التطبيق الناتج يكون ذات آداء عالى و جودة عالية و يعمل على عدة أنظمة فى نفس الوقت بنفس الكفاءة.
2. Flutter تركز على تجربة المستخدم UX ، لما تحتويه من إطار عمل لرسم الواجهات التى يتكون من التطبيق UI سواء كان يعمل هذا التطبيق على نظام android أو نظام ios وذلك بنفس كفاءة native.
3. لثقة الشركات الكبيرة فى flutter أصبحت تعتمد عليها فى تطبيقاتها الأساسية مثل Alibaba , BMW , Googlepay , .....
4. جوجل تدعمها بقوة لذلك تتطور بشكل سريع جدا .

خارطة الطريق لتعلم بناء تطبيقات الهاتف بإستخدام flutter:

المرحلة الأولى: تعلم لغة Dart 

و هى اللغة التى تستخدمها عند تطوير التطبيقات بال flutter ، فلابد من البدء بتعلم كيفية كتابة الكود البرمجى بإستخدام dart ، فلابد فى البداية من تعلم Dart  functions & Object Oriernted programming 

• إبدأ بالتعرف على الأساسيات :

Syntax, data types and variables.
Operators, flow control statements, loops, and functions.

• يمكن الإستعانة فى هذه المرحلة ب Dart pad لتطبيق الأكواد على المتصفح مباشرة.
• كما يمكن تطوير مهاراتك و تعلم مفاهيم أكثر تقدما فى dart و ذلك بتعلم 

 Enumeration, interfaces, classes, object, collection, generics, and package.

 Exceptions, debugging, type def, and libraries.

 Async, concurrency, unit testing, 

المرحلة الثانية: تثبيت البرامج على جهازك

• يمكنك الإختيار بين Android studio أو Visual studio code  و ذلك حسب إمكانيات جهازك ، فمثلا vs مناسب للأجهزة ذات الإمكانيات الأقل .
• تحديد الطريقة التى ستستخدمها لمعاينة التطبيق على جهاز إفتراضى virtual machine أو على هاتفك مباشرة.
• تجهيز بيئة جهازك بتثبيت آخر إصدار من Flutter SDK 

المرحلة الثالثة: تعلم أساسيات Flutter:

و ذلك من خلال متابعة أى دورة  تدريبية تستهدف المبتدئين Beginners ، يمكن من خلالها تعلم الأساسيات التى تتكون منها معظم التطبيقات وهى :

• التعرف على الملفات التى يتكون منها المشروع المبنى بفلاتر.
• تعلم أساسيات widgets مثل Column , Rows, Containers , buttons , texts
• الفرق بين stateless &  statefull
• التنقل بين الصفحات Navigation and Routing
• التحكم فى الحالة State managements من خلال تعلم bloc أو provider
• تعلم تخزين البيانات على هاتف المستخدم عن طريق Sqflit & Sharedpreferences
• التخزين السحابى للبيانات على خوادم Firebase من خلال تعلم Authentication , storage , realtime , firestore
• جلب البيانات من خلال التعامل مع API عن طريق معرفة http , Dio
• إضافة لغات متعددة لتطبيقك Localization 
• إضافة  Animations , Splash screen , Setting screen .

المرحلة الرابعة: إنشاء مشاريع  خاصة بك

• أفضل طريقة لتنمية مهاراتك فى البرمجة هى التطبيق الفعلى على التطبيقات ، يمكن الإعتماد على مشاريع مفتوحة المصدر الموجودة على Github . 
• كما يمكن الإستعانة بموقع Stackoverflow عندما تواجهك مشكلة أثناء برمجة مشروعك.

المرحلة الخامسة : تعلم Clean Code Architechture

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

المرحلة السادسة : تعلم Algorithms and Data structures and Design Pattern

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

تابع أيضا ملخص إنفوجرافيك لهذا المقال على Linkedin

بقلم Dr.Rasha Omran

مطورة تطبيقات الهاتف ، سفيرة ببرنامج Women Techmakers التابع لجوجل ، أهتم بالمحتوى الرقمى وأحببت أن أدون كل ما تعلمته فى هذا الموقع للإفادة فى أعمال هادفة