دبلومة تعلم البرمجة والـ Frontend من الصفر

تعلم البرمجة من الصفر وابدأ أولى خطواتك في تخصص تطوير مواقع وتطبيقات الويب (الفرونت إند – Frontend) من خلال دبلومة مهنية كاملة تعدك للمنافسة في سوق العمل. ستتعلم من الصفر وحتى بناء أول موقع وتطبيق ويب احترافي؛ وذلك عبر منهج مكثف و25 دورة عملية بدءًا من أساسيات البرمجة وحتى احتراف مكتبة ReactJS مع التطبيق العملي لأكثر من 25 مشروع من بيئة العمل الحقيقية.

لمن هذه الدبلومة؟

مخرجات الدبلومة

دراسة 25 دورة تخصصية

إنشاء 20 مشروع تطبيقي من بيئة العمل الواقعية

إنشاء معرض أعمال (Portfolio) خاص بكل طالب

الحصول على 29 شهادة إتمام للدورات والمسارات

إنشاء ملف جيت هاب GitHub

إنشاء حساب LinkedIn احترافي والتقديم على وظائف من خلاله

تؤهلك الدبلومة للتقديم على 3 وظائف بعد التخرج

Junior JavaScript
Engineer

Junior React
Engineer

Junior Front-end Engineer

مشروع تخرج الدبلومة

Real E-commerce Web Application

في ختام رحلتك التعليمية داخل الدبلومة وبعد التطبيق على حوالي 25 مشروع خلال الدورات المختلفة، ستستخدم المهارات التي اكتسبتها طيلة فترة التدريب لتطبيقها على مشروع كبير واحترافي يوضح مدى تطورك التقني ويُبرز قدرتك على بناء تطبيق حقيقي متكامل باستخدام أحدث الأدوات والتقنيات في الفرونت إند؛ ليكون بمثابة Portfolio مميز يعكس مستواك ويُهيئك لدخول سوق العمل بثقة واحترافية.

الهدف من المشروع

أن تتمكن من إنتاج تطبيق متكامل يُعد إضافة قوية في مسيرتك المهنية سواءً للتقدّم للوظائف في الشركات أو لبناء أعمال حرّة (Freelance) مستقبلًا؛ حيث ستقوم بتطوير تطبيق تجارة إلكترونية ديناميكي يلبي احتياجات المستخدمين ويوفر تجربة استخدام سهلة وسلسة مع الالتزام بأعلى معايير التصميم وتجربة المستخدم (UX).

المتطلبات الأساسية للمشروع

تصميم متجاوب (Responsive Design):

نظام التوثيق (Authentication):

خاصية الإضافة إلى المفضلة (Add to Favorites):

نظام سلة المشتريات وعملية الدفع (Cart & Checkout):

محرك بحث داخلي (Product Search):

نظام التقييمات (Ratings & Reviews):

تنفيذ جميع الصفحات المطلوبة:

الأدوات والتقنيات المستخدمة:

ميزات إضافية (اختيارية):

بعد الانتهاء من الدبلومة والمشروع ستكون مستعدًا بالمهارات الازمة لبدء رحلتك التالية في التقديم على وظائف في الشركات أو العمل الحر كفريلانسر!

آراء الطلاب في دبلومة الفرونت إند ومنصة المدرسة

لماذا يجب أن تُسجل في هذه الدبلومة؟

وفر وقتك وجهدك!

تعلم البرمجة باللغة العربية من...

مشاريع تطبيقية واقعية

تجربة تعليمية متكاملة ومخصصة

اختبارات تفاعلية تتحدى معرفتك

تشمل دبلومة الفرونت إند:

تطبيق عملي على مشاريع حقيقية

طبق ما تتعلمه في الدورات المختلفة في إنشاء 22 مشروع يُحاكي بيئة العمل الحقيقية؛ لتكتسب خبرة قيمة تُميزك عن الآخرين.

التوجيه والدعم الأكاديمي والتقني

ستتلقى دعمًا شخصيًا من قبل الموجهين (Mentors) ذوي الخبرة، والذين يتواجدون باستمرار لتقديم التوجيه والدعم، وتحفيزك، والإجابة على كل أسئلتك.

الاتصال المباشر مع المحاضرين والمشرفين

تواصل مع المحاضر ومشرفي الدورات مباشرةً عن طريق المجموعات الدراسية، والدردشة، وغيرها، لتحصل على المساعدة التي تحتاجها، وتعرف الإجابات الموثوقة لكل تساؤلاتك، وتبقى على المسار الصحيح دائمًا.

شهادة إتمام

ستحصل على شهادة إتمام في نهاية كل دورة من دورات الدبلومة تقديراً لعملك الجاد وتفانيك، وتشجيعًا لك، بالإضافة لشهادة إتمام الدبلومة بعد الانتهاء منها.

أوائل الدفعات السابقة للدبلومة

تعلم من الأفضل

م. أحمد فتحي

Software Engineering manager & CEO of Almdrasa

تجاوزت خبرة م. أحمد أكثر من 15 عامًا في تطوير البرمجيات وإدارة فرق تقنية متعددة الجنسيات في شركات عالمية مثل Fivos وCrossover، و QbDVision، الشركة الرائدة في حلول البرمجيات لقطاع الأدوية، حيث شغل منصب مدير هندسة البرمجيات. يشغل حاليًا منصب Senior Engineering Manager في شركة Yassir، ويقود فرقًا تعمل على تطوير منتجات تقنية على نطاق واسع في بيئة ديناميكية وسريعة النمو.

م. محمد أبوسريع

Staff Frontend Engineer at Yassir & Chief media officer of Almdrasa

مهندس برمجيات بخبرة تتجاوز 10 سنوات في شركات رائدة بالمنطقة العربية وأوروبا. يعمل حاليًا كـ Staff Frontend Engineer في شركة Yassir. عمل مع Landmark Group (مالكة Splash وMothercare وMax Fashion)، وساهم في تحسين تجربة المستخدم في DeliveryHero، متخصص في تطوير واجهات المستخدم وتحسين الأداء وتجربة الاستخدام.

م. محمد المصري

Senior Software Engineer at Talabat

يمتلك خبرة تزيد عن 8 سنوات في حل المشكلات الخوارزمية وتطوير الأنظمة الخلفية. يعمل حاليًا كـ Senior Engineer في شركة Talabat، وسابقًا في شركة Foodics حيث شارك في تصميم وبناء وتأمين منطق الخوادم لخدمة أكثر من 3000 شركة في 15 دولة. قاد العديد من التحسينات، أبرزها رفع أداء خدمة الاستيراد بنسبة 4000%.

مهندس أحمد علي

م. أحمد علي

Software Engineer at Amazon -AWS & curriculum development supervisor of Almdrasa

يمتلك خبرة تتجاوز 10 سنوات في إدارة فرق تطوير البرمجيات في شركات عالمية مثل مايكروسوفت، جوجل، ميتا، وأمازون. قاد فرق الواجهة الأمامية والخلفية لتطوير منتجات مثل GCP Data Pipelines، وأسهم في بناء وإطلاق النسختين الأولى والثانية من واجهة GCP Recommendations AI، المستخدم حاليًا من قبل شركات كبرى مثل Ikea. كما قاد تطوير ميزات رئيسية في Meta Business Suite التابع لفيسبوك.

ماذا تنتظر؟

سارع بالتقديم، واقتحم سوق عمل البرمجة بخطى واثقة!

الأسئلة الشائعة

تؤهلك هذه الدبلومة للتقديم على 3 وظائف بعد التخرج وهم:

  • Junior JavaScript Engineer
  • Junior React Engineer
  • Junior Front-end Engineer

نظام الدراسة في الدبلومة ومنصة المدرسة يكون أونلاين وفقًا للوقت الذي يناسبك من خلال دورات مقسمة لدروس تفاعلية وفيديوهات مسجلة باستخدام رسوم توضيحية وأنيميشن وجرافيكس احترافية، بالإضافة إلى الأمثلة العملية وخبرات العمل التي يقدمها لك المهندسون بطريقة بسيطة وسلسة خلال تلك الفيديوهات. وتحتوي جميع الدورات على ملخصات وتحديات/مشاريع وامتحانات. ويُمكنك أيضًا طرح أي سؤال أو الاستفسار عن أي معلومة لا تفهمها في أي درس عن طريق وضع تعليق على الدرس وسيجيبك المهندسون، أو يمكنك إرسال السؤال من خلال الدردشة والمجموعات الدراسية، أو الاجتماعات الأسبوعية التي تكون على تطبيق Zommمباشرةً مع المهندسين.

✅ دراسة 22 دورة تخصصية بدءًا من أساسيات البرمجة وحتى ReactJS

✅ إنشاء 20 مشروع تطبيقي من بيئة العمل الواقعية 

✅ إنشاء ملف GitHub 

✅ إنشاء معرض أعمال (Portfolio) خاص بكل طالب

✅ إنشاء ملف LinkedIn ومشاركة الشهادات من خلاله 

✅ مجموعة دراسية خاصة بالدبلومة قائم عليها مشرفين 

✅ متابعة شخصية واجتماعات أسبوعية

ستتعلم البرمجة باللغة العربية من الصفر ومجال الفرونت إند على يد مهندسين لديهم خبرة تزيد عن 10 سنوات ويعملون في شركات عالمية، والأهم أنهم يتحدثون اللغة العربية مثلك لذا ستفهم أفضل وأسرع ولن تحتاج إلى إعادة الفيديو لفهمه جيدًا كما تفعل في الدورات الإنجليزية. وهؤلاء المهندسين هم: 

Mohamed Abusrea

Staff engineer at Yassir, x-Delivery Hero, x-Nord Security

Ahmed Ali

 Software engineer at AWS, x-Microsoft, x-Google, x-Meta

Ahmad Fathy

 Principal Engineer, x-QbDVision, x-CrossOver, x-Fivos

الدبلومة مناسبة لأي شخص يرغب في تعلم البرمجة من الصفر والاستعداد للعمل في مجال الفرونت إند بغض النظر عن خلفيته البرمجية أو عمره، ولا يتطلب أن يكون لديه أي خبرة سابقة في البرمجة. والدبلومة غير مناسبة للأطفال من سن 6-7 سنوات إلى 12-13 سنة لأن لهم مسار خاص لتعليم البرمجة للأطفال يمكنك معرفة تفاصيه من هنـــــــــــــا.

 9 دورات في مسار أساسيات البرمجة بلغة بايثون

 ستتعلم أساسيات البرمجة التي تشترك فيها معظم لغات البرمجة الأخرى عن طريق لغة بايثون، التي تعتبر من أشهر وأسهل لغات البرمجة خاصة للأشخاص الذين سيتعلمون البرمجة لأول مرة وقلقون لأنهم ليسوا خريجين من كليات متخصصة، لذا لا تقلق لأن طريقة كتابة الكود في بايثون سهلة مثل اللغة الإنجليزية على عكس لغات أخرى قد تتعبك.

5 دورات في مسار HTML & CSS 

لا يمكن أن تكون مطور فرونت إند بدون تعلم أساسيات بناء مواقع وتطبيقات الويب عن طريق HTML & CSS. ستتعلم في هذا المسار كيفية بناء الهيكل الأساسي لأي موقع عبر HTML، وستتعلم أيضًا CSS التي تساعدك على تنسيق شكل الموقع وإعطائه شكل جمالي، وكيفية جعل الموقع Responsive ويعمل على أي جهاز بدون أي مشاكل سواء كان كمبيوتر أو هاتف محمول أو جهاز لوحي.

5 دورات في مسار جافا سكريبت

ستتعلم في هذا المسار لغة جديدة تعتبر الأكثر شهرة في بناء مواقع الويب، ويمكنك استخدامها لبناء الجزء المرئي للموقع (frontend) أو جزء الواجهة الخلفية (Backend)، سنركز في هذا المسار على الجزء الذي سيساعدك على أن تكون مطور فرونت إند محترف بإذن الله.

3 دورات في مسار React 

ستتعلم مكتبة React التي تعتبر من أشهر مكتبات لغة جافا سكريبت في بناء واجهات المستخدم، لأنها تساعدك على إنشاء عناصر تفاعلية لمواقع وتطبيقات الويب، ويستخدمها أيضًا مواقع شهيرة مثل Netflix و Facebook.

الدبلومة مناسبة لأي شخص يريد أن يتعلم ويدخل مجال البرمجة بشكل عام حتى وإن لم يكن لديه أي فكرة عن البرمجة.

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

ولكن إتقان اللغة الإنجليزية عمومًا أمر مهم وضروري حتى تتعامل مع العملاء أو زملائك في العمل بسهولة خصوصًا إذا كنت ستعمل مع عملاء أو شركات أجنبية.

نعم يوجد تواصل معهم، ويمكنك معرفة كيفية التواصل معهم من هنـــــــــا.

غير متاح الدراسة بـ Angular حاليًا وسيتم الدراسة بمكتبة ريأكت في هذه الدبلومة.

ريأكت من أشهر Front-end Technology في العالم حاليًا، وكذلك دراسته تعد أبسط نوعًا ما، وأيضًا Next.js المبني عليها React يعد من أشهر الـ Full stack Frameworks في العالم؛ لذلك فالانتقال من الريأكت إلى Next.js سيكون سهلًا وسيتيح فرص عمل أكثر لك.

سيتم العمل أيضًا على Vue وAngular لدراستهم في منصة المدرسة كمسارات مستقلة مستقبلًا بإذن الله.

تطوير الواجهات الأمامية (Frontend) هو ذلك الجزء من موقع الويب الذي يتفاعل معه المستخدم مباشرة، ويشار إليه أيضًا باسم جانب العميل (Client Side). ويتضمن كل ما يراه المستخدمون مباشرة من ألوان ونصوص، وصور، ورسوم بيانية، وجداول، وأزرار، وقائمة تنقل، وغيرهم. والذي يقوم بتطوير الفرونت اند أو الواجة الأمامية يسمى Frontend Developer.

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

 HTML و CSS و JavaScript هي اللغات المستخدمة لتطوير Frontend. يتم تنفيذ بهم الهيكل والتصميم والمحتوى وكل شيء يظهر على شاشات المتصفح عند فتح مواقع أو تطبيقات الويب أو تطبيقات الهاتف المحمول.

++PHP، Java، Python ،C هم من أشهر لغات تطوير الباك اند.

يوجد أيضًا العديد من المكتبات وأطر العمل التي تُستخدم في تطوير الـ Backend والـ front end والتي يمكنك معرفة المزيد عنها من هذا المقال، والذي يتناول بشيء من التفصيل الفرق بين Frontend و Backend.

تؤهلك هذه الدبلومة لكي تصبح مطور فرونت من خلال دبلومة متكاملة ومنهج احترافي يُعدك للمنافسة في سوق العمل؛ حيث ستتعلم البرمجة من الصفر ومجال الـFront end عبر منهج مكثف و22 دورة عملية بدءًا من أساسيات البرمجة وحتى احتراف ReactJS، بجانب المشاريع التطبيقية من بيئة العمل الحقيقية.  

برجاء ادخال البيانات التالية حتى نتمكن من إرسال ملف المنهج فوراً لبريدك الإلكتروني

بضغطك على (تحميل المنهج) فإنك توافق على الاشتراك في قائمتنا البريدية كما توافق على سياسة الخصوصية والشروط والاحكام لمنصة المدرسة