الوحدات التدريبية العشر (خارطة المنهج)

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

الوحدات

وحدات مرتبة بتدرج واضح

الدروس

درسًا نظريًا وتطبيقيًا

ساعات التعلم

~73

ساعة تدريب وبناء مشاريع

إنجازك

0%0/1

MODULE 01THINK

الأساس المعماري

أساسيات الويب ومعمارية الإنترنت

كيف يعمل الويب من خلف الكواليس؟

فهم بروتوكولات الويب (HTTP/HTTPS)، نموذج العميل والخادم (Client-Server)، كيف يعالج المتصفح الأكواد (DOM & Rendering Engine)، وتجهيز بيئة التطوير الحديثة.

🎯 المخرج: فهم هندسي واضح لدورة حياة طلب الويب (Web Request Lifecycle) وتجهيز بيئة عمل متكاملة.

1 درساً

~4 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 02DESIGN

التجربة البصرية

تصميم تجربة وواجهة المستخدم (UI/UX)

كيف تصنع موقعاً يحبه المستخدم ويثق به؟

قواعد التوزيع البصري (Hierarchy)، نظرية الألوان، التباين والخطوط، بناء Wireframes ومكونات الواجهات، واستخدام أدوات الذكاء الاصطناعي لتوليد أفكار التصميم.

🎯 المخرج: القدرة على تخطيط Wireframe متكامل وتحديد نظام ألوان وخطوط احترافي قبل كتابة أي كود.

0 درساً

~6 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 03BUILD

العمود الفقري

هيكلة الويب الدلالية بـ HTML5

بناء العمود الفقري للموقع بمعايير عالمية

الوسوم الدلالية (Semantic Tags)، تحسين الوصول لذوي الاحتياجات (Accessibility & ARIA)، النماذج التفاعلية، ودلالات تحسين محركات البحث في كود الـ HTML.

🎯 المخرج: بناء صفحات ويب نظيفة، قابلة للقراءة آلياً وبشرياً، ومطابقة لأعلى معايير الوصول (WCAG).

0 درساً

~5 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 04BUILD

الجمال والتجاوب

التنسيق العصري والأنظمة المرنة بـ Modern CSS & Tailwind

التحكم الكامل في المظهر، التجاوب، والجمال البصري

نموذج الصندوق (Box Model)، أنظمة التخطيط الفائقة (Flexbox & CSS Grid)، التصميم المتجاوب للهواتف (Mobile-First)، وإتقان Tailwind CSS للإنتاج السريع.

🎯 المخرج: تحويل أي تصميم من خيال أو صورة إلى واجهة متجاوبة فائقة الدقة والجمال على جميع المقاسات.

0 درساً

~8 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 05DEVELOP

محرك المنطق

منطق وبرمجة الويب التفاعلية بـ JavaScript (ESNext)

بث الروح والمنطق في صفحات الويب

المفاهيم الأساسية، التلاعب بشجرة الـ DOM، الأحداث (Events)، البرمجة غير المتزامنة (Async/Await & Fetch API)، وتخزين البيانات في المتصفح.

🎯 المخرج: بناء واجهات تتفاعل مع نقرات المستخدم وتستدعي البيانات من خوادم خارجية وتتحقق من صحة المدخلات.

0 درساً

~10 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 06DEVELOP

معمارية المكونات

بناء المكونات القابلة لإعادة الاستخدام بـ React

التفكير بالمكونات وإدارة الحالة بذكاء

معمارية المكونات، الـ Props، الـ State، الـ Hooks الأساسية (useState, useEffect)، وإدارة تدفق البيانات في التطبيقات الحديثة.

🎯 المخرج: بناء واجهات مستخدم معيارية (Modular UI) سهلة التعديل والتطوير والإصلاح.

0 درساً

~10 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 07DEVELOP

إطار العمل الاحترافي

تطبيقات الويب الإنتاجية بـ Next.js (App Router)

المنصة المتكاملة للمطور المحترف

مكونات الخادم والعميل (Server & Client Components)، التوجيه المتداخل (Nested Routing)، تحسين الصور والخطوط، والجاهزية الإنتاجية.

🎯 المخرج: بناء تطبيق ويب حقيقي جاهز للإنتاج يجمع بين قوة أداء الخادم وسرعة استجابة واجهات العميل.

0 درساً

~10 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 08ENHANCE

المضاعف الإنتاجي

التطوير المدعوم بالذكاء الاصطناعي (AI for Developers)

كيف تصبح مطوراً خارق الإنتاجية (10x Developer) بالـ AI؟

هندسة موجهات الكود (Prompt Engineering)، استخدام أدوات الذكاء الاصطناعي في حل الأخطاء المعقدة، توليد مكونات UI، وكتابة الاختبارات آلياً.

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

0 درساً

~6 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 09LAUNCH

الظهور والنمو

تحسين محركات البحث والتسويق الرقمي (SEO & Growth)

موقعك لا قيمة له إن لم يعثر عليه أحد!

الـ SEO التقني (Core Web Vitals, Structured Data, Sitemap)، كتابة المحتوى التسويقي الجذاب، قنوات التحويل (Conversion Funnels)، واستراتيجيات جلب الزوار.

🎯 المخرج: تهيئة الموقع لتصدر نتائج البحث وجذب الزوار والعملاء المهتمين بما تقدمه.

0 درساً

~6 ساعات

جاهز للاستكشافاستعراض الدروس

MODULE 10GROW

المهنة والحرية المالية

الإطلاق، معرض الأعمال، واقتناص عقود العمل الحر

تحويل مهاراتك إلى مهنة مستدامة ودخل مستقل

النشر السحابي وربط النطاق المخصص، بناء معرض أعمال لا يمكن تجاهله (Killer Portfolio)، تسعير الخدمات البرمجية، والتفاوض مع العملاء في العمل الحر.

🎯 المخرج: موقعك الشخصي ومشاريعك منشورة على نطاق خاص، وجاهزية كاملة لتقديم عروض العمل الحر واقتناص المشاريع.

0 درساً

~8 ساعات

جاهز للاستكشافاستعراض الدروس