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

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

مسار تعلم تطوير الويب الكامل

خطة تعليمية مدروسة بناءً على متطلبات سوق العمل الفعلية

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

اخترنا التقنيات في هذا المسار بناءً على أكثر المهارات طلبًا في سوق العمل العربي والعالمي لعام 2026. HTML و CSS و JavaScript تشكل الأساس الذي يقوم عليه كل موقع ويب في العالم. React و Node.js هما الأكثر استخدامًا في الشركات الناشئة والكبرى على حد سواء. عند إتمامك لهذا المسار، ستكون قادرًا على العمل كمطور Full Stack أو التخصص في Frontend أو Backend حسب اهتمامك.

🎯 نصيحة المسار: لا تتخطى أي مستوى حتى تتقنه تمامًا. الاستعجال في التعلم يؤدي إلى فجوات معرفية تظهر لاحقًا في العمل. خصص وقتًا كافيًا للتمارين العملية في كل درس.

🎯 المستوى الأول: أساسيات البرمجة

📖 5 دروس 📝 اختبار نهائي 💯 مجاني
مجاني

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

📋 محتوى المستوى:

الدرس 1: مقدمة في الكمبيوتر

مكونات الكمبيوتر، الذاكرة، المعالج، التخزين، وكيف يترجم الكود إلى تعليمات.

الدرس 2: كيف يعمل الإنترنت

البروتوكولات، DNS، الخوادم، HTTP/HTTPS، وكيفية نقل البيانات بين الأجهزة.

الدرس 3: علوم الحاسب الأساسية

أنظمة العد الثنائي، البايت والبت، أنظمة التشغيل، والملفات والمجلدات.

الدرس 4: مفاهيم البرمجة

ما هي البرمجة؟ أنواع لغات البرمجة، المترجمات والمفسرات، وبيئات التطوير.

الدرس 5: كيف يفكر المبرمج

المنطق البرمجي، حل المشكلات، الخوارزميات البسيطة، وكتابة الكود الواضح.

✅ ما ستتعلمه:

  • فهم عميق لكيفية عمل الكمبيوتر والإنترنت
  • المفاهيم الأساسية التي يبني عليها كل مبرمج مهاراته
  • كيفية إعداد بيئة التطوير على جهازك
  • المنطق البرمجي وكيفية التفكير كمبرمج

20% من المسار الكامل

🎨 المستوى الثاني: HTML & CSS

📖 8 دروس 📝 اختبار نهائي 💯 مجاني
مجاني

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

📋 محتوى المستوى:

الدرس 1-2: أساسيات HTML5

الهيكل الأساسي، العناصر، الروابط، الصور، الجداول، والنماذج Forms.

الدرس 3-4: Semantic HTML

العناصر الدلالية، SEO Basics، Accessibility، وبناء هيكل صفحة احترافي.

الدرس 5-6: CSS3 الأساسي والمتقدم

الألوان، الخطوط، الهوامش، الحدود، الظلال، التحولات، والرسوم المتحركة.

الدرس 7: Flexbox & Grid

أنظمة التخطيط الحديثة لبناء تصاميم مرنة ومعقدة بسهولة.

الدرس 8: تصميم متجاوب Responsive

Media Queries، Mobile-First Design، واختبار التصميم على أجهزة مختلفة.

✅ ما ستتعلمه:

  • بناء صفحات ويب كاملة باستخدام HTML5 الدلالي
  • تنسيق احترافي باستخدام CSS3 المتقدم
  • تصميم مواقع تتكيف مع جميع أحجام الشاشات
  • مشروع عملي: بناء موقع شخصي متجاوب

40% من المسار الكامل

⚡ المستوى الثالث: JavaScript & Node.js

📖 10 دروس 📝 اختبار نهائي 💯 مجاني
مجاني

JavaScript هي لغة البرمجة الوحيدة التي تعمل في متصفح المستخدم، وهي أيضًا لغة خادم قوية بفضل Node.js. هذا المستوى يأخذك من الصفر في JavaScript حتى بناء تطبيقات خلفية كاملة. ستتعلم المتغيرات، الدوال، الكائنات، التعامل مع DOM، الأحداث، وصولًا إلى Async Programming و APIs. مع Node.js، ستتعلم كيفية بناء خادم ويب، التعامل مع قواعد البيانات، وإنشاء REST APIs.

📋 محتوى المستوى:

الدرس 1-3: أساسيات JavaScript

المتغيرات، أنواع البيانات، العمليات، الشروط، الحلقات، والدوال.

الدرس 4-5: الكائنات والمصفوفات

Object-Oriented Basics، Array Methods، و ES6+ Features.

الدرس 6-7: DOM Manipulation

اختيار العناصر، تعديل المحتوى، الأحداث، والتفاعل مع المستخدم.

الدرس 8: Node.js Basics

إنشاء خادم، Express.js، Routing، وMiddleware.

الدرس 9-10: APIs & Databases

RESTful APIs، MongoDB Basics، CRUD Operations، وJSON.

✅ ما ستتعلمه:

  • برمجة JavaScript احترافية من الصفر
  • جعل المواقع تفاعلية وديناميكية
  • بناء خادم Backend باستخدام Node.js
  • التعامل مع قواعد البيانات وAPIs
  • مشروع عملي: تطبيق مهام To-Do List كامل

60% من المسار الكامل

🚀 المستوى الرابع: React & Angular

📖 12 درس 📝 اختبار نهائي 💯 مجاني
مجاني

React و Angular هما أطر العمل (Frameworks) الأكثر استخدامًا في بناء تطبيقات الويب الحديثة. تستخدمها شركات عالمية مثل Facebook و Netflix و Google. في هذا المستوى، ستتعمق في مفاهيم Component-Based Architecture، State Management، Routing، وكيفية بناء تطبيقات معقدة وقابلة للتطوير. ستتعلم React Hooks الحديثة وكيفية إدارة البيانات في Angular باستخدام TypeScript.

📋 محتوى المستوى:

الدرس 1-3: React Basics

JSX، Components، Props، State، و Lifecycle Methods.

الدرس 4-6: React Hooks

useState، useEffect، useContext، useReducer، و Custom Hooks.

الدرس 7-8: React Router & State

التنقل بين الصفحات، Redux Basics، وإدارة الحالة المعقدة.

الدرس 9-10: Angular Basics

TypeScript، Components، Modules، Services، و Dependency Injection.

الدرس 11-12: Full Stack Integration

ربط Frontend مع Backend، Authentication، ونشر التطبيق.

✅ ما ستتعلمه:

  • بناء تطبيقات Frontend معقدة باستخدام React
  • إدارة الحالة والبيانات بكفاءة
  • استخدام TypeScript مع Angular
  • ربط الواجهة الأمامية بالخلفية
  • مشروع عملي: تطبيق متجر إلكتروني

80% من المسار الكامل

🏆 المستوى الخامس: مشروع التخرج

📖 مشروع عملي 🎓 شهادة معتمدة 💯 مجاني
مجاني

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

📋 مراحل المشروع:

المرحلة 1: التخطيط والمتطلبات

تحديد فكرة المشروع، تحليل المتطلبات، رسم Wireframes، واختيار التقنيات.

المرحلة 2: التصميم

UI/UX Basics، Figma للتصميم، وإنشاء نظام تصميم متسق.

المرحلة 3: تطوير Full Stack

بناء Frontend بـ React، Backend بـ Node.js، وقاعدة بيانات MongoDB.

المرحلة 4: الاختبار والتحسين

Testing، Debugging، Performance Optimization، وSEO.

المرحلة 5: النشر والشهادة

Deployment على Vercel/Netlify، Domain Setup، وشهادة إتمام.

✅ ما ستتعلمه:

  • كيفية إدارة مشروع برمجي حقيقي من البداية حتى النهاية
  • العمل ضمن منهجية Agile والتخطيط الجيد
  • نشر تطبيقك على الإنترنت ليراه العالم
  • بناء Portfolio احترافي يعرض مهاراتك
  • الحصول على شهادة إتمام موثقة

100% - اكتمل المسار! 🎉

💡 لماذا هذا المسار يضمن لك النجاح؟

مميزات تجعلنا مختلفين عن أي منصة تعليمية أخرى

📚

منهجية علمية

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

🔧

مشاريع واقعية

في نهاية كل مستوى تعمل على مشروع حقيقي تضيفه لمعرض أعمالك. ليس مجرد تمارين نظرية.

🎓

شهادات معتمدة

شهادة إلكترونية موثقة بعد كل مستوى. أضفها لسيرتك الذاتية وLinkedIn.

💬

دعم فني مباشر

فريق متخصص جاهز للإجابة على استفساراتك عبر الهاتف والواتساب طوال رحلتك.

🔄

تحديث مستمر

المحتوى يُحدّث باستمرار لمواكبة أحدث إصدارات التقنيات ومتطلبات سوق العمل.

💯

مجاني بالكامل

جميع الدروس والاختبارات والشهادات متاحة مجانًا. التعليم الجيد حق للجميع.

🚀 ابدأ رحلتك البرمجية اليوم

لا تحتاج لخبرة سابقة. كل ما تحتاجه هو جهاز كمبيوتر والرغبة في التعلم.

العودة للرئيسية