Session 01: مقدمة عالم الويب: كيف كانت المواقع سابقاً وكيف نبنيها اليوم + تجهيز الأدوات
رحلة تعريفية شاملة للمبتدئين: تطور المواقع، الأدوات المطلوب تثبيتها على جهازك، واختيار مشروعك العملي
ترسيخ مبدأ أن "الهندسة تبدأ بالفهم التجاري": كسر عادة البدء في توليد الأكواد فوراً، وتعليم الطلاب استخراج المتطلبات.
- اشرح للطلاب أن الذكاء الاصطناعي لا يعرف نية العميل، بل ينفذ ما يُطلب منه حرفياً، وضعف المدخلات يعني ضعف المخرجات (Garbage In, Garbage Out).
- وضّح كيف يفرق العميل بين المبرمج العادي وصانع الويب المبتكر: صانع الويب يناقش أهداف العمل ويزيد مبيعات العميل.
اعرض شاشة مطعم Shake Shack أو Five Guys وقارنها بموقع مطعم متواضع لا يملك زراً واضحاً للطلب.
- •اختيار فكرة ضخمة جداً مثل "أمازون جديد" بدلاً من البدء بمنتج واضح وقابل للإنجاز.
- •نسيان تحديد الـ Call to Action، مما يجعل الموقع مجرد مجلة للقراءة بدون أثر تجاري.
- •تلميح 1: شجع الطلاب المترددين على اختيار مجال يحبونه شخصياً.
- •تلميح 2: ذكرهم أن هذا المشروع سيستمر معهم ليكون جزءاً من معرض أعمالهم (Portfolio).
إذا رأيت طالباً عالقاً، اكتب له في الشات: "اختر مطعم شاورما في حارتك واكتب اسمه وثلاث وجبات يقدمها".
للطلاب المتقدمين: اطلب منهم تحديد ميزتين تنافسيتين (Unique Value Propositions) تفرقان موقعهم عن المنافسين.
احرص على ألا يستغرق هذا النشاط أكثر من 15 دقيقة في الشرح، واترك 5 دقائق للطلاب لكتابة إجاباتهم في صندوق الإرسال وقراءة 3 أمثلة حية في الشات لتشجيع الجميع.
حدد هوية موقعك، قطاع النشاط، والهدف التجاري الأول قبل كتابة أي سطر كود
أحدد بدقة ما هو المشروع الذي سأبنيه خلال هذه الحقيبة (مثلاً: مطعم، متجر متخصص، منصة استشارات)، ومن هو العميل المستهدف وما هو الإجراء الأساسي الذي أريد من الزائر تنفيذه (Call to Action).
ملخص واضح من 4 أسطر يحدد اسم المشروع، نشاطه، جمهوره، والإجراء الأساسي المطلوب من الزائر.