الجلسات التدريبية الـ 12 المباشرة
جلسات تفاعلية عملية تنقلك من الفكرة المجردة إلى بناء وإطلاق وتسويق موقعك التجاري.
مقدمة عالم الويب: كيف كانت المواقع سابقاً وكيف نبنيها اليوم + تجهيز الأدوات
في هذا الدرس التعريفي (90 دقيقة) نتعرف على الفرق بين المواقع قديماً واليوم، ومكونات أي موقع، ثم نثبت البرامج الأساسية على أجهزتنا ونختار فكرة مشروعنا العملي.
تخطيط صفحات الموقع وتصميم تجربة واضحة ومريحة للزائر
كيف تنتقل من مستخدم عادي للذكاء الاصطناعي إلى مهندس يوجه النماذج لبناء كود قابل للإنتاج والصيانة.
كيف تصف فكرتك للذكاء الاصطناعي بوضوح؟ (صياغة الطلب خطوة بخطوة)
تعلم كيف تقرأ وتعدل كود الـ HTML و CSS بثقة وتضمن توافقه مع معايير السرعة ومحركات البحث.
مراجعة النتيجة وتحسينها خطوة بخطوة مع الذكاء الاصطناعي
إتقان كلاسات Tailwind وكيفية تعديل الألوان، المسافات، الخطوط، وتأثيرات التفاعل Hover و Focus.
تقسيم الصفحة إلى أجزاء منظمة وتجهيز ملفات المشروع
فهم عقلية المكونات (Component-Driven Architecture) وكيف تمرر البيانات عبر الـ Props.
بناء الصفحة الأساسية وتنسيقها للهاتف والكمبيوتر (HTML & CSS)
استخدام useState و useEffect و Zustand لإدارة بيانات التطبيق وسلة التسوق محلياً.
إضافة التفاعل الحي وتسهيل تجربة الزائر (JavaScript)
كيف تبني صفحات المنتجات الديناميكية [slug] وصفحة التفاصيل ولوحة التحكم بكفاءة متناهية.
تنظيم الموقع في قوالب وقطع قابلة لإعادة الاستخدام (React Components)
بناء نماذج الحجز وطلب الوجبات مع التحقق من صحة المدخلات وإرسال بريد تأكيدي لصاحب العمل.
ربط الصفحات وتسريع الموقع وتجهيزه لمحركات البحث (Next.js & SEO)
ضغط الصور، تحسين وسوم الميتا، وتوليد خريطة الموقع sitemap.xml والبيانات المنظمة Schema.org.
فحص الموقع واختباره الشامل قبل الإطلاق (وضوح المحتوى، الروابط، الهواتف، والأمان)
خطوات نشر الموقع على السحابة وربط GitHub بالتحديث التلقائي المستمر CI/CD.
نشر الموقع على الإنترنت وعرضه للعملاء بطريقة مقنعة
كيف تقدم نفسك كصانع حلول رقمية وليس مجرد كاتب كود، وتحدد سعر الموقع بطريقة مربحة وعادلة.