تعلم فلاتر Flutter – أساسيات فلاتر – تصميم تطبيقات الموبايل

تعلم فلاتر Flutter – أساسيات فلاتر – تصميم تطبيقات الموبايل

ماهي فلاتر Flutter ؟

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

يمكننا عن طريق استخدام فريمورك فلاتر Flutter تصميم تطبيقات ويب وتطبيقات موبايل وتطبيقات سطح مكتب

ماهي لغة البرمجة Dart؟

هي لغة برمجة من شركة Google تم من خلالها تطوير فريمورك Flutter.

تعتبر لغة البرمجة Dart من اللغات التي يسهل تعلمها ولاتحتاج أي خبرة سابقة حتى تبدأ في تعلمها.

يجب تعلم لغة البرمجة دارت Dart أولاً قبل البدء في تعلم فلاتر Flutter حتى يتم فهم أساسيات البرمجة لتصبح رحة التعلم أسهل.

شركات كبيرة تستخدم فلاتر Flutter في برمجة تطبيقاتها

ربما يخطر ببال البعض السؤال التالي هل هناك شركات كبيرة تستعمل فلاتر في تطبيقاتها؟

الجواب نعم هناك العديد من الشركات الكبرى التي تستخدم فلاتر في برمجة تطبيقاتها ومنها شركة جوجل وشركة علي بابا وشركة ebay والعديد العديد من الشركات الضخمة

يمكنكم زيارة الرابط التالي لمعرفة المزيد عن الشركات التي تستخدم فلاتر

https://flutter.dev/showcase

هل يعتبر تعلم برمجة تطبيقات الموبايل باستخدام فلاتر Flutter أمراً سهلاً ؟

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

  1. اذا كان لديك معرفة سابقة بلغة برمجة معينة مثل Javascript , C# , php أو غيرها من لغات البرمجة ، فذلك سيسهل عليك تعلم لغة دارت Dart لأنك في الأساس سيكون مفهوم البرمجة واضح بالنسبة لك
  2. في حال كنت مبرمج سابق لتطبيقات الموبايل ولديك خبرة بمكونات التطبيقات وطريقة تفكير مبرمج تطبيقات الموبايل فذلك سيفتح الطريق أمامك لتعلم Flutter بسهولة وسرعة

من خلال متابعتي لبعض الشروحات في اليوتيوب فقد وجد بأن الأشخاص الذين لديهم خبرة سابقة ببرمجة تطبيقات الموبايل ينصحون وبشدة بتعلم Flutter لما تقدمه من سهولة وسرعة في بناء التطبيقات.

مصطلحات يجب عليك فهمها قبل البدء بتعلم فلاتر Flutter

SDK: Software Development Kit

يطلق هذا المصطلح على مجموعة من أدوات تطوير التطبيقات التي تقدمها فلاتر.

يجب علينا تثبيت هذه الأدوات قبل البدء ببرمجة التطبيقات، ولايجب علينا معرفة طريقة عملها بل فقط تثبيتها والبدء بالبرمجة.

يمكنني تشبيهها بالكود الأساسي لوردبريس WordPress core

Flutter is a cross-platform framework

قد نسمع هذه العبارة كثيراً عند مشاهدة الفيديوهات التعليمية على اليوتيوب ولكن ماذا تعني cross-platform ؟

هذا يعني بأن فلاتر لديها اطار عمل متعدد المنصات ويمكن للمبرمجين أن يصمموا برامج مختلفة تعمل على أغلب المنصات مثل :

IOS, Android, Mac, Windows, Linux and Web

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

iPhone Simulator & Android Emulator

المحاكي الذي نقوم بتثبيته على جهاز الكمبيوتر يطلق عليه اسم من هذه الأسماء:

فإذا كان جهاز الموبايل المحاكي يعمل على نظام ios فإننا نطلق عليه اسم Simulator

أما اذا كان جهاز الموبايل المحاكي يعمل بنظام Android فيطلق عليه Emulator.

الاسمان يشيران لنفس الهدف وهو المحاكي المثبت على جهاز الكمبيوتر .

العناصر في فلاتر Widgets

يتألف تطبيق الموبايل المبرمج بفلاتر Flutter من عناصر صغيرة تسمى Widgets.

أي شيء في التطبيق سيكون Widget سواء كان نص أو صورة أو قائمة فهو بالنهاية Widget.

يمكنني أن أشبه الأمر بعناصر HTML فهناك نسميها تاجات Tags eller elements

كما وأن صفحة ال HTML مؤلفة من مجموعة كبيرة من Tags مثل <h1> <p> <a> <button> والأمر نفسه مع فلاتر.

الذي أريد أن أقوله أن لكل لغة مصطلحاتها وأدواتها ولكنهم يتشابهون في الجوهر.

لذلك تستعمل فلاتر تسمية الـ Widgets بدلاً من الـ Tags أو يطلق عليها أيضاً كلاسات .

من هذه العناصر التي سنستعملها في فلاتر :

Text(), TextStyle(), TextButton(), Column(), Row()

وغيرها من مئات العناصر التي تم تصميمها لتسهل علينا عملية بناء التطبيقات

يمكنكم مشاهدة شرح لهذه المقالة في قناتنا في اليوتيوب wpcode