تعلم برمجة تطبيقات الهاتف باستخدام فلاتر من الصفر
هذا المسار هو طريقك المثالي لتعلم برمجة تطبيقات الموبايل والاستعداد للتقديم على وظائف في هذا المجال الواعد؛ حيث ستتعلم ومن الصفر لغة برمجة Dart وإطار العمل الشهير Flutter لتبني بنفسك تطبيقات موبايل تعمل بكفاءة على الأنظمة المتعددة (Cross-platform apps) مثل Android و iOS و Web و Desktop وباستخدام كود واحد فقط، وذلك بمساعدة اثنين مهندسين بخبرة مجمعة أكثر من 14 عام ومعتمدين من جوجل. كل هذا مع التطبيق العملي على مشاريع حقيقية (5 تطبيقات موبايل) تستطيع إضافتها إلي Portfolio الخاص بك، مع الرد على أسئلتك من خلال المجموعة الدراسية الخاصة بالمسار وكذلك الاجتماع الأسبوعي Live مع مشرفي المسار.
- المعرفة المُسبقة
لا يتطلب هذا المسار أي خبرة مسبقة في البرمجة، ولكن إذا كنت تعرف بعض أساسيات البرمجة أو أي لغة برمجة أخرى مثل Python أو java أو#C أو javascript وما إلى ذلك؛ فستكون رحلة تعلمك أسرع وستستوعب المفاهيم بشكل أفضل.
ماذا ستتعلم في هذا المسار؟
ستبدأ المسار بدورة أساسيات لغة دارت لتتعلم أهم ومعظم مفاهيم هذه اللغة، ثم تتعمق أكثر وتطور مهاراتك من خلال دورة البرمجة كائنية التوجه (Object-Oriented Programming) باستخدام لغة دارت، لتقوم بإنشاء أكواد برمجية يُمكنها التعامل مع السيناريوهات المعقدة، ثم تبدأ في تعلم دورات فلاتر بدءًا من الأساسيات وحتى الدورات الأكثر تقدمًا، وبمجموع دورتين في دارت و7 دورات في فلاتر.
- 1
الدورة 1 من 9دورة أساسيات لغة دارت
ستتعلم في هذه الدورة معظم المواضيع والمفاهيم الهامة في لغة برمجة Dart، حيث ستتعرف على أساسيات اللغة من خلال تعريف أنواع البيانات وكيف تُخزن البيانات من خلال معرفتك بالـ Dart Type System، وكيفية إنشاء تطبيق أكثر تعقيدًا يحتوي على العديد من السيناريوهات من خلال معرفتك بالـ Control flow، وأيضًا كيفية تخزين الكثير من البيانات المعقدة من خلال معرفتك بالـ Collections، وكيف تصنع تطبيق أكثر أمانًا من خلال معرفتك بالـ Null Safety، وكذلك كيفية استخدام أدوات Dart، مثل DartPad و Dart SDK وغيرهم الكثير.
وبحلول نهاية الدورة، ستتمكن من كتابة برامج Dart بسيطة وفعالة بنفسك من خلال الأمثلة العملية من بيئة العمل الواقعية والتدريبات والتحديات الموجودة؛ لتتمكن من فهم المبادئ الأساسية للغة وتكون مستعدًا لاتخاذ الخطوة التالية في رحلة تعلم أعمق مع الدورة الثانية.
- 2
الدورة 2 من 9Object Oriented programming in Dart
تُغطي هذه الدورة مفاهيم البرمجة الكائنية (OOP) باستخدام لغة Dart، حيث ستبدأ رحلة تعلمك من خلال دراسة المفاهيم الأساسية مثل Object/Class و Encapsulation و Getters & Settersو Named Constructor وغيرهم، ثم يتدرج معك المهندس يوسف إلى المفاهيم الأكثر تقدمًا مثل Inheritance و Super Constructor و Polymorphism و toString Method و Cascade Operator، وغيرهم من المفاهيم الأخرى الهامة.
وبحلول نهاية الدورة، ستتمكن بنفسك من تصميم وتنفيذ الفئات (Classes) والكائنات (Objects) وغيرهم، واستخدامها لإنشاء تطبيقات قوية وفعالة، لتكون مستعدًا لاتخاذ الخطوة التالية في رحلة التعلم الخاصة بك وبدأ تعلم إطار العمل Flutter.المشاريع العملية 1
- مشروع عملي 1: Weather Appستتعلم في هذا المشروع كيفية التعامل مع واجهات برمجة التطبيقات (RESTful APIs) باستخدام لغة Dart ومكتبة Dio، لبناء تطبيق طقس ديناميكي يعرض حالة الجو الحالية والمعلومات المرتبطة بها. ستقوم بإنشاء API Client مخصص، قراءة بيانات الاستجابة، ثم تحويلها (Parsing) إلى بيانات قابلة للاستخدام داخل التطبيق. هذا المشروع سيمكنك من الجمع بين مبادئ البرمجة الكائنية (OOP) والتطبيق العملي على ربط التطبيقات بمصادر بيانات خارجية.
- 3
الدورة 3 من 9دورة أساسيات فلاتر
هذه الدورة هي الخطوة الطبيعية بعد تعلمك لغة برمجة دارت Dart، حيث ستتعلم كيف تبني تطبيقك الأول بفلاتر. ستبدأ الدورة بمقدمة عن فلاتر، ثم ستتعرف كيفية إعداد بيئة Flutter و IDE وهي الخطوة الأولى لضمان انطلاقة صحيحة. ستتعرف كيفية إعداد محاكي (simulator) لاختبار التطبيق، وستتعامل مع Widgets و Functions لتكتشف مكونات واجهة المستخدم الأساسية وكيفية تصميم واجهات تفاعلية. ستتعلم كيفية بناء تطبيق حقيقي وتطوير منطق التطبيق وتحسين تصميمه، كل هذا مع استخدام Debugging & DevTools لتصحيح الأخطاء وتحسين أداء تطبيقك وضمان تجربة مستخدم سلسة.
المشاريع العملية 1
- مشروع عملي 2: Quiz Appفي هذا المشروع ستبني تطبيق اختبار تفاعلي (Quiz App) باستخدام Flutter من الصفر. ستتعلم كيفية تصميم واجهة مستخدم جذابة، استخدام Widgets المختلفة مثل Column و Row، إنشاء Custom Widgets خاصة بك، وربط الأسئلة والإجابات من خلال Models. ستضيف منطق حساب النتيجة الكلية، خاصية إعادة تشغيل الاختبار، وتحسين الأداء باستخدام const. كما ستعمل على تحسين تجربة المستخدم (UI/UX) عبر تطوير الشكل النهائي للتطبيق، مما يجعل التطبيق تجربة تعليمية ممتعة وقابلة للتوسع.
- 4
الدورة 4 من 9إنشاء وتصميم تطبيق توصيل الطعام بإستخدام فلاتر
ستتعلم في هذه الدورة كيفية بناء تطبيق كامل وحقيقي لتوصيل طلبات الطعام، مع التركيز على تصميم واجهات تفاعلية، واستخدام بعض الأدوات الحديثة مثل GridView وغيرها، وكيفية جعل تطبيقك يعمل بكفاءة على معظم الأنظمة والشاشات المختلفة. ستتعلم كيفية إنشاء شريط التنقل (BottomNavBar) والـ Favorite Logic واستخدام MediaQuery، وستتعرف كيفية جعل التطبيق متجاوبًا مع مختلف الشاشات وكذلك تهيئته للعمل على الأنظمة المختلفة مثل Android، iOS، والويب، وتتعرف كيفية تحسين أداء التطبيق وتجربة المستخدم لكل منصة.
المشاريع العملية 1
- مشروع عملي 3: Food Delivery Appستقوم في هذا المشروع بتطوير تطبيق كامل لتوصيل الطعام بخطوات متدرجة تبدأ من تصميم الواجهة باستخدام GridView و Drawer و AppBar، وصولًا إلى إضافة خاصية المفضلة (Favorites) ومنطقها البرمجي. ستتعلم كيفية تخصيص الـBottom Navigation Bar للتنقل بين الصفحات، إدارة البيانات باستخدام CopyWith، وضبط حالة العناصر المضافة أو المحذوفة من المفضلة. لاحقًا ستضيف Themes وخطوط مخصصة، وتتعامل مع Responsive Design لجعل التطبيق متوافقًا مع مختلف أحجام الشاشات، بل وتجعله Adaptive عبر استخدام Widgets خاصة بنظام iOS مثل Cupertino. النتيجة ستكون تطبيق عصري يحاكي تطبيقات التوصيل الحقيقية.
- 5
الدورة 5 من 9Flutter Deep Dive & Building Multiple Screen Apps
في دورة Flutter Deep Dive & Building Multiple Screen Apps، ستتعلّم كيفية بناء تطبيقات حقيقية متعددة الشاشات باستخدام تقنيات متقدّمة وهيكلية قوية وقابلة للتوسّع، مع التعمق في مفاهيم إدارة الحالة والتعامل مع البيانات المعقّدة بطريقة احترافية. كما ستتعرّف على أساليب التنقّل بين الشاشات بسلاسة، وتطبّق أفضل الممارسات في تنظيم الكود وتحسين الأداء. تركّز الدورة أيضاً على تعزيز تجربة المستخدم وتهيئة التطبيق ليعمل بكفاءة عالية على مختلف المنصات، مما يجعلها خطوة عملية نحو احتراف تطوير التطبيقات باستخدام Flutter.
- 6
الدورة 6 من 9Building an E-commerce App with State Management
ستتعلم في هذه الدورة خطوة بخطوة كيفية بناء تطبيق تجارة إلكترونية متكامل (E-commerce App) باستخدام Flutter مع تطبيق تقنيات إدارة الحالة الحديثة مثل Bloc و Cubit. سنبدأ بالتعرف على مفاهيم Bloc الأساسية وكيفية استخدامها في تنظيم Logic التطبيق، ثم ننتقل لبناء تطبيق عملي يدعم إضافة المنتجات إلى السلة، ,إدارة عمليات الدفع، والتعامل مع مدخلات المستخدم والنماذج بشكل احترافي وآمن.
المشاريع العملية 1
- مشروع عملي 4: E-commerce Appفي هذا المشروع المتكامل ستبني تطبيق تجارة إلكترونية حقيقي باستخدام State Management (BLoC & Cubit) مع دمج خدمات Firebase. ستبدأ من صفحة المنتجات الرئيسية (Home) مع GridView و Carousel Slider، ثم تضيف تبويبات للمنتجات والفئات، وصفحة تفاصيل المنتج مع إمكانية التخصيص (مثل المقاسات والعدد). وستكمل التطبيق عن طريق الدورة التالية firebase services لتطور منطق عربة التسوق (Cart) وحساب المجموع الكلي، ثم الانتقال لصفحات Checkout والدفع مع حفظ وإدارة بيانات المستخدم عبر Firestore. ستطبق أيضًا تسجيل الدخول (Email, Google, Facebook)، إضافة طرق الدفع، إدارة العناوين، وأخيرًا دمج Push Notifications لإعادة تفاعل المستخدمين. هذا المشروع هو أقرب تجربة عملية لبناء تطبيق تجاري متكامل وجاهز للتوسع.
- 7
الدورة 7 من 9Firebase Services (Auth & Firestore)
في هذه الدورة المتقدمة، ستتعلم كيفية بناء تطبيقات Flutter متطورة باستخدام خدمات Firebase الأساسية مثل Authentication و Firestore. سنبدأ من إعداد Firebase وربطه بتطبيقك، ثم ننتقل لبناء نظام تسجيل دخول متكامل، وإدارة وتخزين البيانات السحابية، وإرسال الإشعارات للمستخدمين. الدورة تركز على التطبيق العملي، وربط الخدمات بمنطق احترافي، وتحسين تجربة المستخدم لضمان تطبيقات موبايل قوية، وآمنة.
- 8
الدورة 8 من 9HTTP Requests & APIs with Flutter
في هذه الدورة المتقدمة، ستتعلم كيفية بناء تطبيقات Flutter متطورة تتفاعل مع الإنترنت باستخدام HTTP Requests و APIs. ستتعرف على كيفية إرسال واستقبال البيانات، إدارة الأخطاء، وتخزين البيانات محليًا باستخدام Shared Preferences، Hive، و SQFlite. الدورة تركز على التطبيق العملي من خلال مشروع News App متكامل، لتكون جاهزًا لسوق العمل وتضيف مشروعًا احترافيًا إلى ملفك الشخصي (Portfolio).
المشاريع العملية 1
- مشروع عملي 5: News Appفي هذا المشروع ستبني تطبيق أخبار يعتمد على واجهات برمجة التطبيقات (APIs). ستتعلم كيفية جلب الأخبار من مصادر مختلفة باستخدام Dio و Retrofit، ثم عرضها بطريقة جذابة عبر Cubit و Carousel Slider. ستضيف صفحة تفاصيل الخبر، إمكانية البحث عن الأخبار (Search & Results Page)، مع تخزين الأخبار المفضلة محليًا باستخدام SharedPreferences و Hive. المشروع سيمنحك خبرة عملية في ربط التطبيقات بالـ APIs، إدارة البيانات محليًا، وبناء تطبيق عملي يدمج بين Online & Offline Data.
- 9
الدورة 9 من 9How to Publish a Mobile App on Google Play & App Store
في هذه الدورة العملية والآخيرة، ستتعلم خطوات رفع ونشر تطبيقات Flutter التي أنشأتها على متجر جوجل بلاي (Android) ومتجر App Store (iOS). ستتعرف كيفية تجهيز التطبيق للنشر من خلال ضبط الإعدادات الأساسية مثل الأيقونات والإصدارات، إنشاء ملفات التوقيع (Keystore & Certificates)، وإعداد حسابات المطوّرين لكل من جوجل وآبل.
عرض خاص لفترة محدودة
اشترك الآن في المسار بخصم 30% وأي دورة جديدة سيتم إضافتها للمسار ستضاف لك مجانًا ومدى الحياة حتى مع زيادة سعر المسار عن السعر الموجود حاليًا.
لن تتعلم وتطبق بنفسك فقط، بل ستحصل على تجربة تعليمية متكاملة
- توجيه ودعم أكاديمي وتقني
- سيكون هناك دعم وتوجيه من المهندسين (Mentors) الذين يتواجدون باستمرار لتشجيعك وحل أي مشاكل قد تواجهها والإجابة على كل أسئلتك.
- اسأل عن أي شيء كما تشاء
- يمكنك طرح أي سؤال حول أي شيء لا تفهمه في أي وقت عن طريق إما وضع تعليق على الفيديو وسيقوم المهندسون بالرد عليك، أو يمكنك التواصل مباشرةً مع المهندسين المشرفين عبر الشات أو المجموعة الدراسية الخاصة بالمسار أو الاجتماع الأسبوعي المباشر على Zoom مع المشرفين للتأكد من أنك على المسار الصحيح دائمًا.
- مراجعة لمشاريعك وإعطاء نصائح
- ستتمكن من مراجعة مشاريعك من قبل مراجعون ذوي خبرة للحصول على ملاحظات (Feedback) ونصائح ومصادر إضافية لتحسين مهاراتك ومشاريعك التي سيمكنك مشاركتها في ملفك الشخصي (portfolio).
- اختبارات تفاعلية وتحديات
- في نهاية كل دورة، سيكون هناك اختبارات تفاعلية لقياس مدى فهمك للدورة، بالإضافة إلى تحديات لحلها لتنمية مهاراتك. كما سيتم قياس مستوى تقدمك وإنجازك في الدورة، وسنرسل لك بريدًا إلكترونيًا لتذكيرك بما فاتك.
- شهادة لكل دورة وللمسار
- ستحصل على شهادة في نهاية كل دورة تقديرًا لعملك وجهدك، ولتشجيعك على إكمال الدورات التالية. بالإضافة إلى شهادة المسار عند إتمامه. كل شهادة تحمل رقم تتبع يمكن مشاركتها على LinkedIn لتمكين الآخرين من التحقق من صحتها.
- +37 ألفطالب وطالبة
- +120 ألفساعة تعلّم
- +6 آلافمشروع منجز
- +1500منحة دراسية
تعلّم من الأفضل
ستتعلم من مهندسين لديهم خبرة تزيد عن 14 عامًا ويعملون في كبرى الشركات، والأهم أنهم يتحدثون اللغة العربية مثلك، مما سيسهل عليك الفهم بشكل أفضل وأسرع، ولن تحتاج لإعادة الفيديوهات كثيرًا كما قد يحدث في الدورات الأجنبية.
م. طارق العبدSoftware Engineering Team Lead at BEANZ & Google Developer Expert for Flutter & Dartيمتلك م. طارق خبرة تتجاوز 8 سنوات في مجال تطوير البرمجيات، مع تركيز خاص على تطوير الويب الأمامي وتطبيقات الأندرويد باستخدام جافا، بالإضافة إلى أكثر من خمس سنوات من التخصص في فلاتر. يتميز طارق بخبرته في Swift لتطوير iOS وإتقانه للغات البرمجة مثل بايثون، ++C، جافا، تايب سكريبت، و#C. كخبير معتمد من جوجل في Flutter و Dart، يستخدم طارق أحدث التقنيات لدفع الابتكار في المشاريع التي يقودها. بالإضافة إلى خبرته التقنية، يشارك طارق معرفته عبر قناته على يوتيوب، التي تضم أكثر من 80,000 مشترك، حيث يقدم دورات مبسطة في البرمجة والتكنولوجيا تهدف إلى إلهام الجيل القادم من محترفي التكنولوجيا.
م. يوسف أحمدSenior Mobile App Developer at Abwaabيمتلك م. يوسف خبرة تمتد لأكثر من 6 سنوات في مجال تطوير تطبيقات الهاتف (Mobile app development)؛ حيث عمل في عدة شركات في الشرق الأوسط أهمهم هي منصة أبواب التعليمية، والتي قام فيها بوضع البنية التحتية (Infrastructure) لأكواد تطبيق الموبايل الخاص بهم، والذي يستخدمه حاليًا ملايين المستخدمين. لديه خبرة أيضًا في التدريب الأكاديمي تتجاوز الأربع سنوات، حيث قام بتدريب مئات الطلاب من دول مختلفة على برمجة تطبيقات الجوال، كما أنه المؤسس للنادي الطلابي لمطوري جوجل (GDSC) في جامعة الأزهر، وتم تصنيفه من أفضل القادة للنادي الطلابي لمؤسسي جوجل.
اسمع من طلاب المدرسة
لديك استفسار؟
نرحب بكافة استفساراتكم ويسعدنا خدمتكم والعمل على توفير بيئة تعليمية سهلة ومتطورة.
اشترك في قائمتنا البريدية
ابقَ على اطلاع بكل جديد من دورات وعروض ومقالات.
الأسئلة الشائعة
- نعم يجب عليك ذلك، فإذا تخيلنا أن التطبيق الذي ستبنيه هو عبارة عن سيارة، فإن لغة برمجة دارت هي محرك السيارة، وإطار العمل فلاتر هو عجلة قيادة السيارة، لذلك لا يمكنك قيادة السيارة بدون محرك، وبالتالي فإن تعلم دارت هو الخطوة الأولى قبل فلاتر لتتعلم بناء التطبيقات المختلفة.
فلاتر (Flutter) هو إطار عمل ومجموعة أدوات واجهة مستخدم (UI toolkit) يستخدم لغة البرمجة دارت (Dart) لبناء تطبيقات تعمل على المنصات وأنظمة التشغيل المختلفة مثل تطبيقات الهواتف المحمولة والويب وسطح المكتب. إذًا، فإن فلاتر هو إطار عمل مبني على لغة البرمجة دارت.
هذا المسار مُصمم للمبتدئين الذين لديهم القليل من الخبرة أو لا يوجد لديهم خبرة على الإطلاق في لغة برمجة Dart أو أي لغة برمجة أخرى، ولكن إذا كنت تعرف لغة برمجة أخرى مثل java أو#C وما إلى ذلك؛ فستكون رحلة تعلمك أسرع وستستوعب المفاهيم بشكل أفضل.
تعتبر لغة برمجة دارت سهلة لحد ما خصوصًا إذا كان لديك خبرة سابقة في البرمجة؛ حيث إن طريقة كتابة الكود (syntax) الخاصة بلغة دارت بسيطة ومتسقة يسهل تعلمها، وهي مألوفة للعديد من المبرمجين. كما أن للغة دارت Dart مجتمع كبير وموقع شامل وموثق جيدًا، حيث يمكنك العثور على شروحات تعليمية إضافية وإرشادات وأمثلة ومراجع لمساعدتك في تعلم اللغة ومميزاتها بصورة أكثر تعمقًا.
دارت (Dart) هي لغة برمجة متعددة الاستخدامات تم تطويرها بواسطة جوجل عام 2011، ويمكن استخدامها لتطوير تطبيقات على الأنظمة المختلفة مثل الويب والهاتف (Android & IOS) بالإضافة إلى تطبيقات الخادم وسطح المكتب. وتحتوي Dart على العديد من المزايا والأدوات التي تجعلها سهلة التعلم، و Productive، و portable.
تستخدم لغة Dart لتطوير تطبيقات سريعة على الأنظمة والمنصات المختلفة (Cross-Platform Apps) مثل الويب والجوال (Android & IOS) بالإضافة إلى تطبيقات الخادم وسطح المكتب.
المسار يكون مسجلًا، وتستطيع التعلم وفقًا لوقتك من خلال دورات وفيديوهات مسجلة باستخدام رسوم توضيحية وأنيميشن وجرافيكس احترافية، بالإضافة إلى الأمثلة العملية والخبرات التي يقدمها المهندسون بطريقة بسيطة خلال الفيديوهات. الدورات تحتوي على ملخصات وتحديات/مشاريع وامتحانات، ويمكنك طرح أي سؤال لديك من خلال التعليقات على الدروس أو من خلال الدردشة أو الاجتماع الأسبوعي عبر Zoom l مباشرة مع المهندسين.
نعم، الفيديوهات والدورات ستكون متاحة معك مدى الحياة، لتتمكن من مشاهدتها في أي وقت، ولكن الخدمات (المتابعة ومراجعة المشاريع والتواصل والاجتماعات) تكون لمدة سنة واحدة ويمكنك تجديدها إذا رغبت.
من داخل مصر: فيزا/ماستر كارد أو خدمة كاش (فودافون كاش، أورانج كاش، اتصالات كاش، وي باي).
من خارج مصر: فيزا/ماستر كارد وخدمة باي بال (Paypal).
المسار يتكون من مجموعة من الدورات، ومعظم الدورات تحتوي على فيديوهات وملخصات وامتحانات وتحديات لتطبيق ما تتعلمه بنفسك.
يمكنك مشاهدة بعض الفيديوهات على هاتفك المحمول، ولكن لتتعلم بشكل صحيح وتطبق عمليًا بنفسك ستحتاج إلى جهاز كمبيوتر (لابتوب) بإمكانيات بسيطة.
إذا كنت بحاجة لتدريب أفراد فريقك أو لديك عدد كبير بحاجة للتدريب، تواصل معنا عبر البريد الإلكتروني [email protected] للحصول على خصم خاص بك.
املأ بياناتك في نموذج الدفع، واختر طريقة الدفع المناسبة لك وأكمل الخطوات. بمجرد الدفع بنجاح، ستتلقى بريدًا إلكترونيًا بفاتورة الدفع، وبعدها يمكنك الوصول إلى المسارات التي اشتركت فيها من هنـــــا والدورات من هنــــــا، تأكد أولًا من تسجيل الدخول إلى المنصة لتتمكن من مشاهدة الدورات أو المسارات التي اشتركت فيها.
الاشتراك يكون خاصًا بك فقط، ومشاركة الحساب مع أي شخص آخر قد يفقدك حقك وتخسر المبلغ المدفوع بالكامل.
تعلم برمجة تطبيقات الهاتف باستخدام فلاتر من الصفر
ابدأ الآن واحصل على وصول مدى الحياة لكل دورات المسار وأي دورة جديدة تُضاف إليه.