الجلسات التدريبية الـ 12 المباشرة

جلسات تفاعلية عملية تنقلك من الفكرة المجردة إلى بناء وإطلاق وتسويق موقعك التجاري.

SESSION 01● نشطة الآن

مقدمة عالم الويب: كيف كانت المواقع سابقاً وكيف نبنيها اليوم + تجهيز الأدوات

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

90 دقيقة•3 أنشطة
SESSION 02مجدولة

تخطيط صفحات الموقع وتصميم تجربة واضحة ومريحة للزائر

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

90 دقيقة•2 أنشطة
SESSION 03مجدولة

كيف تصف فكرتك للذكاء الاصطناعي بوضوح؟ (صياغة الطلب خطوة بخطوة)

تعلم كيف تقرأ وتعدل كود الـ HTML و CSS بثقة وتضمن توافقه مع معايير السرعة ومحركات البحث.

90 دقيقة•2 أنشطة
SESSION 04مجدولة

مراجعة النتيجة وتحسينها خطوة بخطوة مع الذكاء الاصطناعي

إتقان كلاسات Tailwind وكيفية تعديل الألوان، المسافات، الخطوط، وتأثيرات التفاعل Hover و Focus.

90 دقيقة•2 أنشطة
SESSION 05مجدولة

تقسيم الصفحة إلى أجزاء منظمة وتجهيز ملفات المشروع

فهم عقلية المكونات (Component-Driven Architecture) وكيف تمرر البيانات عبر الـ Props.

90 دقيقة•2 أنشطة
SESSION 06مجدولة

بناء الصفحة الأساسية وتنسيقها للهاتف والكمبيوتر (HTML & CSS)

استخدام useState و useEffect و Zustand لإدارة بيانات التطبيق وسلة التسوق محلياً.

90 دقيقة•2 أنشطة
SESSION 07مجدولة

إضافة التفاعل الحي وتسهيل تجربة الزائر (JavaScript)

كيف تبني صفحات المنتجات الديناميكية [slug] وصفحة التفاصيل ولوحة التحكم بكفاءة متناهية.

90 دقيقة•2 أنشطة
SESSION 08مجدولة

تنظيم الموقع في قوالب وقطع قابلة لإعادة الاستخدام (React Components)

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

90 دقيقة•2 أنشطة
SESSION 09مجدولة

ربط الصفحات وتسريع الموقع وتجهيزه لمحركات البحث (Next.js & SEO)

ضغط الصور، تحسين وسوم الميتا، وتوليد خريطة الموقع sitemap.xml والبيانات المنظمة Schema.org.

90 دقيقة•2 أنشطة
SESSION 10مجدولة

فحص الموقع واختباره الشامل قبل الإطلاق (وضوح المحتوى، الروابط، الهواتف، والأمان)

خطوات نشر الموقع على السحابة وربط GitHub بالتحديث التلقائي المستمر CI/CD.

90 دقيقة•2 أنشطة
SESSION 11مجدولة

نشر الموقع على الإنترنت وعرضه للعملاء بطريقة مقنعة

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

90 دقيقة•2 أنشطة
SESSION 12مجدولة

المشروع النهائي: خطوات التنفيذ، الفحص، والتسليم

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

90 دقيقة•2 أنشطة