Flutter 101
مبتدئ
18579 مشترك
01:46:16
سنتعرف في هذهِ الدورة على إطار العمل Flutter وعلى أهم مميزاته، كما سنتعرف على طريقة تثبيته وتشغيله على محاكي iOS ومحاكي Android
31 فيديو تعليمي
اختبار واحد
مشروع واحد
ماذا ستتعلم ؟
مقدمة عن إطار العمل Flutter
تثبيت Flutter وتشغيل محاكي iOS و Android
التعرف على مفهوم Widget وأهم عنصارها
محتوى الدورة
1
مقدمة عن Flutter
00:04:05
في هذهِ الوحدة سنلقي نظرة على إطار العمل Flutter وأهم مميزاته وما يمكن أن يقدمه لنا.
لماذا Flutter
مقدمة في Flutter
2
تثبيت وتهيئة البيئة
00:19:29
سنقوم في هذهِ الوحدة بتثبيت Flutter على أجهزة Mac و Windows.
تثبيت Flutter على نظام Windows
تثبيت Android Studio على نظام Windows
تثبيت Flutter على جهاز Mac
تثبيت Android Studio على جهاز Mac
تشغيل محاكي نظام Android
تشغيل محاكي iOS (فقط على نظام Mac)
نظرة على Android Studio
3
مشروع تعريفي بإطار عمل Flutter
00:07:27
في هذهِ الوحدة سنقوم بإنشاء مشروع Flutter وسنتعرف على طريقة عمله.
إنشاء تطبيق Material App
إنشاء صفحة باستخدام Scaffold
4
عناصر Widgets
00:23:17
سنتعرف في هذهِ الوحدة على أهم عناصر Widgets والتي ستمكننا من بناء الواجهات في Flutter.
التعرف على Documentation
ميزة Hot Reload
SafeArea Widget - المنطقة الآمنة
Widget Center - المنتصف
Widget Text - النص
Colors - الألوان
Widget Container - الحاوية
Widget Padding | المساحات
Widget AppBar | شريط التطبيقات
Widget Icon - الأيقونة
Widget Image - الصورة
Widget Column and Row | الأعمدة والصفوف
اختبار قصير
3 أسئلة
5
تطبيق مفاهيم Widgets
00:21:58
في هذهِ الوحدة سنقوم بتطبيق ما تعلمناه في الوحدة السابقة في مثال عملي عن طريق إنشاء واجهة معقدة تحتوي على العديد من عناصر Widgets المتداخلة.
نظرة على المثال التطبيقي
الهيكل الأساسي للمشروع
تصميم الصورة الخاصة بالدكتور
تصميم النصوص في الجهة العلوية
تصميم الأيقونات
إعادة استخدام الأيقونات
تصميم صورة الخريطة
تصميم التفاصيل الكتابية الخاصة بالموقع
6
المشروع
00:30:00
المشروع
المشروع