Flutter course - مقدمة عن فلاتر - تعلم برمجة تطبيق
📋 محتوى الكورس
117 درس · 20 ساعة 59 دقيقة
- 1 Flutter course - مقدمة عن فلاتر - تعلم برمجة تطبيقات الموبايل باستخدام فلاتر 2:17
- 2 Flutter Course - ما هو ولماذا فلاتر؟ - تعلم برمجة تطبيقات الموبايل باستخدام فلاتر 5:28
- 3 تحميل وتثبيت فلاتر وبرنامج أندرويد استوديو 2021 - تعلم برمجة تطبيقات الموبايل - Flutter install 18:20
- 4 Flutter - تحميل وتثبيت فيجوال استوديو كود 2020 - تعلم برمجة تطبيقات الموبايل 3:43
- 5 تطبيق بسيط جدا 01 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Create App Files - Flutter 7:21
- 6 تطبيق بسيط جدا 02 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Material App - Flutter 10:30
- 7 تطبيق بسيط جدا 03 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Scaffold Widget - Flutter 16:52
- 8 تطبيق بسيط جدا 04 - تعلم إضافة الصور لتطبيقات الموابايل باستخدام فلاتر : Assets Images - Flutter 8:58
- 9 تطبيق بسيط 01 (بطاقاتي) - كورس تعلم فلاتر باللغة العربية للمبتدئين من الصفر : Create Files - Flutter 10:30
- 10 تطبيق بسيط 02 (بطاقاتي) - دورة تطوير فلاتر للمبتدئين من الصفر : Stateless Widget - Flutter 8:01
- 11 تطبيق بسيط 03 (بطاقاتي) - سلسلة تطوير برامج الموبايل للمبتدئين مع فلاتر : Container Widget - Flutter 10:52
- 12 تطبيق بسيط 04 (بطاقاتي) - كورس تطوير فلاتر للمبتدئين من الصفر : Column & Row - Flutter 16:07
- 13 تطبيق بسيط 05 (بطاقاتي) - كورس تطوير فلاتر للمبتدئين من الصفر : CircleAvatar - Flutter 8:50
- 14 تطبيق بسيط 06 (بطاقاتي) - كيف نضيف خط عربي مع فلاتر للمبتدئين من الصفر : Add Fonts - Flutter 6:27
- 15 تطبيق بسيط 07 (بطاقاتي) - كيف نستخدم الأيقونات مع فلاتر للمبتدئين من الصفر : Add Icons - Flutter 10:29
- 16 تطبيق بسيط 08 (بطاقاتي) - كيفية استخدام البطاقة مع فلاتر للمبتدئين : Card & ListTile - Flutter 11:51
- 17 تطبيق بسيط 09 (بطاقاتي) - تغيير شعار تطبيق الموبايل -كورس تطوير فلاتر للمبتدئين : App Icon - Flutter 5:29
- 18 كيفية تشغيل تطبيق الموبايل على موبايل حقيقي خلال البرمجة : Run Mobile App on a real device - Flutter 4:03
- 19 تطبيق متوسط 01 - إنشاء الملفات - كيف تطوير التطبيقات مع فلاتر للمبتدئين : Create App files - Flutter 8:15
- 20 تطبيق متوسط 02 - كيف نمنع خروج العناصرعن شاشة التطبيق مع فلاتر للمبتدئين : Expanded Widget - Flutter 10:15
- 21 تطبيق متوسط 03 - كيف نستخدم الأزرار في تطوير تطبيق الموبايل مع فلاتر : Buttons & onPressed - Flutter 8:46
- 22 تطبيق متوسط 04 - كيف نستخدم الدالة بتطوير تطبيقات الموبايل مع فلاتر : Functions in Dart - Flutter 3:55
- 23 تطبيق متوسط 05 - كيف نستخدم المتغيرات في برمجة تطبيق الموبايل مع فلاتر : Variables in Dart - Flutter 7:49
- 24 تطبيق متوسط 06 - ما هي أنواع المتغيرات في تطوير تطبيق الموبايل مع فلاتر : Dart Data Types - Flutter 8:50
- 25 تطبيق متوسط 07 - ما الفرق بين أهم مكونين لتطوير التطبيق مع فلاتر : Stateless vs. Stateful - Flutter 11:08
- 26 تطبيق متوسط 08 - كيف نولد رقم عشوائي في تطوير تطبيقات الموبايل مع فلاتر : Random number - Flutter 11:56
- 27 استنساخ وتحميل ملفات أي تطبيق موبايل آخر من كت هاب : Clone Apps - Github - Flutter 4:02
- 28 تطبيق متوسط 01 - كيف نستخدم البرامج المساعدة في تطوير تطبيقات الموبايل مع فلاتر : Packages - Flutter 15:58
- 29 تطبيق متوسط 02 - كيف نستخدم المدخلات في الدالة لتطوير التطبيقات مع فلاتر : Input argument - Flutter 8:52
- 30 متوسط 03 - تصميم وبرمجة تطبيق موبايل النغمات مع كورس فلاتر : Mobile App design - Flutter 4:11
- 31 تطبيق متوسط 04 - كيف نستخدم مخرجات الدالة لتطوير التطبيقات مع فلاتر : Output in Functions - Flutter 15:26
- 32 تطبيق متوسط 05 - العمل على التصميم النهائي لتطبيق نغمات مع فلاتر للمبتدئين : Final Design - Flutter 6:49
- 33 حدد هدفك لتصل 4:56
- 34 فوق المتوسط 01 - إنشاء الملفات - برمجة تطبيق إختبار مع فلاتر للمبتدئين : Create App files - Flutter 17:10
- 35 فوق المتوسط 02 - عرض نتيجة إجابة الأسئلة على الشاشة مع فلاتر للمبتدئين : List [ ] in Dart - Flutter 10:26
- 36 فوق المتوسط 03 - عرض الأسئلة واستداعئها من القائمة : List for questions - Flutter 12:02
- 37 فوق المتوسط 04 - كيف تستخدم إذا الشرطية للتأكد من صحة الأسئلة مع فلاتر : if Conditional - Flutter 11:29
- 38 فوق المتوسط 05 - كيف تنشأ الكلاس والباني مع فلاتر : Classes & Constructor - Flutter 15:58
- 39 فوق المتوسط 06 - كيفية تطوير وإضافة أيكون لقائمة عند الضغط على الزر : Add icons to list - Flutter 9:14
- 40 فوق المتوسط 07 - تبسيط الكود المعقد وتجريده مع فلاتر : Abstraction - Flutter 8:24
- 41 فوق المتوسط 08 - تعلم التغليف أو الحماية في لغات البرمجة مع فلاتر : Encapsulation - Flutter 15:24
- 42 فوق المتوسط 09 - تعلم التوريث في البرمجة لمنع التكرار مع فلاتر : Inheritance - Flutter 9:11
- 43 فوق المتوسط 10 - تعلم تعدد الأشكال بالبرمجة لتعديل الكود بالكلاس الرئيسي : Polymorphism - Flutter 10:24
- 44 فوق المتوسط 11 - إنهاء برمجة تطبيق الموبايل اختبار : Finishing the app - Flutter 15:14
- 45 برمجة تطبيق موبايل متجر الكترونيات كامل مع فلاتر خطوة بخطوة - Electrical store mobile app - Flutter 50:01
- 46 فوق المتوسط 01 - شرح آلية عمل تطبيق الدليل السياحي ومراحل برمجته ـ فلاتر Mobile travel app - Flutter 6:40
- 47 فوق المتوسط 02 - إنشاء ملفات التطبيق وتجهيز قاعدة البيانات : Travel app - Flutter 15:09
- 48 فوق المتوسط 03 - عرض الصور والعنوان من ملف البيانات : Travel app - Flutter 11:28
- 49 فوق المتوسط 04 - إضافة خط عربي وتحويل إتجاه الكتابة : Travel app - Flutter 7:34
- 50 فوق المتوسط 05 - التنقل بين صحفات البرنامج وفتح وإغلاق شاشات التطبيق : Travel app - Flutter 10:28
- 51 فوق المتوسط 06 - تمرير بيانات تطبيق الموبايل من خلال استخدام الباني : Travel mobile app - Flutter 3:09
- 52 فوق المتوسط 07 - تمرير وفتح صفحات التطبيق باستخدام الراوت : Travel app - Flutter 8:39
- 53 فوق المتوسط 08 - استخدام متغير ثابت لتمرير وفتح صفحات التطبيق باستخدام الراوت : Travel app - Flutter 4:16
- 54 فوق المتوسط 09 - تجهيز بيانات الرحلات وإنشاء الباني لها واستخدام الإينام : Travel app - Flutter 11:46
- 55 فوق المتوسط 10 - فلترة الرحلات حسب التصنيفات : Travel app - Flutter 5:00
- 56 فوق المتوسط 11 - تصميم بطاقة الرحلات في صفحة التصنيفات : Travel app - Flutter 11:21
- 57 فوق المتوسط 12 - استكمال تصميم بطاقة الرحلات في صفحة التصنيفات : Travel app - Flutter 17:33
- 58 فوق المتوسط 13 - كيفية فتح صفحة تفاصيل الرحلة : Travel app - Flutter 8:46
- 59 فوق المتوسط 14 - تصميم صفحة تفاصيل الرحلة : Travel app - Flutter 19:06
- 60 فوق المتوسط 15 - برمجة شريط التبويب العلوي أو التاب بار : Travel app - Flutter 10:20
- 61 فوق المتوسط 16 - برمجة شريط التبويب أو التاب بار في أسفل الشاشة : Travel Mobile app - Flutter 12:29
- 62 فوق المتوسط 17 - ما هي الـ ماب في لغة البرمجة دارت وكيفية استخدامها : Travel Mobile app - Flutter 13:15
- 63 فوق المتوسط 18 - برمجة قائمة السحب في الشريط العلوي لتطبيق الموبايل : Travel Mobile app - Flutter 17:27
- 64 فوق المتوسط 19 - برمجة وتطويل صفحة الفلترة لتطبيق موبايل الرحلات فلاتر : Travel mobile app - Flutter 10:40
- 65 فوق المتوسط 20 - تمرير البيانات بين صفحات تطبيق الدليل السياحي بفلاتر : Travel mobile app - Flutter 16:25
- 66 كيف يمكنك دعم المحتوى - فيديو الانتساب للقناة 3:05
- 67 فوق المتوسط 21 - برمجة آلية عمل أزرار الفلترة بتطبيق الدليل السياحي : Travel mobile app - Flutter 21:16
- 68 فوق المتوسط 22 - كيفية برمجة صفحة المفضلة وإنهاء تطبيق الدليل السياحي : Travel mobile app - Flutter 20:11
- 69 برمجة موقع ويب وتطبيق موبايل كامل مع فلاتر ـ موقع تطويرعقاري - Real Estate mobile app - Flutter web 1:01:42
- 70 برمجة تطبيق موبايل مع قاعدة بيانات من الفايربيز : Chat mobile app - Flutter & Firebase/Firestore 1:51
- 71 تصميم وبرمجة صفحات تطبيق الموبايل المحادثة مع فلاتر : Chat mobile app - Flutter & Firebase/Firestore 27:26
- 72 التنقل بين صفحات تطبيق الموبايل : Chat mobile app 03 - Flutter & Firebase/Firestore 9:11
- 73 إنشاء مشروع فايربيز وربطه بالتطبيق : Chat mobile app 04 - Flutter & Firebase/Firestore 10:27
- 74 تسجيل جهاز موابايل أيفون بمشروع الفايربيز : Chat app 05 - Flutter & Firebase/Firestore 4:37
- 75 تحميل البرامج المساعدة الخاصة بالفايربيز : Chat app 06 - Flutter & Firebase/Firestore 7:11
- 76 كيفية تسجيل مستخدم جديد بقاعدة البيانات مع الفايربيز : Chat app 07 - Flutter & Firebase/Firestore 16:36
- 77 كيفية عمل تسجيل دخول وخروج لمستخدم قديم مع الفايربيز : Chat app 08 - Flutter & Firebase/Firestore 5:04
- 78 كيفية إضافة مؤشر التحميل قبل ظهور البيانات من الانترنت : Chat app 09 - Flutter & Firebase/Firestore 7:37
- 79 كيفية حفظ الرسائل من التطبيق على قاعدة البيانات بالانترنت : Chat 10 - Flutter & Firebase/Firestore 8:17
- 80 كيفية استدعاء الرسائل أو الداتا من قاعدة البيانات الفايربيز : Chat 11 - Flutter & Firebase/Firestore 5:09
- 81 كيفية دفع الرسائل وليس استدعائها من الفايربيز : Chat 12 - Flutter & Firebase/Firestore 4:31
- 82 استخدام الودجت الخاصة لعرض الرسائل على الشاشة من الفايربيز : Chat 13 - Flutter & Firebase/Firestore 8:48
- 83 تصميم كيفية عرض الرسائل على شاشة الموبايل : Chat 14 - Flutter & Firebase/Firestore 9:48
- 84 تصميم شاشة المحادثة : Chat 15 - Flutter & Firebase/Firestore 8:57
- 85 ترتيب الرسائل حسب التوقيت وإبقاء التطبيق بحالة تسجيل دخول : Chat 16 - Flutter & Firebase/Firestore 5:35
- 86 تعلم فلاتر والفايربيز مع برمجة تطبيق محادثة : Chat app - Flutter & Firebase 2:12:02
- 87 كيفية نشر وتحميل تطبيق فلاتر على متجر تطبيقات جوجل - Flutter & Google Play Store 15:49
- 88 برمجة تطبيق موبايل لإدارة المهام مع فلاتر : Todo app 01 - Flutter 1:17
- 89 برمجة واجهة تطبيق موبايل إدارة المهام مع فلاتر : Todo app 02 - Flutter 7:56
- 90 عرض قائمة المهام : Todo app 03 - Flutter 4:06
- 91 برمجة صفحة إضافة مهمة جديدة : Todo app 04 - Flutter 7:13
- 92 شرح معنى حالة التطبيق : Todo app 05 - Flutter 4:58
- 93 Stateful widget : Todo app 06 - Flutter 7:56
- 94 تحويل المهام وعرضهم في قائمة : Todo app 07 - Flutter 8:59
- 95 ListView builder : Todo app 08 - Flutter 3:39
- 96 إعادة تشغيل مربع التحديد : Todo app 09 - Flutter 3:02
- 97 رفع متغير لودجت أعلى في شجرة المكونات : Todo app 10 - Flutter 4:43
- 98 عرض المهمة الجديدة على الشاشة : Todo app 11 - Flutter 6:54
- 99 State management with Provider package : Todo app 12 - Flutter 16:44
- 100 عرض المهمة الجديدة على الشاشة باستخدام البروفايدر : Todo app 13 - Flutter 5:44
- 101 تحديد مهمة باستخدام البروفايدر : Todo app 14 - Flutter 4:35
- 102 حذف مهمة باستخدام البروفايدر وإنهاء التطبيق : Todo app 15 - Flutter 4:45
- 103 فلاتر على الماشي - نافذة اختيار التاريخ : Flutter to go - Date Picker 3:05
- 104 فلاتر على الماشي - نافذة اختيار التوقيت : Flutter to go - Date Picker 2:34
- 105 فلاتر على الماشي - نافذة اختيار التاريخ والتوقيت معا : Flutter to go - DateTime Picker 4:45
- 106 فلاتر على الماشي - نوافذ التبويب السفلية : Flutter to go - NavigationBar 3:19
- 107 فلاتر على الماشي - نافذة مربع الحوار : Flutter to go - Pop-up Dialog 1:19
- 108 ما هو الجديد مع تحديث فلاتر الأخير - Flutter Update 3.0 2:22
- 109 فلاتر على الماشي - القائمة المنسدلة : Flutter to go - Dropdown Menu 2:14
- 110 فلاتر على الماشي - حجم خط متناسب مع مساحة الصندوق : Flutter to go - FittedBox Widget 1:41
- 111 فلاتر على الماشي - إعادة ترتيب قائمة عن طريق السحب : Flutter to go - Drag & Drop 1:43
- 112 فلاتر على الماشي - سحب وإفلات عنصر على الشاشة : Flutter to go - Drag & Drop 3:58
- 113 فلاتر على الماشي - تصميم متناسب ومتجاوب مع جميع الشاشات : Flutter to go - Responsive Design 3:28
- 114 برمجة صفحة تسجيل الدخول مع الفايربيز : Firebase - Sign In #1 - Flutter 11:42
- 115 إنشاء وربط حساب فايربيز لأجهزة الأندرويد والآبل : Firebase - Setup #2 - Flutter 7:37
- 116 تسجيل دخول المستخدم باستخدام الايميل وكلمة السر مع الفايربيز : Firebase - Sign in #3 - Flutter 9:06
- 117 برمجة صفحة تسجيل المستخدم : Firebase - Sign up #4 - Flutter 9:11
📘 نظرة عامة على الكورس
يُقدّم هذا الكورس المجاني شرحاً شاملاً لـ فلاتر كامل للمبتدئين من الصفر – تطوير وبرمجة تطبيقات الموبايل في مجال تطوير تطبيقات الموبايل، ويستهدف المبتدئين الراغبين في بناء مهاراتهم العملية واحترافية في 2026. يُقدّمه Ammar Alkhatib باللغة العربية بأسلوب مبسّط ومنظّم.
يضم الكورس 117 درساً بمدة إجمالية 20 ساعة 59 دقيقة، تأخذك من الصفر حتى الاحتراف خطوةً بخطوة.
لماذا تتعلم فلاتر كامل للمبتدئين من الصفر – تطوير وبرمجة تطبيقات الموبايل؟
- Flutter يُمكّنك من بناء تطبيق واحد يعمل على Android وiOS وWeb وDesktop بكود واحد.
- مجاني بالكامل — ابدأ الآن دون أي رسوم
- شهادة إتمام معتمدة — أضفها لـ CV وLinkedIn
- تعلّم في أي وقت — بالسرعة التي تناسبك
- Google بتستخدم Flutter في تطبيقاتها، وAdobe وBMW من أبرز الشركات التي تستخدمه.
مسار التعلم في هذا الكورس
يسير الكورس وفق مسار منطقي متدرّج: Dart → Widgets → State Management → API → Firebase → Publish
المتطلبات السابقة
أساسيات OOP تفيد — يمكن لأي شخص البدء في هذا الكورس.
الأدوات والبرامج المستخدمة
- VS Code
- Android Studio
- Flutter SDK
- Firebase
- Dart DevTools
متطلبات الجهاز
- RAM 8GB (لتشغيل المحاكي)
- معالج حديث
- SSD مُفضل
الوظائف المتاحة بعد إتمام الكورس
- Flutter Developer
- Mobile Developer
- Cross-Platform Developer
متوسط رواتب فلاتر كامل للمبتدئين من الصفر – تطوير وبرمجة تطبيقات الموبايل 2026
- مصر: 8,000-22,000 ج
- السعودية: 12,000-30,000 ر
- أمريكا: $90,000-$140,000
كم من الوقت تحتاج لإتقان فلاتر كامل للمبتدئين من الصفر – تطوير وبرمجة تطبيقات الموبايل؟
- أساسيات Dart: 15-20 ساعة
- Flutter Basics: 30-40 ساعة
- تطبيق كامل: 60-100 ساعة
الشهادات المعتمدة في مجال تطوير تطبيقات الموبايل
- Google Flutter Certification
- Udacity Flutter Nanodegree
مشاريع عملية ستتمكن من بناؤها
- Todo App
- Chat App
- E-commerce App
- Social App
ماذا بعد هذا الكورس؟
بعد إتمام الكورس، يُوصى بالتعمق في: Firebase Advanced، Riverpod، Flutter Web.
الأقسام الجامعية ذات الصلة
يُناسب هذا الكورس طلاب: كلية حاسبات ومعلومات، كلية هندسة.
سجّل في كورس فلاتر كامل للمبتدئين من الصفر – تطوير وبرمجة تطبيقات الموبايل الآن، ابدأ رحلتك نحو الاحتراف في تطوير تطبيقات الموبايل مجاناً. تذكّر: أفضل وقت للتعلم هو الآن.
A
المدرّس / القناة
Ammar Alkhatib
عدد الدروس
117 درس
المدة الإجمالية
20 ساعة 59 دقيقة
المستوى
مبتدئ
اللغة
العربية
الشهادة
مجانية عند الإكمال
المتطلبات
لا توجد متطلبات مسبقة
التصنيف
تطوير تطبيقات الموبايل
🎯 ماذا ستتعلم في هذا الكورس
✓
Flutter course - مقدمة عن فلاتر - تعلم برمجة تطبيقات الموبايل باستخدام فلاتر
✓
Flutter Course - ما هو ولماذا فلاتر؟ - تعلم برمجة تطبيقات الموبايل باستخدام فلاتر
✓
تحميل وتثبيت فلاتر وبرنامج أندرويد استوديو 2021 - تعلم برمجة تطبيقات الموبايل - Flutter install
✓
Flutter - تحميل وتثبيت فيجوال استوديو كود 2020 - تعلم برمجة تطبيقات الموبايل
✓
تطبيق بسيط جدا 01 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Create App Files - Flutter
✓
تطبيق بسيط جدا 02 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Material App - Flutter
✓
تطبيق بسيط جدا 03 - تعلم برمجة تطبيقات الموابايل باستخدام فلاتر : Scaffold Widget - Flutter
✓
تطبيق بسيط جدا 04 - تعلم إضافة الصور لتطبيقات الموابايل باستخدام فلاتر : Assets Images - Flutter
✓
+ 109 موضوع آخر...
💼 الوظائف التي يؤهلك لها الكورس
متعلق بـ تطوير تطبيقات الموبايل
❓ أسئلة شائعة عن الكورس
كم عدد دروس الكورس؟
يحتوي الكورس على 117 درس بإجمالي مدة 20 ساعة 59 دقيقة.
هل الكورس مجاني بالكامل؟
نعم، الكورس مجاني تماماً ومتاح بالكامل على منصة مصر 24 بدون أي رسوم.
هل الكورس مناسب للمبتدئين؟
الكورس موجّه لمستوى مبتدئ، وهو مناسب تماماً للمبتدئين من الصفر.
ما لغة الشرح في الكورس؟
الكورس مشروح باللغة العربية بأسلوب واضح ومبسّط.
هل يمكن تعلم الكورس بدون خبرة سابقة؟
نعم بالتأكيد. هذا الكورس مصمم للمبتدئين من الصفر.
كم يستغرق إتمام هذا الكورس؟
المدة الإجمالية 20 ساعة 59 دقيقة. يُنصح بتخصيص ساعة يومياً.
هل أحصل على شهادة عند الإتمام؟
نعم، تحصل على شهادة إتمام مجانية من مصر 24 بعد مشاهدة جميع الدروس.
من يقدم هذا الكورس؟
الكورس مقدم من Ammar Alkhatib.
