مسارات التعلم
5 دقيقة للقراءة

المسار 2: AI-Assisted

Path 2: Traditional Dev → AI-Assisted Dev (1 week)

الهدف: تحويل المطورين ذوي الخبرة من العمل التقليدي إلى استخدام AI بكفاءة في سير عملهم اليومي.

المتطلبات: خبرة سنة على الأقل في البرمجة (أي لغة)

اليوم الأول: تغيير العقلية (Day 1: Mindset Shift)

📖 ماذا ستتعلم

  • فلسفة Vibe Coding للمطورين المحترفين
  • كيف تتجاوز العادات القديمة
  • أساسيات هندسة البرومبت (Prompt Engineering)
  • متى تستخدم Vibe Coding ومتى لا تستخدمه

🔓 ما الذي يجب إلغاؤه (Unlearn)

العادات القديمة ❌

  1. حفظ القواعد النحوية

    • لست بحاجة لحفظ كل API
    • AI يتذكر لك

  2. كتابة كل الكود يدويًا

    • Boilerplate يمكن توليده
    • ركز على المنطق الفريد

  3. البحث اليدوي عن الأخطاء

    • AI يمكنه تشخيص المشاكل
    • استخدم وقتك للتفكير

  4. القول "سأتعلم ذلك لاحقًا"

    • AI يسرع التعلم
    • تعلم وأنت تبني

العادات الجديدة ✅

  1. وصف ما تريد بوضوح

    • التفكير في الأهداف قبل الكود
    • البرومptime الجيد = كود أفضل

  2. الثقة في AI مع التحقق

    • دع AI يقترح
    • راجع وافهم

  3. التكرار السريع

    • احصل على مسودة سريعة
    • حسّنها تدريجيًا

  4. التعلم المستمر

    • كل شيء يتغير بسرعة
    • احتضن التغيير

اليوم 2-3: دمج الأدوات (Day 2-3: Tool Integration)

📖 ماذا ستتعلم

  • تثبيت وإعداد محرر AI
  • تثبيت أداة CLI
  • ترحيل مشروع موجود
  • التمرين على refactoring بمساعدة AI

🔧 الأدوات المطلوبة

1. محرر AI (AI Editor)

خيار أ: Cursor (موصى به)

# تثبيت Cursor
brew install --cask cursor  # macOS
# أو حمّل من cursor.com

مميزات Cursor:

  • ChatPanel: محادثة مستمرة مع AI
  • Cmd+K: تعديل الكود في مكانه
  • Cmd+L: محادثة كاملة عن الملف
  • Context-aware: يفهم مشروعك بالكامل

خيار ب: Windsurf (مجاني)

# تثبيت Windsurf
# حمّل من codeium.com/windsurf

خيار ج: VS Code + AI Extension

# VS Code مع Cursor AI أو Copilot
code --install-extension cursor.cursor-ai
# أو
code --install-extension GitHub.copilot

2. أداة CLI (CLI Tool)

خيار أ: Claude CLI

npm install -g @anthropic-ai/claude-cli
claude init

خيار أ: OpenCode

npm install -g @ohmyopencode/cli
opencode init

خيار ج: Copilot CLI

gh extension install github/gh-copilot
gh auth login

🎯 التمارين

تمرين 1: ترحيل مشروع موجود

  1. افتح مشروعك الحالي في Cursor/Windsurf

  2. استخدم AI لفهم المشروع:

    Prompt: "Analyze this project. What is the architecture?
What are the main components? What could be improved?"

  3. أجرِ مراجعة كود:

    Prompt: "Review the main file. What issues do you see?
Are there any bugs or potential improvements?"

تمرين 2: Refactoring بمساعدة AI

  1. اختر ملفًا قديمًا في مشروعك

  2. اطلب Refactoring:

    Prompt: "Refactor this code to be more maintainable.
Use modern patterns. Add TypeScript types if missing."

  3. افهم التغييرات:

    • راجع كل تغيير
    • اسأل AI: "Why did you make this change?"
    • تعلم من الاقتراحات

تمرين 3: إضافة اختبارات

Prompt: "Generate unit tests for this function.
Use Jest. Include edge cases."

اليوم 4-5: سير العمل AI-First (Day 4-5: AI-First Workflow)

📖 ماذا ستتعلم

  • بناء ميزات جديدة مع AI
  • استخدام AI كمراجع كود
  • توليد الوثائق تلقائيًا
  • الجمع بين AI والبرمجة التقليدية

🔄 سير العمل AI-First

الخطوة 1: فهم المتطلبات

Prompt: "I need to add user authentication to this app.
What approach would you recommend? JWT? Session?
Consider this is a Next.js app with Supabase."

الخطوة 2: التخطيط

Prompt: "Create a plan for implementing JWT auth.
List all files I need to create or modify.
What dependencies do I need?"

الخطوة 3: التنفيذ

Prompt: "Create the auth utility file with JWT functions.
Include sign, verify, and refresh token methods.
Use the jsonwebtoken library."

الخطوة 4: التكامل

Prompt: "Now integrate this auth utility into the API routes.
Add middleware to protect routes."

الخطوة 5: الاختبار

Prompt: "Generate tests for the auth implementation.
Include login, logout, and protected routes."

🎯 التمارين

تمرين 1: بناء ميزة جديدة كاملة

المشروع: أضف ميزة "إشعارات" لتطبيقك

  1. التخطيط مع AI:

    Prompt: "Plan a notification system for this app.
Should use real-time? Database? Email?
Give me a complete architecture."

  2. التنفيذ التدريجي:

    • قسّم لمهام صغيرة
    • نفّذ مهمة واحدة في كل مرة
    • راجع وافهم كل خطوة

  3. الاختبار:

    Prompt: "Create test cases for the notification system.
Include success and failure scenarios."

تمرين 2: Code Review مع AI

Prompt: "Review this pull request.
Check for:
1. Security vulnerabilities
2. Performance issues
3. Code style consistency
4. Missing edge cases
5. Documentation completeness
"

تمرين 3: توليد الوثائق

Prompt: "Generate comprehensive documentation for this module.
Include:
- JSDoc comments for all functions
- Usage examples
- Type definitions
- README with setup instructions
"

اليوم 6-7: إتقان الأنماط المتقدمة (Day 6-7: Master Advanced Patterns)

📖 ماذا ستتعلم

  • التعديل متعدد الملفات
  • الاستعلام عن قاعدة الكود
  • الوكلاء المستقلين (Autonomous Agents)
  • بناء ميزة معقدة باستخدام كل التقنيات

🚀 الأنماط المتقدمة

1. التعديل متعدد الملفات (Multi-file Editing)

في Cursor:

# حدد ملفات متعددة (Cmd+Click)
# اضغط Cmd+K
# اكتب طلبًا يشمل كل الملفات

برومبت متقدم:

Prompt: "I've selected 3 files: the API route, the service layer,
and the database schema. Refactor them to:
1. Use a repository pattern
2. Add error handling
3. Improve type safety
Maintain the same external interface."

2. الاستعلام عن قاعدة الكود (Codebase Querying)

في Claude CLI:

# فهرسة المشروع
claude scan .

# استعلام
claude ask "Where is the authentication logic?"
claude ask "How is user data validated?"
claude ask "Show me all API endpoints"

في Cursor:

Prompt: "Search the codebase for all places where user
permissions are checked. Is there a pattern we should
extract into a utility?"

3. الوكلاء المستقلون (Autonomous Agents)

مع OpenCode:

# وضع مستقل بالكامل
opencode agent "Refactor the auth system to use a
middleware pattern. Create the necessary files,
update the imports, and ensure all tests pass."

# وضع تفاعلي
opencode agent --interactive "Add dark mode support
to the app. Ask me before making major changes."

🎯 التمرين النهائي: بناء ميزة معقدة

المشروع: أضف نظام "Dashboard وAnalytics" لمشروعك

المتطلبات

  1. صفحة Dashboard مع:

    • إحصائيات فورية
    • رسوم بيانية (Charts)
    • جداول بيانات قابلة للفلترة

  2. Backend API:

    • تجميع البيانات
    • حساب المقاييس
    • Caching للأداء

  3. Authentication:

    • حماية routes
    • أدوار المستخدمين

التنفيذ خطوة بخطوة

الخطوة 1: البحث والتخطيط

Prompt: "Research best practices for building analytics
dashboards in Next.js. What libraries should I use
for charts? How should I structure the API?"

الخطوة 2: تصميم قاعدة البيانات

Prompt: "Design a database schema for storing analytics
events. Include tables for events, users, and
aggregated metrics. Use SQL."

الخطوة 3: بناء API

# استخدم OpenCode agent للبناء المستقل
opencode agent "Create the analytics API routes.
Implement endpoints for:
1. GET /api/analytics/overview
2. GET /api/analytics/trends
3. POST /api/analytics/events

Use the database schema we designed."

الخطوة 4: بناء الواجهة الأمامية

Prompt: "Create the dashboard page component.
Include:
1. Stat cards for key metrics
2. Line chart for trends
3. Data table with filters

Use shadcn/ui components and recharts for graphs."

الخطوة 5: الاختبار

Prompt: "Generate integration tests for the analytics
system. Test the API endpoints and the frontend
components."

الخطوة 6: التوثيق

Prompt: "Write documentation for the analytics feature.
Include:
1. API reference
2. Component props documentation
3. Setup instructions
4. Usage examples"

📊 قائمة التحقق من الإتقان (Mastery Checklist)

المبتدئ (Beginner)

  • ثبت Cursor أو Windsurf
  • استخدم ChatPanel لمرة واحدة
  • جرّبت Cmd+K للتعديل السريع
  • طلبت من AI شرح كود

المتوسط (Intermediate)

  • أجريت refactoring لملف كامل
  • استخدمت AI للبحث عن bugs
  • أضفت اختبارات بمساعدة AI
  • تولدت وثائق تلقائيًا

المتقدم (Advanced)

  • عدّلت ملفات متعددة دفعة واحدة
  • استخدمت autonomous agent
  • بنيت ميزة معقدة من A إلى Z
  • استخدمت AI لـ code review

الخبير (Expert)

  • صمّمت workflow مخصصًا لفريقك
  • أنشأت custom prompts قابلة لإعادة الاستخدام
  • درّبت الآخرين على AI-assisted development
  • ساهمت في أدوات AI مفتوحة المصدر

💡 نصائح للمطورين المحترفين

افعل (DO) ✅

  1. ابدأ صغيرًا

    • جرّب AI على مهام بسيطة أولاً
    • زد التعقيد تدريجيًا

  2. افهم ما يولده AI

    • راجع كل كود
    • اسأل "لماذا؟"

  3. ابنِمكتبة برومبتات

    • احفظ prompts مفيدة
    • حسّنها مع الوقت

  4. استخدم AI للتعلم

    • اطلب شرحات لمفاهيم جديدة
    • اطلب أمثلة عملية

  5. شارك معرفتك

    • درّب زملاءك
    • اكتب عن تجربتك

لا تفعل (DON'T) ❌

  1. لا تعتمد كليًا

    • AI يسرع، لكنه لا ي替代ك

  2. لا تنسخ دون فهم

    • الكود المفهود = كود قابل للصيانة

  3. لا تستخدم AI للمهام الحرجة

    • Security-critical code
    • Production hotfixes (كن حذرًا)

  4. لا تتوقف عن التعلم

    • التكنولوجيا تتطور
    • استمر في التحديث

🚀 الخطوات التالية

خيار 1: التخصص

  • ركز على مجالك (Frontend, Backend, DevOps)
  • تعلم AI tools متخصصة

خيار 2: القيادة

  • قود فريقك لتبني AI
  • بنى workflows جاهزة

خيار 3: المساهمة

  • ساهم في أدوات AI مفتوحة المصدر
  • شارك best practices

📚 موارد إضافية

مقالات في هذا الويكي

موارد خارجية

تهانينا! 🎉

أنت الآن مطور AI-Assisted رسميًا. أنت:

  • ✅ تعرف كيف تستخدم AI بفعالية
  • ✅ تفهم متى تستخدم AI ومتى لا
  • ✅ تمتلك workflow متكامل
  • ✅ يمكن بناء ميزات معقدة بسرعة

المسار التالي: تعلم كيف تبني SaaS products في المسار الرابع: Building Production SaaS