تخطي إلى المحتوى
تطوير الويب

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

تسع شهور، واحد وتلاتين موديول، مطوّر كامل

الطريق كامل من أول وسم HTML لحد تطبيق MERN منشور وشغّال وبيستقبل مدفوعات — من غير أي خبرة برمجة سابقة.

المستوى:
مبتدئ
الأسابيع:
36 أسبوعًا
الساعات التدريبية:
164 ساعة
المحتوى:
244 درسًا
نُشر في:
شاهد خريطة المسار
  • HTML
  • CSS
  • JavaScript
  • React
  • Node.js
  • Express
  • MongoDB
  • TypeScript
  • Next.js
  • Docker
صورة كورس مسار تطوير الويب المتكامل MERN

من البداية للاحتراف

خريطة المسار

المستويات والشهادات والمهارات في رحلة واحدة. اضغط على الخريطة لعرضها بالحجم الكامل.

عرض بالحجم الكامل
خريطة مسار مسار تطوير الويب المتكامل MERN

عن الكورس

ده أطول وأشمل مسار بتقدّمه MotiGraph. بيبدأ من الصفر تمامًا: السيرفر إيه، والمتصفح بيعمل إيه، وإزاي الاتنين بيتكلموا. ومن هناك بيبني موديول ورا موديول: لغات الواجهة، والفريمووركس اللي بتنظّمها، والسيرفر وقاعدة البيانات وراهم، وأخيرًا الأجزاء اللي معظم الكورسات ما بتوصلهاش — TypeScript و Next.js و GraphQL والسوكتس الفورية و Docker والمدفوعات ودمج الذكاء الاصطناعي والنشر على VPS بتظبطه بنفسك. كل موديول بينتهي بحاجة شغالة. آخر اتنين شغل مشاريع بالكامل: مشروع تخرج تصمّمه وتبنيه وتنشره وتوثّقه، وورش عملية بتحوّل التسع شهور كلها لبورتفوليو تقدّمه لصاحب عمل.

لماذا هذا المسار؟

أبرز ما يميزه

  • 1 بيبدأ من الصفر — مفيش خلفية برمجية مفترضة، ومفيش حاجة اتعدّت عشان نوصل بدري.
  • 2 بيعدّي خط النهاية المعتاد: TypeScript و Next.js و GraphQL و Socket.IO و Docker و Stripe ودمج الذكاء الاصطناعي.
  • 3 واحد وتلاتين موديول، كل واحد بينتهي ببرنامج شغال مش امتحان.
  • 4 موديولين كاملين شغل مشاريع، عشان تتخرّج ببورتفوليو مش شهادة بس.

ماذا ستتعلم؟

ما ستقدر تعمله فعلًا بنهاية المسار.

  • تبني مواقع متجاوبة ومتاحة من ملف تصميم، من غير ما فريمورك يفكّر بدالك.
  • تطوّر واجهات حديثة بـ React، مبنية بحيث تفضل مقروءة وهي بتكبر.
  • تعمل REST APIs بـ Node.js و Express، فيها توثيق ورفع ملفات ومعالجة أخطاء منطقية.
  • تصمّم وتستعلم قواعد MongoDB، وتنمذج البيانات حسب طريقة قراءة التطبيق ليها.
  • تنفّذ توثيق وصلاحيات بتصمد بعد إعادة التحميل وبتحمي المسارات الصح.
  • توصّل الواجهة بالخلفية في منتج واحد، وتنشره على سيرفر ظبطته بنفسك.
  • تشتغل بـ Git بطريقة الفريق: فروع ومراجعات وحل تعارضات.
  • تكتب كود نظيف ومكتوب الأنواع وقابل للصيانة، حد تاني يقدر يكمّل عليه.
  • تخرج ببورتفوليو مشاريع حقيقية وتقدّم على وظايف junior و mid ومعاك حاجة تعرضها.

المهارات التي ستتقنها

تطوير الواجهات

  • HTML5 وبنية المستند الدلالية
  • CSS3 والتصميم المتجاوب والتخطيط الحديث
  • Flexbox و CSS Grid كنظام تخطيط كامل
  • Bootstrap و SASS/SCSS و Tailwind CSS
  • أساسيات جافاسكريبت وصولًا للأنماط المتقدمة
  • التحكم في الـ DOM وواجهات المتصفح اللي تستاهل تعرفها
  • صيغة ES6+ وبنية الوحدات
  • جافاسكريبت غير المتزامنة: الوعود و async/await
  • استهلاك الـ APIs والتعامل مع كل حالات الرد
  • قراءة ملف Figma وبناءه بدقة

تطوير React

  • المكوّنات والخصائص والتركيب
  • الحالة، وتحديد مكان كل جزء منها
  • الخطافات: useState و useEffect و useContext وخطافاتك انت
  • React Router والصفحات المحمية
  • النماذج والمدخلات المتحكم فيها والتحقق
  • Redux Toolkit، ومعرفة إمتى مش محتاجه
  • معمارية مكوّنات قابلة لإعادة الاستخدام ونظام تصميم
  • React Native، لنفس المهارات على الموبايل

تطوير الخلفية

  • أساسيات Node.js ونموذج بيئة التشغيل
  • Express.js والتوجيه والوسطاء
  • تصميم REST API متوقع وسهل الاستهلاك
  • التوثيق والصلاحيات و JWT
  • معالجة الأخطاء وتسجيل تقدر تشخّص منه
  • رفع الملفات والتخزين السحابي وأمان الـ API
  • GraphQL كبديل لـ REST
  • الخصائص الفورية بـ Socket.IO

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

  • أساسيات MongoDB والتفكير المستندي
  • عمليات CRUD وأنماط الاستعلام
  • نمذجة البيانات: التضمين مقابل الإشارة
  • Mongoose ODM والمخططات والتحقق والخطافات
  • العلاقات وخط التجميع
  • الفهارس، وبتعمل إيه في صفحة بطيئة

الممارسة الاحترافية

  • Git و GitHub في سير عمل فريق
  • TypeScript عشان الكود يقع وقت البناء مش في الإنتاج
  • اختبار الأجزاء اللي بتفرق
  • Docker والنشر على VPS ظبطته بنفسك
  • تحسين الأداء بقياس بأدوات حقيقية
  • مدفوعات Stripe والتعامل مع الـ webhooks بأمان
  • دمج خصائص الذكاء الاصطناعي في المنتج
  • الفريلانس والتسعير وإيجاد أول عملاء

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

تطبيق عملي في بيئات تدريب مصرّح بها.

مشاريع الواجهات

  1. 1 صفحة هبوط متجاوبة مبنية من ملف تصميم
  2. 2 موقع بورتفوليو شخصي
  3. 3 آلة حاسبة تفاعلية
  4. 4 تطبيق مهام متقدم بتصفية وحفظ
  5. 5 تطبيق طقس بيشتغل على API خارجي
  6. 6 تطبيق اختبارات بمؤقّت وحساب نتيجة

مشاريع React

  1. 1 تطبيق بحث عن الأفلام
  2. 2 واجهة متجر إلكتروني بسلة ومسار شراء
  3. 3 واجهة لوحة تحكم برسوم وتصفية
  4. 4 نظام توثيق كامل
  5. 5 تطبيق CRUD على API حقيقي

مشاريع متكاملة

  1. 1 نظام توثيق وصلاحيات بأدوار
  2. 2 منصة إدارة مدونة
  3. 3 نظام إدارة مهام بتوزيع على فريق
  4. 4 منصة تجارة إلكترونية بمدفوعات Stripe
  5. 5 لوحة تحكم إدارية ببحث وتصفية وتقارير
  6. 6 تطبيق MERN كامل من الواجهة للخلفية

المشروع النهائي

بتنهي المسار بتصميم وبناء ونشر تطبيق MERN كامل من عندك: واجهة حديثة متجاوبة، وتوثيق وصلاحيات، و REST API، وقاعدة MongoDB، وإدارة مستخدمين، ولوحة تحكم إدارية، ونشر إنتاجي، وتوثيق احترافي. بتعرضه في الآخر، وبيبقى قطعة البورتفوليو الرئيسية بتاعتك.

قبل ما تبدأ

المتطلبات

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

الفئة المستهدفة

لمن هذا المسار؟

  • المبتدئين تمامًا اللي عايزين مسار واحد يغطي الشغلانة كلها.
  • الخريجين اللي درسوا نظري وعمرهم ما نشروا حاجة.
  • المغيّرين لمسارهم المهني ونفسهم في أول وظيفة كمطوّر.
  • الفريلانسرز اللي عايزين يسلّموا منتج كامل لوحدهم.
  • المطوّرين العصاميين اللي عايزين يسدّوا الفجوات صح.

الوظائف المتاحة بعد المسار

أدوار يؤهلك لها ما ستتعلمه.

  • مطوّر واجهات أمامية
  • مطوّر React
  • مطوّر جافاسكريبت
  • مطوّر واجهات خلفية
  • مطوّر Node.js
  • مطوّر MERN Stack
  • مطوّر Full-Stack
  • مطوّر تطبيقات ويب
  • مهندس برمجيات
  • مطوّر ويب فريلانس

محتوى الكورس

31 وحدة · 244 درسًا · 229 ساعة و5 دقائق

المقدمة وتجهيز البيئة 7 دروس · 4 ساعات و20 دقيقة

قبل أي كود، صورة واضحة عن اللي هتبنيه وكل قطعة بتعمل إيه. تتعلم إيه اللي بيحصل فعلًا بين المتصفح والسيرفر، وليه Node.js غيّرت اللي جافاسكريبت تقدر تعمله، وتخلّص بيئة تطوير مش هتتخانق معاك طول التسع شهور الجاية.

  1. يعني إيه تطوير متكامل بالظبط

    فيديو 35 دقيقة

  2. Node.js إيه وبتشتغل إزاي

    فيديو 40 دقيقة

  3. العميل والسيرفر: مين بيعمل إيه

    فيديو 40 دقيقة

  4. تنصيب الأدوات: VS Code و Node.js و NPM

    فيديو 35 دقيقة

  5. Git و GitHub: أول مستودع ليك

    فيديو 40 دقيقة

  6. تجهيز بيئة تطوير مش هتعطّلك

    فيديو 35 دقيقة

  7. ستاك MERN كامل في رسم واحد

    فيديو 35 دقيقة

أساس الواجهة: HTML و CSS 12 درسًا · 10 ساعات و30 دقيقة

اللغتين اللي أي متصفح بيعرضهما، بتتدرّسوا كنظام مش كقائمة خصائص. تكتب markup بيوصف المعنى، وبعدين تبني التخطيط بـ Flexbox و Grid بحيث يثبت على أي عرض — وتتعلم إتاحة الوصول هنا من البداية وهي مجانية، بدل ما تلزقها بعدين.

  1. إزاي المتصفح بيحوّل HTML لصفحة

    فيديو 40 دقيقة

  2. HTML الدلالي: العناوين والأقسام والمعالم

    فيديو 50 دقيقة

  3. النماذج والمدخلات والتحقق المدمج

    فيديو 50 دقيقة

  4. الصور والوسائط وتحميلها بمسؤولية

    فيديو 40 دقيقة

  5. محددات CSS والتتابع والأولوية

    فيديو 55 دقيقة

  6. نموذج الصندوق والأحجام والمسافات

    فيديو 45 دقيقة

  7. Flexbox بعمق

    فيديو 55 دقيقة

  8. CSS Grid بعمق

    فيديو ساعة

  9. تصميم متجاوب مدفوع بالمحتوى

    فيديو 50 دقيقة

  10. الخصائص المخصصة والرموز والثيمات

    فيديو 45 دقيقة

  11. إتاحة الوصول من البداية: الكيبورد والتركيز

    فيديو 50 دقيقة

  12. مشروع: صفحة هبوط متجاوبة من ملف تصميم

    فيديو ساعة و30 دقيقة

أساسيات جافاسكريبت 12 درسًا · 10 ساعات و40 دقيقة

اللغة اللي بتشغّل كل حاجة تانية في المسار ده — على الصفحة، وعلى السيرفر، وفي أدوات البناء. بنغطي الأساسيات صح وبهدوء، لأن كل موديول بعد ده بيفترض إنك عملت كده.

  1. المتغيرات والأنواع واللي منها بيفاجئك

    فيديو 50 دقيقة

  2. المعاملات والشروط وتدفق التحكم

    فيديو 45 دقيقة

  3. الحلقات وأنماط التكرار

    فيديو 45 دقيقة

  4. الدوال والمعاملات والقيم المرجعة

    فيديو 50 دقيقة

  5. المصفوفات: map و filter و reduce وأخواتهم

    فيديو ساعة

  6. الكائنات والتفكيك والنشر

    فيديو 50 دقيقة

  7. الـ DOM: الاختيار والتغيير والإنشاء

    فيديو 55 دقيقة

  8. الأحداث والمستمعين والتفويض

    فيديو 50 دقيقة

  9. تخزين المتصفح وإيه اللي ما تحطهوش فيه

    فيديو 40 دقيقة

  10. التصحيح في أدوات مطوّري المتصفح

    فيديو 45 دقيقة

  11. مشروع: آلة حاسبة تفاعلية

    فيديو ساعة و10 دقائق

  12. مشروع: تطبيق مهام متقدم

    فيديو ساعة و20 دقيقة

جافاسكريبت المتقدمة 11 درسًا · 10 ساعات و30 دقيقة

أجزاء جافاسكريبت اللي بتوقّع الناس في سنتهم التانية: الـ closures، وحلقة الأحداث، والـ prototypes، وإيه اللي بيحصل فعلًا وانت مستني رد من الشبكة. ده الموديول اللي بيحوّل حد بيعرف يتابع درس لحد يعرف يصلّح درس.

  1. النطاق والرفع والـ closures

    فيديو ساعة

  2. this و call و apply و bind

    فيديو 50 دقيقة

  3. الـ prototypes والكلاسات والوراثة

    فيديو 55 دقيقة

  4. حلقة الأحداث ومكدس النداءات والطابور

    فيديو 55 دقيقة

  5. الـ callbacks والوعود والتسلسل

    فيديو 55 دقيقة

  6. async/await وتشغيل الشغل بالتوازي

    فيديو 55 دقيقة

  7. Fetch و JSON ومعالجة الطلب اللي بيفشل

    فيديو 55 دقيقة

  8. وحدات ES والاستيراد والمجمّعات

    فيديو 45 دقيقة

  9. أنماط معالجة أخطاء بتساعدك بعدين

    فيديو 45 دقيقة

  10. مشروع: تطبيق طقس على API حقيقي

    فيديو ساعة و15 دقيقة

  11. مشروع: تطبيق اختبارات بمؤقّت ونتيجة

    فيديو ساعة و20 دقيقة

Bootstrap 7 دروس · 5 ساعات و40 دقيقة

الفريمورك اللي هتقابله في كل مشروع قديم ومعظم طلبات العملاء. تتعلم الشبكة والمكوّنات والأدوات المساعدة — وكمان، وده مهم بنفس القدر، إمتى استخدامه بيكلّفك أكتر من إنك تكتب الـ CSS بنفسك.

  1. تنصيب Bootstrap وبنيته

    فيديو 35 دقيقة

  2. الشبكة: الحاويات والصفوف ونقاط التوقف

    فيديو 50 دقيقة

  3. كلاسات الأدوات: المسافات والألوان والعرض

    فيديو 45 دقيقة

  4. المكوّنات: أشرطة التنقل والكروت والنوافذ والنماذج

    فيديو 55 دقيقة

  5. التخصيص بمتغيرات SASS بدل التجاوزات

    فيديو 45 دقيقة

  6. دعم RTL والتخطيطات العربية

    فيديو 40 دقيقة

  7. مشروع: قالب لوحة تحكم بـ Bootstrap

    فيديو ساعة و10 دقائق

عرض جميع الوحدات (31)
SASS و SCSS 6 دروس · 4 ساعات و40 دقيقة

CSS بالأدوات اللي أي ملف تنسيق كبير محتاجها: متغيرات وتداخل وmixins وأجزاء. الموضوع الحقيقي هنا هو المعمارية — إزاي تنظّم التنسيقات بحيث تغيير في مكان ما يكسرش حاجة في ملف تالت.

  1. ليه معالج مسبق، وإزاي الترجمة بتشتغل

    فيديو 35 دقيقة

  2. المتغيرات والتداخل وفخ التداخل

    فيديو 45 دقيقة

  3. الـ mixins والدوال و @extend

    فيديو 45 دقيقة

  4. الأجزاء والاستيراد ومعمارية الملفات

    فيديو 45 دقيقة

  5. الحلقات والخرائط لتوليد الأدوات المساعدة

    فيديو 40 دقيقة

  6. مشروع: نظام تصميم صغير بـ SCSS

    فيديو ساعة و10 دقائق

Tailwind CSS 7 دروس · 5 ساعات و30 دقيقة

منهج الـ utility-first اللي معظم مشاريع React الجديدة بتبدأ منه. تتعلم النموذج الذهني، وتضبط ثيم مطابق لهوية، وتتعامل مع الوضع الليلي و RTL، وتستخرج المكوّنات قبل ما الـ markup يتحوّل لضوضاء.

  1. الـ utility-first: النموذج الذهني

    فيديو 40 دقيقة

  2. تنصيب Tailwind وخطوة البناء

    فيديو 35 دقيقة

  3. التخطيط والمسافات وبادئات التجاوب

    فيديو 50 دقيقة

  4. ضبط الثيم: الألوان والخطوط والمسافات

    فيديو 45 دقيقة

  5. الوضع الليلي ودعم RTL

    فيديو 45 دقيقة

  6. استخراج المكوّنات قبل ما الـ markup يبقى ضوضاء

    فيديو 45 دقيقة

  7. مشروع: أعد بناء صفحة الهبوط بـ Tailwind

    فيديو ساعة و10 دقائق

Figma للمطوّرين 6 دروس · 4 ساعات و15 دقيقة

مش كورس تصميم — كورس تسليم. تتعلم تقرا ملف Figma بالطريقة اللي المطوّر محتاجها: تطلّع المسافات والألوان ومقاييس الخط بالظبط، وتصدّر الأصول بالمقاسات الصح، وتسأل المصمم السؤال الصح بدل ما تخمّن.

  1. واجهة Figma للمطوّرين

    فيديو 35 دقيقة

  2. الإطارات والتخطيط التلقائي والقيود

    فيديو 45 دقيقة

  3. الفحص: قراءة القيم بالظبط بدل التخمين

    فيديو 45 دقيقة

  4. أنماط الألوان والنصوص ورموز التصميم

    فيديو 45 دقيقة

  5. تصدير الأصول بالمقاسات الصح

    فيديو 35 دقيقة

  6. بناء واجهة بسيطة لما ما يكونش فيه مصمم

    فيديو 50 دقيقة

Git و GitHub 9 دروس · 6 ساعات و55 دقيقة

إزاي الفرق الاحترافية بتشتغل فعلًا. الفروع وطلبات الدمج ومراجعة الكود، والمهارة الواحدة اللي بتفرّق بين الثقة والرعب: حل تعارض دمج من غير ما تضيّع شغل حد.

  1. Git بيفكر إزاي: لقطات مش فروق

    فيديو 40 دقيقة

  2. التجهيز والالتزام وكتابة رسالة مفيدة

    فيديو 45 دقيقة

  3. التفريع والدمج

    فيديو 50 دقيقة

  4. المستودعات البعيدة و push و pull و fetch

    فيديو 45 دقيقة

  5. حل تعارضات الدمج

    فيديو 55 دقيقة

  6. طلبات الدمج ومراجعة الكود

    فيديو 50 دقيقة

  7. rebase و cherry-pick وإمتى تستخدم كل واحد

    فيديو 45 دقيقة

  8. التراجع عن الأخطاء: reset و revert و reflog

    فيديو 45 دقيقة

  9. GitHub Actions: أول فحص آلي ليك

    فيديو 40 دقيقة

الفريلانس وتطوير المسار المهني 7 دروس · 5 ساعات و15 دقيقة

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

  1. بورتفوليو بيجاوب على سؤال صاحب العمل

    فيديو 45 دقيقة

  2. كتابة سيرة ذاتية لوظيفة محددة

    فيديو 40 دقيقة

  3. التسعير: بالساعة أو ثابت وكل واحد بيكلّفك إيه

    فيديو 50 دقيقة

  4. النطاق والعقود ومنع الخلافات

    فيديو 45 دقيقة

  5. إيجاد أول عملاء ليك

    فيديو 45 دقيقة

  6. التواصل مع العميل والتعامل مع طلبات التغيير

    فيديو 40 دقيقة

  7. المقابلات التقنية وتعمل إيه لما تقف

    فيديو 50 دقيقة

أساسيات React 11 درسًا · 10 ساعات و35 دقيقة

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

  1. React موجودة ليه وبتحل مشكلة إيه

    فيديو 40 دقيقة

  2. JSX والمكوّنات والخصائص

    فيديو 50 دقيقة

  3. الحالة بـ useState، وفين المفروض تعيش

    فيديو 55 دقيقة

  4. عرض القوائم والمفاتيح والواجهة الشرطية

    فيديو 45 دقيقة

  5. useEffect والاعتماديات وفخ الحلقة اللانهائية

    فيديو ساعة

  6. useContext ومشاركة الحالة من غير مكتبة

    فيديو 50 دقيقة

  7. React Router: الصفحات والمعاملات والمسارات المحمية

    فيديو 55 دقيقة

  8. النماذج والمدخلات المتحكم فيها والتحقق

    فيديو 55 دقيقة

  9. جلب البيانات: حالات التحميل والفراغ والخطأ

    فيديو 55 دقيقة

  10. مشروع: تطبيق بحث عن الأفلام

    فيديو ساعة و20 دقيقة

  11. مشروع: واجهة متجر إلكتروني بسلة

    فيديو ساعة و30 دقيقة

React المتقدمة 9 دروس · 8 ساعات و10 دقائق

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

  1. الخطافات المخصصة: استخراج المنطق صح

    فيديو 55 دقيقة

  2. useReducer وآلات الحالة للحالات المعقدة

    فيديو 55 دقيقة

  3. useMemo و useCallback و memo، بقياس الأول

    فيديو 55 دقيقة

  4. تحليل أداء تطبيق React وإيجاد التكلفة الحقيقية

    فيديو 50 دقيقة

  5. أنماط التركيب والمكوّنات المركّبة

    فيديو 50 دقيقة

  6. تقسيم الكود و lazy و Suspense

    فيديو 45 دقيقة

  7. حدود الأخطاء والفشل بشكل لائق

    فيديو 45 دقيقة

  8. الـ portals والـ refs والخروج من الشجرة عند الضرورة

    فيديو 45 دقيقة

  9. مشروع: مكتبة مكوّنات قابلة لإعادة الاستخدام

    فيديو ساعة و30 دقيقة

Redux Toolkit 7 دروس · 6 ساعات

مخزن بيتقدّم عند النقطة اللي تمرير الخصائص عبر خمس مكوّنات بيبدأ يوجع فيها فعلًا — ومش قبلها. تتعلم الـ slices والـ thunks غير المتزامنة و RTK Query، وكمان الحكم اللي يخليك تعرف إن حالة React نفسها كانت كفاية من الأول.

  1. المخزن بيخدم إيه، وإمتى مش محتاجه

    فيديو 40 دقيقة

  2. المخزن والـ slices والمخفّضات والإجراءات

    فيديو 55 دقيقة

  3. قراءة وتحديث الحالة من المكوّنات

    فيديو 45 دقيقة

  4. الـ thunks غير المتزامنة وحالات التحميل

    فيديو 50 دقيقة

  5. RTK Query: تخزين مؤقت وإعادة تحقق بالمجان

    فيديو 55 دقيقة

  6. Redux DevTools والتصحيح بالرجوع في الزمن

    فيديو 40 دقيقة

  7. مشروع: مسار توثيق مدعوم بالمخزن

    فيديو ساعة و15 دقيقة

React Native 8 دروس · 7 ساعات و10 دقائق

نفس نموذج المكوّنات، بس موجّه لتليفون. تبني تطبيق موبايل حقيقي فيه تنقل وتخزين على الجهاز وأذونات وإحساس أصلي، وتتعلم فين عادات الويب بتبطّل تنفع.

  1. React Native و Expo: الفرق عن الويب

    فيديو 45 دقيقة

  2. المكوّنات الأساسية والتنسيق والتخطيط على الموبايل

    فيديو 55 دقيقة

  3. التنقل: المكدسات والتبويبات والمعاملات

    فيديو 50 دقيقة

  4. القوائم والأداء والتمرير الطويل

    فيديو 45 دقيقة

  5. تخزين الجهاز ومناداة API من الموبايل

    فيديو 50 دقيقة

  6. الأذونات والكاميرا والموقع

    فيديو 50 دقيقة

  7. البناء والنشر على المتاجر

    فيديو 45 دقيقة

  8. مشروع: عميل موبايل لتطبيق React بتاعك

    فيديو ساعة و30 دقيقة

Node.js 8 دروس · 6 ساعات و20 دقيقة

جافاسكريبت بره المتصفح. تتعلم بيئة التشغيل بصراحة — حلقة الأحداث على السيرفر، ونظام الملفات، والـ streams، وإزاي عملية بخيط واحد بتدير آلاف الاتصالات — قبل ما أي فريمورك يخبّي ده عنك.

  1. بيئة Node وفرقها عن المتصفح

    فيديو 45 دقيقة

  2. حلقة الأحداث على السيرفر

    فيديو 50 دقيقة

  3. الوحدات و NPM وإدارة الاعتماديات

    فيديو 45 دقيقة

  4. نظام الملفات والمسارات ومتغيرات البيئة

    فيديو 45 دقيقة

  5. الـ streams والـ buffers للبيانات الكبيرة

    فيديو 50 دقيقة

  6. الأحداث و EventEmitter والأنماط غير المتزامنة

    فيديو 45 دقيقة

  7. بناء سيرفر HTTP من غير فريمورك

    فيديو 55 دقيقة

  8. تصحيح وتحليل أداء عملية Node

    فيديو 45 دقيقة

Express.js و REST APIs 10 دروس · 8 ساعات و45 دقيقة

تطبيق Express منظّم مش ملف واحد ضخم. مسارات ومتحكمات وخدمات ووسطاء، وعقد أخطاء الواجهة تقدر تعتمد عليه، ونقاط REST مطوّر تاني يستخدمها من غير ما يسألك بتشتغل إزاي.

  1. أساسيات Express: التوجيه ودورة حياة الطلب

    فيديو 50 دقيقة

  2. الوسطاء والترتيب وليه ده مهم

    فيديو 50 دقيقة

  3. بنية المشروع: المسارات والمتحكمات والخدمات

    فيديو 50 دقيقة

  4. تصميم موارد REST ورموز الحالة

    فيديو 55 دقيقة

  5. التحقق من الطلبات بالمخططات

    فيديو 50 دقيقة

  6. عقد أخطاء الواجهة تقدر تعتمد عليه

    فيديو 45 دقيقة

  7. الترقيم والتصفية والترتيب

    فيديو 50 دقيقة

  8. CORS وتحديد المعدل والتحصين الأساسي

    فيديو 45 دقيقة

  9. توثيق الـ API

    فيديو 40 دقيقة

  10. مشروع: REST API كامل لمنصة المدونة

    فيديو ساعة و30 دقيقة

MongoDB و Mongoose 9 دروس · 7 ساعات و30 دقيقة

قواعد البيانات المستندية بمنطقها هي، مش كقاعدة علائقية شيلنا منها الـ joins. تتعلم إمتى التضمين أفضل من الإشارة، وإزاي خط التجميع بيجاوب أسئلة التقارير، والفهرس بيعمل إيه في مجموعة كبرت عن الذاكرة.

  1. المستندات والمجموعات: فرقها عن الجداول

    فيديو 45 دقيقة

  2. عمليات CRUD ومعاملات الاستعلام

    فيديو 50 دقيقة

  3. تصميم المخطط: تضمين ولا إشارة

    فيديو 55 دقيقة

  4. نماذج Mongoose والتحقق والخطافات

    فيديو 55 دقيقة

  5. العلاقات و populate

    فيديو 50 دقيقة

  6. خط التجميع

    فيديو ساعة

  7. الفهارس وقراءة خطة التنفيذ

    فيديو 50 دقيقة

  8. المعاملات والكتابات المتسقة

    فيديو 45 دقيقة

  9. البذور والترحيلات وإدارة البيئات

    فيديو 40 دقيقة

التوثيق والأمان 9 دروس · 8 ساعات و25 دقيقة

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

  1. تشفير كلمات السر بـ bcrypt، وليه مش تشفير عكسي

    فيديو 45 دقيقة

  2. مسارات التسجيل والدخول واستعادة كلمة السر

    فيديو 55 دقيقة

  3. JWT: التوقيع والتحقق ومشكلة التجديد

    فيديو ساعة

  4. الجلسات مقابل الرموز، والاختيار بينهم

    فيديو 45 دقيقة

  5. الأدوار والصلاحيات وحماية المسارات

    فيديو 55 دقيقة

  6. OAuth وتسجيل الدخول الاجتماعي

    فيديو 50 دقيقة

  7. الحقن و XSS و CSRF في تطبيق MERN

    فيديو ساعة

  8. الأسرار والإعدادات ومخاطر الاعتماديات

    فيديو 45 دقيقة

  9. مشروع: نظام توثيق كامل بأدوار

    فيديو ساعة و30 دقيقة

رفع الملفات والتخزين السحابي 6 دروس · 4 ساعات و30 دقيقة

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

  1. التعامل مع الرفع متعدد الأجزاء بـ Multer

    فيديو 45 دقيقة

  2. التحقق من النوع والحجم على السيرفر مش العميل

    فيديو 45 دقيقة

  3. معالجة الصور وتغيير المقاس والصيغ

    فيديو 45 دقيقة

  4. التخزين السحابي: Cloudinary والخدمات المتوافقة مع S3

    فيديو 50 دقيقة

  5. الروابط الموقّعة وحماية الملفات الخاصة

    فيديو 45 دقيقة

  6. تقديم الوسائط من غير ما تبطّأ الصفحة

    فيديو 40 دقيقة

النشر و DevOps 7 دروس · 5 ساعات و30 دقيقة

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

  1. ضبط البيئة والحفاظ على الأسرار

    فيديو 45 دقيقة

  2. نشر واجهة React

    فيديو 45 دقيقة

  3. نشر Node API وتوصيل قاعدة بيانات

    فيديو 50 دقيقة

  4. النطاقات و HTTPS والشهادات

    فيديو 45 دقيقة

  5. خط CI/CD بالاختبارات كبوابة

    فيديو 55 دقيقة

  6. التسجيل المنظّم ومعرّفات الربط

    فيديو 45 دقيقة

  7. المراقبة والتنبيهات ونسخ احتياطي استعدت منه

    فيديو 45 دقيقة

الاختبارات 7 دروس · 5 ساعات و35 دقيقة

الاختبارات كالحاجة اللي بتخليك تغيّر الكود من غير خوف. تتعلم إيه اللي يستاهل اختبار وإيه اللي ضوضاء، وتختبر API من أوله لآخره، وتختبر مكوّنات React بالطريقة اللي المستخدم بيقابلها بيها، وتشغّل المجموعة كلها آليًا مع كل دفعة.

  1. ليه نختبر، وإيه اللي يستاهل اختبار فعلًا

    فيديو 40 دقيقة

  2. اختبارات الوحدات بـ Jest

    فيديو 50 دقيقة

  3. اختبار Express API بـ Supertest

    فيديو 55 دقيقة

  4. قواعد بيانات الاختبار والبيانات الثابتة والعزل

    فيديو 45 دقيقة

  5. اختبار مكوّنات React بالسلوك

    فيديو 55 دقيقة

  6. اختبارات شاملة للمسار الحرج

    فيديو 50 دقيقة

  7. تشغيل المجموعة في CI

    فيديو 40 دقيقة

TypeScript 7 دروس · 5 ساعات و55 دقيقة

الأنواع بتتستخدم عشان تخلي الحالات الغلط مستحيلة مش عشان تزوّد طقوس. تكتب أنواع تطبيق React و Express API، وتتعلم الـ generics من غير خوف، وتشوف نوع البق اللي ببساطة بيبطّل يحصل.

  1. TypeScript لناس بتكتب جافاسكريبت أصلًا

    فيديو 50 دقيقة

  2. الأنواع الأولية والكائنات والمصفوفات والواجهات

    فيديو 50 دقيقة

  3. الاتحادات والتضييق وحُرّاس الأنواع

    فيديو 50 دقيقة

  4. الـ generics من غير خوف

    فيديو 55 دقيقة

  5. كتابة أنواع تطبيق React

    فيديو 55 دقيقة

  6. كتابة أنواع Express API ومشاركتها

    فيديو 50 دقيقة

  7. ترحيل مشروع جافاسكريبت بالتدريج

    فيديو 45 دقيقة

Next.js 8 دروس · 6 ساعات و25 دقيقة

React ومعاها سيرفر. استراتيجيات العرض وكل واحدة بتكلّف إيه، وتوجيه قائم على الملفات، ومسارات API، ومكاسب الـ SEO والأداء اللي تطبيق الصفحة الواحدة العادي ما يقدرش يوصلها.

  1. Next.js بتضيف إيه لـ React، وبتكلّف إيه

    فيديو 45 دقيقة

  2. التوجيه القائم على الملفات والتخطيطات

    فيديو 50 دقيقة

  3. استراتيجيات العرض: ساكن وسيرفر وعميل

    فيديو 55 دقيقة

  4. جلب البيانات والتخزين المؤقت على السيرفر

    فيديو 55 دقيقة

  5. مسارات الـ API وإجراءات السيرفر

    فيديو 50 دقيقة

  6. الصور والخطوط والتحسين المدمج

    فيديو 40 دقيقة

  7. الـ SEO والبيانات الوصفية ومعاينات المشاركة

    فيديو 45 دقيقة

  8. نشر تطبيق Next.js

    فيديو 45 دقيقة

GraphQL 6 دروس · 5 ساعات

عقد مختلف بين العميل والسيرفر: العميل بيطلب الحقول اللي محتاجها بالظبط. تبني مخطط ومحلّلات، وتستهلكه من React، وتتعلم المشكلتين اللي GraphQL بتخلقهم مقابل اللي بتحلّهم.

  1. GraphQL مقابل REST: إيه اللي بيتغير فعلًا

    فيديو 45 دقيقة

  2. المخطط والأنواع والاستعلامات والطفرات

    فيديو 55 دقيقة

  3. المحلّلات فوق قاعدة بيانات حقيقية

    فيديو 55 دقيقة

  4. Apollo Client في React

    فيديو 50 دقيقة

  5. التخزين المؤقت والتحديثات المتفائلة وإعادة الجلب

    فيديو 45 دقيقة

  6. مشكلة N+1 والتجميع وحدود العمق

    فيديو 50 دقيقة

Socket.IO والزمن الفعلي 7 دروس · 6 ساعات

لما الطلب والرد ما يكفوش. دردشة حية وإشعارات وتواجد، مبنيين بالغرف والنطاقات — ونظرة صريحة على تكلفة إبقاء آلاف الاتصالات مفتوحة.

  1. WebSockets و Socket.IO بتضيف إيه

    فيديو 45 دقيقة

  2. الأحداث والإرسال والاستماع على الجانبين

    فيديو 50 دقيقة

  3. الغرف والنطاقات واستهداف المستخدمين الصح

    فيديو 50 دقيقة

  4. توثيق اتصال السوكت

    فيديو 45 دقيقة

  5. التواجد ومؤشرات الكتابة وحالة التسليم

    فيديو 45 دقيقة

  6. توسيع السوكتس وتكلفة ده

    فيديو 45 دقيقة

  7. مشروع: دردشة حية جوه تطبيقك

    فيديو ساعة و20 دقيقة

Docker والنشر على VPS 8 دروس · 6 ساعات و45 دقيقة

تملك السيرفر بدل ما تأجّر زرار. تحزّم الستاك كله في حاويات، وتركّبه، وتنشره على VPS لينكس ظبطته بنفسك — بجدار ناري وبروكسي عكسي وشهادات ومدير عمليات ونسخ احتياطي.

  1. ليه الحاويات: نفس البيئة في كل مكان

    فيديو 45 دقيقة

  2. كتابة Dockerfile لـ Node API

    فيديو 50 دقيقة

  3. تحزيم بناء React خلف Nginx

    فيديو 50 دقيقة

  4. Docker Compose: الستاك في ملف واحد

    فيديو 55 دقيقة

  5. أساسيات لينكس على VPS: المستخدمين والصلاحيات والجدار الناري

    فيديو 55 دقيقة

  6. Nginx كبروكسي عكسي والنطاقات و HTTPS

    فيديو 55 دقيقة

  7. إدارة العمليات وإعادة التشغيل والنشر بلا توقف

    فيديو 50 دقيقة

  8. النسخ الاحتياطي والاستعادة والتمرّن عليها

    فيديو 45 دقيقة

تحسين الأداء 6 دروس · 4 ساعات و55 دقيقة

قِس، وبعدين صلّح — بالترتيب ده. Core Web Vitals على الواجهة، وخطط الاستعلام والتخزين المؤقت على الخلفية، والانضباط بإثبات إن التغيير ساعد بدل ما تفترض.

  1. Core Web Vitals وقياسها بأمانة

    فيديو 50 دقيقة

  2. تحليل الحزمة والتقسيم والتحميل الكسول

    فيديو 50 دقيقة

  3. الصور والخطوط وتكلفة سكريبتات الطرف الثالث

    فيديو 45 دقيقة

  4. إيجاد الاستعلام البطيء ورا الصفحة البطيئة

    فيديو 50 دقيقة

  5. استراتيجيات التخزين المؤقت ومشكلة الإبطال

    فيديو 50 دقيقة

  6. Redis للذواكر والعدادات وحدود المعدل

    فيديو 50 دقيقة

المدفوعات بـ Stripe 6 دروس · 4 ساعات و50 دقيقة

تحصيل الفلوس صح، وده في معظمه عن اللي بيحصل لما حاجة تغلط. مسار الشراء والاشتراكات، ومعالجة webhooks ما بتحاسبش حد مرتين لما نفس الحدث يوصل مرتين.

  1. الدفعة بتمشي إزاي فعلًا من أولها لآخرها

    فيديو 45 دقيقة

  2. Stripe Checkout من غير ما تلمس بيانات الكارت

    فيديو 50 دقيقة

  3. الـ webhooks والتحقق من التوقيع وإعادة المحاولة

    فيديو 55 دقيقة

  4. عدم تكرار الأثر: النجاة من نفس الحدث مرتين

    فيديو 50 دقيقة

  5. الاشتراكات والفواتير والمدفوعات الفاشلة

    فيديو 50 دقيقة

  6. الاسترداد والنزاعات والسجلات اللي لازم تحتفظ بيها

    فيديو 40 دقيقة

دمج الذكاء الاصطناعي 6 دروس · 5 ساعات

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

  1. مناداة API النموذج من السيرفر، مش العميل أبدًا

    فيديو 45 دقيقة

  2. الـ prompts والسياق والحصول على إجابة صالحة

    فيديو 50 دقيقة

  3. بث الرد في واجهة React

    فيديو 50 دقيقة

  4. الـ embeddings والبحث في محتواك

    فيديو 55 دقيقة

  5. إجابات مدعومة بالاسترجاع ومؤسّسة على بياناتك

    فيديو 55 دقيقة

  6. التكلفة وحدود المعدل والفشل الآمن

    فيديو 45 دقيقة

مشروع التخرج 8 دروس · 19 ساعة و30 دقيقة

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

  1. اختيار مشروع يستاهل التسع شهور بتوعك

    فيديو ساعة

  2. تحديد النطاق ونموذج البيانات

    فيديو ساعة و30 دقيقة

  3. بناء الـ API وقاعدة البيانات

    فيديو 4 ساعات

  4. بناء الواجهة وتوصيلها

    فيديو 4 ساعات

  5. التوثيق والأدوار ولوحة التحكم الإدارية

    فيديو 3 ساعات

  6. الاختبار والتحصين والنشر للإنتاج

    فيديو 3 ساعات

  7. التوثيق و README وتسليم احترافي

    فيديو ساعة و30 دقيقة

  8. العرض والدفاع عن قراراتك

    فيديو ساعة و30 دقيقة

ورش المشاريع 7 دروس · 18 ساعة

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

  1. ورشة: نظام إدارة مهام بفرق

    فيديو 3 ساعات

  2. ورشة: منصة مدونة بمحرّر وأدوار

    فيديو 3 ساعات

  3. ورشة: منصة تجارة إلكترونية بمدفوعات

    فيديو 4 ساعات

  4. ورشة: لوحة تحكم إدارية بتقارير

    فيديو 3 ساعات

  5. مراجعة الكود: تقرا وتتقرا

    فيديو ساعة و30 دقيقة

  6. إعادة هيكلة أول مشاريعك باللي بقيت تعرفه

    فيديو ساعتان

  7. تجميع ونشر البورتفوليو

    فيديو ساعة و30 دقيقة

آراء الطلاب

لا توجد تقييمات منشورة بعد. كن أول من يقيّم الكورس.

التقييم متاح لمن سجّل في الكورس أو حضره. سجّل الدخول

  • صورة كورس تطوير Full-Stack Laravel
    متوسط 175 ساعة و50 دقيقة

    تطوير الويب

    تطوير Full-Stack Laravel

    أربعين كورس من أول سطر HTML لحد منتج Laravel منشور ومختبَر وفوري — الفريمورك اللي السوق المحلي بيوظّف عليه فعلًا.

    EGP 6,000