استخدام فلاتر ولغة دارت

تعلم البرمجة وبناء التطبيقات الاحترافية

تطوير تطبيقات الموبايل4.3(68)14 ساعة و33 دقيقة59 درسا9 أقسام

ماذا ستتعلم؟

  • تعلم لغة دارت من البداية
  • فهم أنواع البيانات والدوال ومجموعات البيانات
  • استخدام البرمجة بالكائنات والتوريث
  • تثبيت Flutter SDK وبيئة العمل
  • استخدام الويدجيتس Stateless وStateful
  • بناء تطبيق Recipe خطوة بخطوة
  • بناء تطبيق Social Media
  • استخدام البرمجة غير المتزامنة
  • التعامل مع قاعدة بيانات SQLITE
  • إضافة وتعديل وحذف البيانات

عن الدورة

يشرح هذا الكورس استخدام فلاتر Flutter ولغة دارت Dart لبناء تطبيقات الموبايل التي تعمل على أندرويد وiOS. يبدأ الكورس بلغة دارت: المتغيرات وأنواع البيانات والمعاملات وأوامر اتخاذ القرار والتكرار والدوال ومجموعات البيانات والبرمجة بالكائنات والتوريث. بعد ذلك تثبت Flutter SDK وبيئة العمل وتبني أول تطبيق، وتتعرف على الويدجيتس وStateless Widgets وStateful Widgets. ثم تبني تطبيقات عملية خطوة بخطوة مثل تطبيق Recipe وتطبيق Social Media، مع تحميل الأكواد في كل مرحلة. وفي الآخر تتعلم البرمجة غير المتزامنة والتعامل مع SQLITE وقواعد البيانات والإضافة والتعديل والحذف وإنشاء AlertDialog. يناسب الكورس المبتدئين في البرمجة ومن يريد تطوير تطبيقات الموبايل، ولا يحتاج إلى خبرة سابقة لأن الكورس يبدأ بلغة دارت من الصفر. وبعده ستكون قادرا على بناء تطبيق فلاتر متكامل بواجهات وقاعدة بيانات محلية. الشرح عملي ومتدرج، وتتبع الدروس بالترتيب لتنتقل من الفكرة إلى التطبيق خطوة بعد خطوة.

نتائج متوقعة من الدورة

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

تقييمات المتدربين

التقييمات هنا من المتدربين الذين اشتروا الدورة وأكملوا 50٪ من المحتوى على الأقل — لا توجد تقييمات من شخص لم يطلع على المحتوى.
4.3
★★★★☆
68 تقييم
5★
20
4★
46
3★
2
2★
0
1★
0
  • ★★★★★Mohamed A.·منذ 4 شهرشاهد 81٪

    good and easy

تم عرض كل التقييمات (1)

محتوى الدورة

1

المقدمات Introductions

3 درس
  1. مقدمة عامة General Introduction4:01
  2. مقدمة للغة دارت Introduction to Dartمقدمة عن لغة Dart من Google: لغة كائنية تعمل على أنظمة متعددة، تدعم AOT وJIT والمكتبات الجاهزة، مع تجربة أول طباعة في DartPad.6:10
  3. مقدمة لفلاتر Introduction to Flutterيعرف Flutter كإطار عمل لبناء تطبيقات بشفرة واحدة، ويقارنه بالتطبيقات Native وReact Native، ويشرح الترجمة AOT وHot Reload ومحرك الرسم.6:14
2

تثبيت الأدوات Install Tools

4 درس
  1. تثبيت فلاتر Install Flutter SDKيشرح تثبيت Flutter SDK على Windows مع تثبيت Git أولا، وفك ضغط الملف، وضبط المسار، والتحقق من الإعداد بالأمر flutter doctor.9:06
  2. تثبيت بيئة العمل Install IDE12:25
  3. أول تطبيق فلاتر First Flutter APP (الجزء الأول)11:51
  4. أول تطبيق فلاتر First Flutter APP (الجزء الثانى)7:47
3

البرمجة بلغة دارت Dart Programming Language

15 درس
  1. المتغيرات والبرنامج الأول First program and Variablesيشرح دالة main وأول برنامج Hello World في Dart، وطريقة تعريف المتغيرات بـ var وتخزين القيم وتعديلها، وطباعتها داخل النص.17:03
  2. أنواع البيانات Datatypesيشرح أنواع البيانات في Dart مثل int وdouble وString وbool، وتحديد نوع المتغير بـ var أو مباشرة، واستخدام final وconst للقيم الثابتة.13:02
  3. المعاملات Operators26:40
  4. أوامر إتخاذ القرار Decision Making15:23
  5. أوامر التكرار Loops14:26
  6. الدوال Functions21:52
  7. خصائص أنواع البيانات ووظائفها Datatypes methods and propertiesيشرح خصائص ودوال أنواع البيانات في Dart، مثل abs وremainder وتحويل الأنواع بـ parse وtoInt وtoString، ودوال النص مثل trim وtoUpperCase وsubstring.22:31
  8. مجموعات البيانات Collections (الجزء الأول)يشرح مجموعات البيانات في Dart، الجزء الأول، ويركز على List: الوصول للعناصر بالفهرس وتعديلها، ثم add وaddAll، والتكرار، وSet وعمليات المقارنة بين مجموعتين.25:37
  9. مجموعات البيانات Collections (الجزء الثانى)يكمل مجموعات البيانات بالمرور على عناصر List بحلقات وforEach وfor-in، ثم يشرح Map ومفاتيحها وقيمها والمرور عليها، وأساسيات enum.21:12
  10. البرمجة باستخدام الكائنات OPPيشرح البرمجة الكائنية OOP في Dart: الفرق بين class وobject، وتعريف الحقول، وإنشاء كائن، وتعديل toString، واستخدام عامل cascade.17:59
  11. البناء Constructorيشرح الـ Constructor في Dart وأنواعه: الافتراضي، والمختصر بـ this، والـ named parameters والقيم الافتراضية، والـ named constructor، واستخدام const.24:06
  12. البناء الأساسى Factory Constructor and Getter Setter16:48
  13. اللاشىء Nullabilityيشرح Null Safety في Dart: الأنواع القابلة لأن تكون null بعلامة الاستفهام، وعوامل ?? و! وlate، وكيف تمنع أخطاء القيم الفارغة.25:14
  14. التوريث Inheritanceيشرح الوراثة Inheritance في Dart: بناء class فرعي بـ extends يرث حقول وأفعال class أصلي، واستخدام super في الـ constructor، وحماية الحقول بجعلها خاصة.22:57
  15. الواجهة وإخفاء التفاصيل Abstract class and Interfaceيشرح Abstract class وInterface في Dart: الدوال المجردة التي يجب على الفئة الوارثة تنفيذها بـ override، والفرق بين الوراثة وتنفيذ الواجهة، مع أمثلة عملية.21:40
4

ملحقات لغة دارت

1 ملحقات
  1. تمرينات على لغة دارت Dart Problems Solving
5

حزمة تطوير التطبيقات Flutter

4 درس
  1. استخدام الويدجيتس Flutter Widgetsأول تعامل مع Flutter Widgets: استدعاء مكتبة material.dart، وتشغيل التطبيق بـ runApp وMaterialApp، وقراءة توثيق الـ Widgets مثل TextStyle.40:38
  2. إنشاء Stateless Widgetsيشرح إنشاء Stateless Widgets وتخصيص MaterialApp وألوانه، وإضافة FloatingActionButton مع onPressed، مع التعامل مع توثيق الـ Widgets أثناء البناء.21:27
  3. إنشاء Stateful Widgetsيشرح إنشاء Stateful Widgets وفكرة تغير الحالة، مع الفرق بين Column وRow ومحور main axis والمحور العرضي، وتغيير الألوان مثل accent color.30:31
  4. تحميل الأكواد والتطبيق الأول كامل
6

شرح أدوات الفلاتر من خلال بناء تطبيق وصفات الطعام Recipe App Structure

7 درس
  1. بناء هيكل التطبيق Recipe App Structureيبني هيكل تطبيق وصفات من شاشتين، وينشئ نموذج البيانات Recipe وIngredient ويشرح StatelessWidget والتنقل بين الشاشتين.27:26
  2. تحميل التطبيق
  3. التطوير الأول على التطبيقيضيف صور المشروع كـ assets ويعرضها في الشاشة الرئيسية بـ Card وPadding، ويستخدم GestureDetector وonTap لطباعة اسم الوصفة عند الضغط.35:15
  4. تحميل التطبيق بعد التطوير الأول
  5. التطوير الثانى على التطبيقيصمم بطاقة الوصفة بـ Container وBoxConstraints وDecorationImage لعرض الصورة، ويضبط الألوان والمسافات والنصوص بالـ Theme، ويموضع العناصر فوق الصورة.31:37
  6. تحميل التطبيق النهائى بعد التطوير الثانى
  7. تحميل ملف البيانات المستخدمة فى التطبيق
7

شرح أدوات الفلاتر من خلال بناء تطبيق تواصل إجتماعى Social Media App

9 درس
  1. بناء هيكل التطبيق Social Media App Structure29:53
  2. تحميل التطبيق
  3. التطوير الأول على التطبيقيضيف صور المشروع كـ assets ويعرضها في الشاشة الرئيسية بـ Card وPadding، ويستخدم GestureDetector وonTap لطباعة اسم الوصفة عند الضغط.29:08
  4. التطوير الثانى على التطبيقيصمم بطاقة الوصفة بـ Container وBoxConstraints وDecorationImage لعرض الصورة، ويضبط الألوان والمسافات والنصوص بالـ Theme، ويموضع العناصر فوق الصورة.21:04
  5. تحميل التطبيق بعد التطوير الثانى
  6. التطوير الثالث على التطبيق32:43
  7. تحميل التطبيق بعد التطوير الثالث
  8. التطوير الرابع على التطبيقيصمم البطاقة الثالثة لعرض الترند باستخدام Wrap وSizedBox، ويبني زر مفضلة يبدل حالته بـ setState، ويعرض أدوات Flutter Inspector وDevTools.26:27
  9. تحميل التطبيق النهائى بعد التطوير الرابع
8

التعامل مع قواعد البيانات Databases من خلال انشاء تطبيق التسوق

15 درس
  1. البرمجة غير المتزامنة Asynchronous Programming29:15
  2. إنشاء واجهة المستخدم للتطبيق والتعامل مع SQLITE19:18
  3. تحميل التطبيق
  4. انشاء موديل للبيانات Create Models Classes18:31
  5. التطوير الأول على التطبيق
  6. انشاء قاعدة البيانات للتطبيق Create Database for App27:16
  7. التطوير الثانى على التطبيق
  8. الإضافة والجلب والتعديل والحذف من قاعدة البيانات Insert, Get, Update, Delete from Database26:54
  9. التطوير الثالث على التطبيقيصمم البطاقة الثانية بإعادة استخدام كود الأولى، وينشئ Widget مخصصا لبيانات الناشر مع CircleAvatar وزر المفضلة، ويقسم الكود إلى ملفات.
  10. انشاء AlertDialog لادخال القيم من المستخدم26:21
  11. التطوير الرابع على التطبيقيصمم البطاقة الثالثة لعرض الترند باستخدام Wrap وSizedBox، ويبني زر مفضلة يبدل حالته بـ setState، ويعرض أدوات Flutter Inspector وDevTools.
  12. جلب البيانات من خلال database والتعديل على واجهة المستخدميجلب بيانات قائمة التسوق من قاعدة البيانات ويعرضها في الواجهة، ويبني AlertDialog لإضافة عنصر وزر FloatingActionButton، ويغلق النافذة بـ Navigator.pop.23:25
  13. التطوير الخامس على التطبيق
  14. المرحلة الأخيرة للتطبيق وضبط الشكل النهائى لهالمرحلة الأخيرة من تطبيق قائمة التسوق: ضبط الشكل النهائي، وإضافة عنصر بالاسم والكمية والملاحظة، وحفظ البيانات لتظهر بعد إعادة فتح التطبيق، ومراجعة ما تعلمه الدورة.9:25
  15. تحميل التطبيق النهائى
9

ملحقات فلاتر

1 درس
  1. تحديثات فلاتر الجديدةيشرح تحديث Flutter وDart إلى أحدث إصدار بأوامر الطرفية، ثم التحقق بـ flutter doctor من سلامة التثبيت مع Android Studio وVisual Studio Code.2:25

المحاضر

م/عمرو عبد الفتاح

م/عمرو عبد الفتاح

مهندس أنظمة حاسوب متخصص في تطوير وتصميم تطبيقات الهواتف ومواقع الإنترنت، عمل على تطوير منصات ومواقع شهيرة.
49.3K مشاهدة20 دورة

هذه الدورة ضمن دبلومة

دورات ذات صلة