AI literacy للطلاب
غرفة تحكم عملية لفهم AI في 2026.
دليل ثنائي اللغة للورشة: تفهم الـ agents، تجهز الأدوات الصح، تتدرب على شغل آمن، وتطلع ببورتفوليو صغير قبل نهاية اليوم.
معاينة شغل الـ agent
prompt → inspect → edit → verify
عايز أبني بورتفوليو بالـ AI، لكن ما عارف أثبت شنو أول.
حنرتب الأدوات، نثبت الأساسيات، نشغل OpenCode، نراجع كل diff، وبعدها ننشر النتيجة.
field notes
مصمم حول الأسئلة البتظهر فعلا في القاعة
الدليل بيركز على نقاط اللخبطة في أول ساعة: أثق في ياتو أداة، الـ agent ممكن يغير شنو، الأسرار مكانها وين، وأعرف أوقف متين.
قبل التجهيز
الفرق شنو بين ChatGPT و Cursor و Claude و OpenCode؟
أثناء التطبيق
لو الـ agent طلب يشغل أمر، أعرف إنه آمن كيف؟
بعد النشر
أخلي الموقع شغال وأحدثه بدون ما أكسره كيف؟
قبل التجهيز
الفرق شنو بين ChatGPT و Cursor و Claude و OpenCode؟
أثناء التطبيق
لو الـ agent طلب يشغل أمر، أعرف إنه آمن كيف؟
بعد النشر
أخلي الموقع شغال وأحدثه بدون ما أكسره كيف؟
الأدوات
ابدأ بالأدوات البتعرفها. واتعلم مكان كل واحدة.
دي ما لوحة شعارات. كل أداة تحت عندها دور في الورشة، من أول سؤال لحد نشر البورتفوليو.
ChatGPT
نقطة البداية المألوفة للأسئلة، المسودات، الشرح، والمراجعة السريعة.
Claude
مفيد للتفكير الهادئ، مراجعة الكود، التعديلات الطويلة، ومقارنة الإجابات.
OpenCode
الـ agent العملي في الترمينال، بنثبته ونشغله مع بعض في الورشة.
Cursor
محرر كود مدعوم بالـ AI، قريب من VS Code لكن فيه شات و agents جاهزة.
GitHub
المكان البتخزن فيه الكود، تراجعه، ومنه ممكن تنشر البورتفوليو.
Node.js
بيئة تشغيل JavaScript البتعتمد عليها أدوات الويب ومشروع البورتفوليو.
النهاية
عصر واحد، ثلاث نتائج واضحة.
تجهيز محلي شغال
Node و npm ومحرر و GitHub و OpenCode مثبتين على لابتوبك.
لوب agent حقيقي
Prompt، فحص، tool call، مراجعة diff، إصلاح، تحقق. تشوف اللوب قبل ما تثق فيه.
رابط بورتفوليو منشور
موقع شخصي صغير على الإنترنت، ومعاه طريق واضح للتحديثات الجاية.
مسار الدروس
ثمانية دروس قصيرة، قصة واحدة واضحة.
المسار يبدأ بفهم الصورة، بعدها التجهيز، ثم تطبيق الـ agent، الأمان، والنشر.
- 01مرحب بيك في AI سنة 2026نفهم ليه AI اتغير بسرعة وشنو أول حاجات الطلاب يتعلموها.8 د
- 02يعني شنو AI Agents؟نعرف الفرق بين الـ agent والـ chatbot، ووين OpenCode داخل القصة.14 د
- 03OpenCode قبل التثبيتشوف لوب الـ agent قبل أي تثبيت: prompt، فحص، اقتراح، تعديل، تحقق.12 د
- 04تجهيز ويندوزنجهز ويندوز لأدوات AI العملية وشغل الـ agents.18 د
- 05أساسيات Linuxاتعلم عادات Linux terminal البتخلي شغل الـ agents أكثر أماناً.14 د
- 06Node و npmنثبت الأدوات البتشغل JavaScript وبتنزل المكتبات للمشروع.16 د
- 07تجربة OpenCode عملينثبت OpenCode ونفتح مشروع ونتعلم نسأل الـ agent بطريقة آمنة.22 د
- 08ابني البورتفوليو بتاعكنستخدم الـ agent عشان نبني بورتفوليو بسيط نقدر ننشره.35 د
- 09GitHub وحماية الأسرارننشر الكود من غير ما نسرب API keys أو tokens أو ملفات البيئة.20 د
- 10انشر موقعكاختار طريقة استضافة وخلي البورتفوليو يظهر في الإنترنت.20 د
10/10 دروس جاهزة
طبقة الأمان
الـ agent يعمل بسرعة. إنت تخلي القرار في اللوب.
السرعة مفيدة بس لما الطالب لسه فاهم الحصل شنو.
- rule 01
ما تلصق API keys أو tokens أو ملفات .env في الشات أو الصور.
- rule 02
اقرأ أوامر الترمينال قبل تشغيلها. الفضول أرخص من الإصلاح.
- rule 03
اعتبر أي diff اقتراح لحد ما تقبله بنفسك.
ابدأ بالخريطة، وبعدها ابن الحاجة.
الدرس الأول بيدي الطلاب نموذج واضح قبل ما الورشة تدخل في التثبيت والشغل العملي مع الـ agents.
افتح الدرس الأول