انتقل إلى المحتوى

كن مطوّراً متكاملاً (Full Stack) مجاناً

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

الإجابة المختصرة

ابدأ بـ HTML ثم CSS وJavaScript للواجهة الأمامية، ثم لغة خادم وقواعد بيانات وواجهات API للواجهة الخلفية، ثم Git والاختبار والنشر. ويعرض المسار الكامل أدناه كل الدورات، فالدروس المكتملة متاحة، وتُضاف الدروس الجديدة واحداً تلو الآخر بعد اجتيازها فحوص الجودة لدينا.

9 من 130 درساً متاحة · 22 دورة مخطط لها

مسار التعلم الكامل

كل ما نخطط لتدريسه بالترتيب الذي نوصي به. الدروس المتاحة تُفتح، والبقية موسومة بعبارة قريباً وتُضاف واحداً تلو الآخر.

الواجهة الأمامية

  • HTML

    متاح

    بنية كل صفحة ويب: النصوص والروابط والصور والجداول والنماذج والمعنى.

    الشيفرة تعمل في متصفحك9 من 9 دروس متاحة

    1. صفحتك الأولى على الويب
    2. العناوين والفقرات والنصوص
    3. الروابط وعناوين URL
    4. الصور والفيديو والصوت
    5. القوائم والجداول
    6. النماذج وحقول الإدخال
    7. البنية الدلالية للصفحة
    8. العنصر head ووسوم SEO والصفحات العربية
    9. مشروع: موقع نشاط تجاري من صفحة واحدة
    افتح الدورة

  • CSS

    قريباً

    الألوان والمسافات وFlexbox وGrid والتصميم المتجاوب والتصميم من اليمين إلى اليسار.

    الشيفرة تعمل في متصفحك0 من 9 دروس متاحة

    1. كيف تعمل CSS: المحددات والتتالي · قريباً
    2. الألوان والوحدات والخطوط · قريباً
    3. نموذج الصندوق والمسافات · قريباً
    4. Flexbox · قريباً
    5. CSS Grid · قريباً
    6. التصميم المتجاوب واستعلامات الوسائط · قريباً
    7. الخصائص المنطقية وتخطيطات RTL · قريباً
    8. الانتقالات والحركة · قريباً
    9. مشروع: تنسيق صفحة النشاط التجاري ثنائية اللغة · قريباً

  • JavaScript

    قريباً

    لغة الويب: القيم والدوال وDOM والأحداث والشيفرة غير المتزامنة وfetch.

    الشيفرة تعمل في متصفحك0 من 12 دروس متاحة

    1. المتغيرات والقيم والأنواع · قريباً
    2. العوامل والشروط · قريباً
    3. الحلقات والمصفوفات · قريباً
    4. الدوال · قريباً
    5. الكائنات وJSON · قريباً
    6. DOM: تغيير الصفحة بالشيفرة · قريباً
    7. الأحداث والنماذج · قريباً
    8. الوعود وasync وawait · قريباً
    9. fetch وواجهات API العامة · قريباً
    10. الوحدات والصياغة الحديثة · قريباً
    11. الأخطاء وتصحيحها · قريباً
    12. مشروع: حاسبة عملات أو بقشيش تعمل فعلاً · قريباً

  • TypeScript

    قريباً

    أنواع لـ JavaScript: اكتشف الأخطاء قبل تشغيل الشيفرة.

    الشيفرة تعمل في متصفحك0 من 6 دروس متاحة

    1. لماذا TypeScript والأنواع الأساسية · قريباً
    2. الواجهات وأسماء الأنواع · قريباً
    3. الاتحادات والتضييق والأنواع الحرفية · قريباً
    4. الأنواع العامة · قريباً
    5. تحديد أنواع الدوال والكائنات وواجهات API · قريباً
    6. ملف tsconfig والوضع الصارم · قريباً

  • React

    قريباً

    بناء الواجهات من المكونات: JSX والخصائص والحالة والتأثيرات والنماذج.

    الشيفرة تعمل في متصفحك0 من 8 دروس متاحة

    1. المكونات وJSX · قريباً
    2. الخصائص والتركيب · قريباً
    3. الحالة باستخدام useState · قريباً
    4. القوائم والمفاتيح والعرض الشرطي · قريباً
    5. النماذج في React · قريباً
    6. التأثيرات وجلب البيانات · قريباً
    7. مشاركة الحالة والسياق · قريباً
    8. مشروع: تطبيق مهام يحفظ البيانات · قريباً

  • Next.js

    قريباً

    React المتكامل: التوجيه ومكونات الخادم والبيانات وتحسين محركات البحث والنشر.

    مخرجات حقيقية مسجلة0 من 7 دروس متاحة

    1. App Router والصفحات · قريباً
    2. مكونات الخادم والعميل · قريباً
    3. جلب البيانات والتخزين المؤقت · قريباً
    4. معالجات المسارات (API) · قريباً
    5. البيانات الوصفية وتحسين محركات البحث · قريباً
    6. تعدد اللغات وRTL · قريباً
    7. مشروع: موقع ثنائي اللغة تنشره بنفسك · قريباً

الواجهة الخلفية وواجهات API

  • Node.js

    قريباً

    JavaScript على الخادم: الوحدات والملفات وnpm وخوادم HTTP وExpress.

    مخرجات حقيقية مسجلة0 من 7 دروس متاحة

    1. تشغيل JavaScript باستخدام Node · قريباً
    2. الوحدات وnpm · قريباً
    3. الملفات والتدفقات · قريباً
    4. خادم ويب باستخدام node:http · قريباً
    5. مسارات Express والبرمجيات الوسيطة · قريباً
    6. متغيرات البيئة والأسرار · قريباً
    7. مشروع: واجهة REST API · قريباً

  • HTTP وواجهات API

    قريباً

    كيف يتواصل المتصفح والخادم: الطلبات ورموز الحالة وREST وJSON وCORS والمصادقة.

    الشيفرة تعمل في متصفحك0 من 7 دروس متاحة

    1. الطلبات والاستجابات ورموز الحالة · قريباً
    2. الترويسات وملفات تعريف الارتباط والتخزين المؤقت · قريباً
    3. تصميم REST وJSON · قريباً
    4. شرح CORS · قريباً
    5. المصادقة: الجلسات والرموز وJWT · قريباً
    6. GraphQL وWebhooks · قريباً
    7. أساسيات أمان واجهات API · قريباً

  • Python

    قريباً

    Python من الصفر داخل متصفحك، ثم البيانات مع pandas وواجهات الويب مع FastAPI.

    الشيفرة تعمل في متصفحك0 من 8 دروس متاحة

    1. القيم والمتغيرات وprint · قريباً
    2. الشروط والحلقات · قريباً
    3. القوائم والقواميس والمجموعات · قريباً
    4. الدوال والوحدات · قريباً
    5. الملفات والأخطاء والاستثناءات · قريباً
    6. الأصناف والكائنات · قريباً
    7. البيانات مع pandas · قريباً
    8. واجهات الويب مع FastAPI · قريباً

قواعد البيانات

  • SQL

    قريباً

    استعلم جداول حقيقية في متصفحك: SELECT والتصفية والربط والتجميع وتعديل البيانات.

    الشيفرة تعمل في متصفحك0 من 8 دروس متاحة

    1. الجداول والصفوف وSELECT · قريباً
    2. WHERE وORDER BY وLIMIT · قريباً
    3. الدوال التجميعية وGROUP BY · قريباً
    4. عمليات JOIN · قريباً
    5. INSERT وUPDATE وDELETE · قريباً
    6. تصميم الجداول والمفاتيح · قريباً
    7. الفهارس والأداء · قريباً
    8. المعاملات · قريباً

  • PostgreSQL

    قريباً

    قاعدة البيانات مفتوحة المصدر الشائعة: الأنواع وأعمدة JSON والعروض والأمان.

    الشيفرة تعمل في متصفحك0 من 5 دروس متاحة

    1. أنواع PostgreSQL · قريباً
    2. القيود والعلاقات · قريباً
    3. أعمدة JSONB · قريباً
    4. العروض والدوال · قريباً
    5. الأدوار والأمان على مستوى الصف · قريباً

  • MongoDB

    قريباً

    قواعد بيانات المستندات: المجموعات والاستعلامات والفهارس ومتى تختارها.

    مخرجات حقيقية مسجلة0 من 4 دروس متاحة

    1. المستندات والمجموعات · قريباً
    2. الاستعلامات والإسقاط · قريباً
    3. التحديثات والفهارس · قريباً
    4. خط التجميع · قريباً

  • Redis

    قريباً

    بيانات في الذاكرة للتخزين المؤقت والجلسات والطوابير وتحديد المعدل.

    مخرجات حقيقية مسجلة0 من 3 دروس متاحة

    1. المفاتيح والسلاسل والانتهاء · قريباً
    2. القوائم والجداول والمجموعات · قريباً
    3. التخزين المؤقت وتحديد المعدل · قريباً

لغات أخرى

  • Java

    قريباً

    لغة ذات أنواع وكائنية التوجه تُستخدم في الأنظمة الخلفية الكبيرة وأندرويد.

    مخرجات حقيقية مسجلة0 من 5 دروس متاحة

    1. الصياغة والأنواع والدالة main · قريباً
    2. الأصناف والكائنات · قريباً
    3. المجموعات · قريباً
    4. الاستثناءات · قريباً
    5. واجهة ويب باستخدام Spring Boot · قريباً

  • C#

    قريباً

    لغة مايكروسوفت الرئيسية لواجهات .NET والتطبيقات المكتبية والألعاب.

    مخرجات حقيقية مسجلة0 من 3 دروس متاحة

    1. الصياغة والأنواع · قريباً
    2. الأصناف والسجلات وLINQ · قريباً
    3. واجهة بسيطة باستخدام ASP.NET Core · قريباً

  • Go

    قريباً

    لغة صغيرة وسريعة للخوادم وأدوات سطر الأوامر.

    مخرجات حقيقية مسجلة0 من 4 دروس متاحة

    1. الحزم والأنواع والدوال · قريباً
    2. البنى والواجهات والأخطاء · قريباً
    3. Goroutines والقنوات · قريباً
    4. خادم HTTP · قريباً

  • Rust

    قريباً

    برمجة أنظمة آمنة للذاكرة: الملكية والاستعارة وCargo.

    مخرجات حقيقية مسجلة0 من 4 دروس متاحة

    1. المتغيرات والأنواع وCargo · قريباً
    2. الملكية والاستعارة · قريباً
    3. البنى والتعدادات وmatch · قريباً
    4. الأخطاء باستخدام Result · قريباً

  • PHP

    قريباً

    اللغة التي تقف خلف WordPress وLaravel.

    مخرجات حقيقية مسجلة0 من 4 دروس متاحة

    1. الصياغة والمتغيرات والمصفوفات · قريباً
    2. النماذج والجلسات · قريباً
    3. قواعد البيانات باستخدام PDO · قريباً
    4. أساسيات Laravel · قريباً

الأدوات والاختبار والنشر

  • Git وGitHub

    قريباً

    احفظ عملك في السجل وأنشئ الفروع بأمان واعمل مع الآخرين على GitHub.

    مخرجات حقيقية مسجلة0 من 5 دروس متاحة

    1. المستودعات والإيداعات · قريباً
    2. الفروع والدمج · قريباً
    3. المستودعات البعيدة والدفع والسحب · قريباً
    4. طلبات الدمج والمراجعات · قريباً
    5. إصلاح الأخطاء بأمان · قريباً

  • الاختبار

    قريباً

    اختبارات الوحدة والمكونات والاختبارات الشاملة حتى لا تكسر التغييرات موقعك.

    الشيفرة تعمل في متصفحك0 من 3 دروس متاحة

    1. لماذا نختبر، واختبارات الوحدة · قريباً
    2. اختبار المكونات · قريباً
    3. الاختبارات الشاملة · قريباً

  • أمان الويب

    قريباً

    احمِ المستخدمين: XSS وCSRF وحقن SQL وكلمات المرور وHTTPS والأسرار.

    الشيفرة تعمل في متصفحك0 من 4 دروس متاحة

    1. XSS وتهريب المخرجات · قريباً
    2. حقن SQL والمعاملات · قريباً
    3. كلمات المرور والتجزئة · قريباً
    4. CSRF وملفات تعريف الارتباط والترويسات · قريباً

  • Linux وDocker والنشر

    قريباً

    انشر موقعاً على الإنترنت: سطر الأوامر والنطاقات وDNS وHTTPS وDocker والتكامل المستمر.

    مخرجات حقيقية مسجلة0 من 5 دروس متاحة

    1. سطر الأوامر · قريباً
    2. النطاقات وDNS وHTTPS · قريباً
    3. الاستضافة الثابتة واستضافة الخادم · قريباً
    4. أساسيات Docker · قريباً
    5. التكامل المستمر مع GitHub Actions · قريباً

الدورات الموسومة بعبارة "الشيفرة تعمل في متصفحك" تشغّل شيفرتك على جهازك داخل بيئة معزولة أو بيئة WebAssembly. أما Java وC# وGo وRust وPHP وخوادم Node.js وقواعد بيانات الخوادم فلا يمكن تشغيلها بأمان في المتصفح، لذا تعرض دروسها مخرجات شغّلناها بأنفسنا مع ذكر الإصدار والتاريخ.

من هو المطوّر المتكامل؟

المطوّر المتكامل (Full Stack) يستطيع بناء جانبي تطبيق الويب: الواجهة الأمامية التي تعمل في المتصفح (HTML وCSS وJavaScript وغالباً React)، والواجهة الخلفية التي تعمل على الخادم (لغة مثل JavaScript مع Node.js أو Python، وقاعدة بيانات، وواجهات API)، ويستطيع نشر النتيجة على الإنترنت. ولا تحتاج إلى إتقان كل شيء دفعة واحدة، فمعظم الناس يتقنون الواجهة الأمامية أولاً ثم يضيفون الواجهة الخلفية.

ما المختلف في التعلم هنا

يتبع كل درس القالب نفسه: جواب قصير، وشروحات مع أمثلة قابلة للتعديل، وقسم للأخطاء الشائعة، وتمرين يُفحص تلقائياً في متصفحك، واختبار يشرح كل إجابة، وخمسة أسئلة يطرحها الناس. ويسرد كل درس مصادره (MDN أو WHATWG أو W3C أو وثائق الجهة المطوّرة نفسها) وتاريخ مراجعتها. ويُحفظ التقدم على جهازك فقط. وكل ذلك مجاني، ولا شيء مقفل خلف حساب.

كم يستغرق ذلك؟

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

العربية والإنجليزية

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

أسئلة يطرحها الناس

هل يمكنني فعلاً أن أصبح مطوّراً متكاملاً مجاناً؟

نعم، فالمعرفة مجانية: هذا المسار والوثائق الرسمية والأدوات المجانية تكفي. أما التكلفة الحقيقية فهي الوقت والتمرين. وقد تضيف الدورات المدفوعة إرشاداً أو مواعيد نهائية، لكنها ليست ضرورية لتعلم المهارات.

ما لغة البرمجة التي أتعلمها أولاً؟

لتطوير الويب ابدأ بـ HTML وCSS ثم JavaScript، لأن المتصفح لا يشغّل إلا JavaScript. وبعد أن تتعلمها، تعمل اللغة نفسها على الخادم مع Node.js، ولهذا تُعد JavaScript المتكاملة مساراً أول شائعاً.

هل أحتاج إلى حاسوب قوي لتعلم البرمجة؟

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

هل أحتاج إلى شهادة جامعية لأعمل مطوّر ويب؟

كثير من أصحاب العمل يوظفون المطوّرين بناءً على معرض الأعمال واختبار عملي لا على الشهادة، مع أن بعض الشركات وبعض أنظمة التأشيرات أو الترخيص في بعض الدول تطلبها. فتحقق من المتطلبات في الدولة والشركة التي تستهدفها.

كيف أعرف أن الدرس محدّث؟

يعرض كل درس تاريخ مراجعته ويربط بالصفحات الرسمية التي روجع وفقها. وعندما تتغير المنصة، نحدّث الدرس وتاريخه.