feat(docs): add NavGrid/NavCard components and restructure stage pages
- Add NavGrid.vue and NavCard.vue components for better navigation layout - Restructure stage-0 index pages across languages into intro.md with new navigation components - Remove old stage-0 index.md files and update stage-3 pages similarly - Add new dependencies 'claude' and 'codex' to package.json - Improve code formatting in multiple Vue components for better readability - Update documentation content and structure for better user experience
This commit is contained in:
sanbuphy
@@ -1,42 +0,0 @@
|
||||
# Appendix
|
||||
|
||||
Knowledge base for AI, Frontend, Backend, and General Skills.
|
||||
|
||||
## Content Overview
|
||||
|
||||
### AI Basics
|
||||
- [Prompt Engineering](/ar-sa/appendix/prompt-engineering)
|
||||
- [AI Evolution](/ar-sa/appendix/ai-evolution)
|
||||
- [LLM Introduction](/ar-sa/appendix/llm-intro)
|
||||
- [VLM Introduction](/ar-sa/appendix/vlm-intro)
|
||||
- [AI Image Generation](/ar-sa/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/ar-sa/appendix/audio-intro)
|
||||
- [Context Engineering](/ar-sa/appendix/context-engineering)
|
||||
- [AI Agents](/ar-sa/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/ar-sa/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/ar-sa/appendix/web-basics)
|
||||
- [Frontend Evolution](/ar-sa/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/ar-sa/appendix/frontend-performance)
|
||||
- [Canvas 2D](/ar-sa/appendix/canvas-intro)
|
||||
- [URL to Browser](/ar-sa/appendix/url-to-browser)
|
||||
- [Browser DevTools](/ar-sa/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/ar-sa/appendix/backend-evolution)
|
||||
- [Backend Languages](/ar-sa/appendix/backend-languages)
|
||||
- [Database Principles](/ar-sa/appendix/database-intro)
|
||||
- [Cache Design](/ar-sa/appendix/cache-design)
|
||||
- [Message Queues](/ar-sa/appendix/queue-design)
|
||||
- [Authentication](/ar-sa/appendix/auth-design)
|
||||
- [Tracking Design](/ar-sa/appendix/tracking-design)
|
||||
- [Operations](/ar-sa/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/ar-sa/appendix/api-intro)
|
||||
- [IDE Introduction](/ar-sa/appendix/ide-intro)
|
||||
- [Terminal Introduction](/ar-sa/appendix/terminal-intro)
|
||||
- [Git Introduction](/ar-sa/appendix/git-intro)
|
||||
- [Computer Networks](/ar-sa/appendix/computer-networks)
|
||||
- [Deployment](/ar-sa/appendix/deployment)
|
||||
@@ -0,0 +1,186 @@
|
||||
# الملحق
|
||||
|
||||
مرحبًا بك في قسم **الملحق**! هذا هو مجموعة من أساسيات الذكاء الاصطناعي ومفاهيم التطوير الشامل الأساسية، والذي يعمل كمكتبة مرجعية مهمة خلال رحلتك التعليمية.
|
||||
|
||||
## فئات المحتوى
|
||||
|
||||
### أساسيات الذكاء الاصطناعي
|
||||
|
||||
فهم المفاهيم الأساسية وتاريخ التطوير ومبادئ التقنيات المتطورة للذكاء الاصطناعي:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/prompt-engineering/"
|
||||
title="هندسة الموجهات"
|
||||
description="إتقان فن الحوار الفعال مع الذكاء الاصطناعي لإطلاق إمكانات النماذج الكبيرة"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/ai-evolution"
|
||||
title="تاريخ تطور الذكاء الاصطناعي"
|
||||
description="مراجعة المعالم الرئيسية في تطوير الذكاء الاصطناعي وفهم مسار تطور التكنولوجيا"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/llm-intro"
|
||||
title="النماذج اللغوية الكبيرة"
|
||||
description="شرح عميق ولكن سهل الوصول إليه لكيفية عمل النماذج اللغوية الكبيرة (LLMs) وتطبيقاتها"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/vlm-intro"
|
||||
title="النماذج متعددة الوسائط الكبيرة"
|
||||
description="استكشاف النماذج المتقدمة القادرة على معالجة أنواع متعددة من البيانات مثل الصور والصوت"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/image-gen-intro"
|
||||
title="مبادئ توليد الصور بالذكاء الاصطناعي"
|
||||
description="كشف المنطق الأساسي والتنفيذ التقني لتوليد الصور بالذكاء الاصطناعي"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/audio-intro"
|
||||
title="نماذج الصوت بالذكاء الاصطناعي"
|
||||
description="فهم تطبيقات الذكاء الاصطناعي في توليف الكلام والتعرف عليه وتوليد الموسيقى"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/context-engineering"
|
||||
title="هندسة السياق"
|
||||
description="تعلم كيفية تحسين إدارة السياق لتحسين الاتساق طويل المدى لمهام الذكاء الاصطناعي"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/agent-intro"
|
||||
title="ذكاء الوكلاء"
|
||||
description="استكشاف هياكل وكلاء الذكاء الاصطناعي مع قدرات صنع القرار والتنفيذ المستقل"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/ai-capability-dictionary"
|
||||
title="قاموس قدرات الذكاء الاصطناعي"
|
||||
description="دليل مرجعي سريع للمصطلحات المستخدمة بشكل شائع والمفاهيم الأساسية في مجال الذكاء الاصطناعي"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### أساسيات الواجهة الأمامية
|
||||
|
||||
تعزيز الأساس التقني لتطوير الواجهة الأمامية:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/web-basics"
|
||||
title="أساسيات HTML/CSS/JS"
|
||||
description="الركائز الثلاث لبناء صفحات الويب، ضرورية للمبتدئين في تطوير الواجهة الأمامية"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/frontend-evolution"
|
||||
title="تاريخ تطور الواجهة الأمامية"
|
||||
description="فهم تطور مكدسات تقنيات الواجهة الأمامية وفهم اتجاهات تطوير التكنولوجيا"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/frontend-performance"
|
||||
title="تحسين أداء الواجهة الأمامية"
|
||||
description="تعلم الاستراتيجيات الرئيسية لتحسين سرعة تحميل صفحات الويب وسلاسة التفاعل"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/canvas-intro"
|
||||
title="مقدمة في Canvas 2D"
|
||||
description="إتقان واجهة برمجة تطبيقات الرسم Canvas لتحقيق تأثيرات رسومية ومتحركة رائعة"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/url-to-browser"
|
||||
title="من URL إلى عرض المتصفح"
|
||||
description="تحليل السلسلة الكاملة للعملية الكاملة لعرض الصفحات بواسطة المتصفح"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/browser-devtools/"
|
||||
title="أدوات تطوير المتصفح"
|
||||
description="استخدام أدوات التطوير ببراعة لتحديد وحل مشاكل الواجهة الأمامية بكفاءة"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### أساسيات الواجهة الخلفية
|
||||
|
||||
إتقان المفاهيم الأساسية لتطوير الواجهة الخلفية:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/backend-evolution"
|
||||
title="تاريخ تطور الواجهة الخلفية"
|
||||
description="من الأحادية إلى الخدمات المصغرة، استكشاف تطور بنية الواجهة الخلفية"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/backend-languages"
|
||||
title="لغات برمجة الواجهة الخلفية"
|
||||
description="مقارنة خصائص وسيناريوهات تطبيق لغات الواجهة الخلفية الرائدة لاختيار أفضل مكدس تقني"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/database-intro"
|
||||
title="مبادئ قواعد البيانات"
|
||||
description="فهم المبادئ الأساسية لقواعد البيانات وإتقان فن تخزين البيانات واسترجاعها"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/cache-design"
|
||||
title="تصميم ذاكرة التخزين المؤقت للنظام"
|
||||
description="تعلم استراتيجيات التخزين المؤقت لتحسين قدرات المعالجة عالية التزامن للنظام"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/queue-design"
|
||||
title="تصميم قوائم انتظار الرسائل"
|
||||
description="إتقان الدور الرئيسي لقوائم انتظار الرسائل في فصل الاهتمامات وتقليل الذروات"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/auth-design"
|
||||
title="مبادئ وممارسة المصادقة"
|
||||
description="بناء أنظمة آمنة للمصادقة على الهوية وإدارة الأذونات"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/tracking-design"
|
||||
title="تصميم التتبع"
|
||||
description="تصميم تتبع البيانات بشكل علمي لتوفير دعم البيانات لقرارات المنتج"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/operations"
|
||||
title="العمليات عبر الإنترنت"
|
||||
description="إتقان مهارات التشغيل لنشر النظام ومراقبته واستكشاف الأخطاء وإصلاحها"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### المهارات العامة
|
||||
|
||||
المعرفة الأساسية لتطوير البرمجيات:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/api-intro"
|
||||
title="مقدمة في API"
|
||||
description="المعرفة الأساسية بتصميم واجهات API وتطويرها"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/ide-intro/"
|
||||
title="مبادئ IDE"
|
||||
description="فهم آلية العمل الداخلية لبيئات التطوير المتكاملة (IDEs)"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/terminal-intro"
|
||||
title="مقدمة في Terminal"
|
||||
description="إتقان العمليات الأساسية لمحطة سطر الأوامر لتحسين كفاءة التطوير"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/git-intro"
|
||||
title="مقدمة مفصلة في Git"
|
||||
description="فهم عميق لمبادئ التحكم في إصدار Git والاستخدام المتقدم"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/computer-networks"
|
||||
title="شبكات الكمبيوتر"
|
||||
description="المعرفة الأساسية ببروتوكولات الشبكة ومبادئ الاتصال"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/appendix/deployment"
|
||||
title="النشر والإطلاق"
|
||||
description="العملية الكاملة وأفضل الممارسات لنشر التطبيقات وإطلاقها"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## اقتراحات الاستخدام
|
||||
|
||||
- استخدم كمواد مرجعية أثناء عملية التعلم، راجع حسب الحاجة
|
||||
- عند مواجهة مفاهيم تقنية غير مألوفة، ابحث عن التفسيرات هنا أولاً
|
||||
- يوصى بقراءته مرة واحدة لإنشاء نظام معرفي كامل
|
||||
|
||||
هذا هو كنز معرفتك التقنية، مرحبًا بك دائمًا للرجوع إليه!
|
||||
@@ -1,19 +0,0 @@
|
||||
# AI Product Manager
|
||||
|
||||
Welcome to the AI Product Manager stage. Here, you will start from scratch and master the Vibe Coding workflow to become a super individual capable of independent product design.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Getting Started
|
||||
Suitable for product, operations, and non-technical backgrounds. Understand AI programming logic through games and build confidence.
|
||||
|
||||
- [1. Learning Map](/ar-sa/stage-0/0.1-learning-map/)
|
||||
- [2. If you can speak, you can code](/ar-sa/stage-0/0.2-ai-capabilities-through-games/)
|
||||
|
||||
### Product Manager
|
||||
Master the Vibe Coding workflow. Learn to break down requirements and independently complete high-fidelity web application prototypes.
|
||||
|
||||
- [1. Introduction to AI IDE](/ar-sa/stage-1/1.1-introduction-to-ai-ide/)
|
||||
- [2. Building a Prototype](/ar-sa/stage-1/1.2-building-prototype/)
|
||||
- [3. Integrating AI Capabilities](/ar-sa/stage-1/1.3-integrating-ai-capabilities/)
|
||||
- [4. Complete Project Practice](/ar-sa/stage-1/1.4-complete-project-practice/)
|
||||
@@ -0,0 +1,66 @@
|
||||
# المبتدئون ونموذج المنتج
|
||||
|
||||
مرحبًا بك في مرحلة **مدير منتج الذكاء الاصطناعي**! هذه هي نقطة البداية لبرنامج Easy-Vibe التعليمي، مصممة للمتعلمين بدون خبرة في البرمجة.
|
||||
|
||||
## ما ستتعلمه
|
||||
|
||||
في هذه المرحلة، ستبدأ من الصفر وتتقن سير عمل Vibe Coding لتصبح فردًا فائقًا قادرًا على تصميم المنتجات بشكل مستقل.
|
||||
|
||||
### البداية
|
||||
|
||||
مناسب للمنتجات والعمليات والخلفيات غير التقنية. فهم منطق برمجة الذكاء الاصطناعي من خلال الألعاب وبناء الثقة:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-0/0.1-learning-map/"
|
||||
title="خريطة التعلم"
|
||||
description="فهم مسار التعلم بالكامل وتوضيح أهداف ونتائج كل مرحلة"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-0/0.2-ai-capabilities-through-games/"
|
||||
title="عصر الذكاء الاصطناعي: إذا كنت تستطيع التحدث، يمكنك البرمجة"
|
||||
description="تجربة سحر برمجة الذكاء الاصطناعي من خلال ألعاب مثل Snake، والتغلب على الخوف من البرمجة"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### مدير المنتج
|
||||
|
||||
إتقان سير عمل Vibe Coding. تعلم كيفية تفكيك المتطلبات وإكمال نماذج تطبيقات الويب عالية الدقة بشكل مستقل:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-1/1.1-introduction-to-ai-ide/"
|
||||
title="مقدمة في أدوات IDE للذكاء الاصطناعي"
|
||||
description="تعرف على أدوات برمجة الذكاء الاصطناعي الحالية واختر أفضل شريك تطوير لك"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-1/1.2-building-prototype/"
|
||||
title="إنشاء النماذج الأولية"
|
||||
description="تعلم كيفية تحويل أفكار المنتجات بسرعة إلى نماذج أولية مرئية للتجربة والخطأ بتكلفة منخفضة"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-1/1.3-integrating-ai-capabilities/"
|
||||
title="دمج قدرات الذكاء الاصطناعي"
|
||||
description="دمج واجهات برمجة تطبيقات الذكاء الاصطناعي البسيطة لإضفاء الذكاء على نموذجك الأولي"
|
||||
/>
|
||||
<NavCard
|
||||
href="/ar-sa/stage-1/1.4-complete-project-practice/"
|
||||
title="ممارسة المشاريع الكاملة"
|
||||
description="تطبيق ما تعلمته بشكل شامل لإكمال تطوير نموذج منتج كامل من 0 إلى 1"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## لمن هذا
|
||||
|
||||
- مديرو المنتجات وموظفو العمليات بدون خبرة في البرمجة
|
||||
- رواد الأعمال الذين يرغبون في التحقق من الأفكار بسرعة
|
||||
- الأشخاص غير التقنيين المهتمين ببرمجة الذكاء الاصطناعي
|
||||
- المصممون الذين يسعون لتحسين مهارات النمذجة الأولية
|
||||
|
||||
## مسار التعلم
|
||||
|
||||
```
|
||||
البداية → أساسيات إدارة المنتجات → دمج قدرات الذكاء الاصطناعي → ممارسة المشاريع الكاملة
|
||||
```
|
||||
|
||||
هل أنت مستعد لبدء رحلة برمجة الذكاء الاصطناعي الخاصة بك؟ انقر على التنقل الأيسر لبدء التعلم!
|
||||
@@ -1,37 +0,0 @@
|
||||
# Full-Stack Development
|
||||
|
||||
Deep dive into full-stack development. Frontend componentization, database design, backend API development, and deployment.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Frontend Development
|
||||
Master modern frontend development with component libraries and design tools.
|
||||
|
||||
- [Frontend 0: Lovart Assets](/ar-sa/stage-2/frontend/2.0-lovart-assets/)
|
||||
- [Frontend 1: Figma & MasterGo](/ar-sa/stage-2/frontend/2.1-figma-mastergo/)
|
||||
- [Frontend 2: UI Design](/ar-sa/stage-2/frontend/2.2-ui-design/)
|
||||
- [Frontend 3: Multi-Product UI](/ar-sa/stage-2/frontend/2.3-multi-product-ui/)
|
||||
- [Frontend 4: Hogwarts Portraits](/ar-sa/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits)
|
||||
|
||||
### Backend & Full-Stack
|
||||
Learn API design, database management, and deployment strategies.
|
||||
|
||||
- [Backend 1: What is API](/ar-sa/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api)
|
||||
- [Backend 2: Database & Supabase](/ar-sa/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase)
|
||||
- [Backend 3: AI Interface Code](/ar-sa/stage-2/backend/2.3-ai-interface-code/)
|
||||
- [Backend 4: Git Workflow](/ar-sa/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github)
|
||||
- [Backend 5: Zeabur Deployment](/ar-sa/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications)
|
||||
- [Backend 6: Modern CLI Tools](/ar-sa/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development)
|
||||
- [Backend 7: Stripe Payment](/ar-sa/stage-2/backend/2.7-stripe-payment/)
|
||||
|
||||
### Assignments
|
||||
Practical projects to apply your full-stack skills.
|
||||
|
||||
- [Assignment 1: Full-Stack App](/ar-sa/stage-2/assignments/2.1-fullstack-app/)
|
||||
- [Assignment 2: Modern Frontend + Trae](/ar-sa/stage-2/assignments/2.2-modern-frontend-trae/)
|
||||
|
||||
### AI Capabilities
|
||||
Integrate AI features like knowledge bases and multimodal APIs.
|
||||
|
||||
- [AI 1: Dify & Knowledge Base](/ar-sa/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration)
|
||||
- [AI 2: Multimodal API](/ar-sa/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook)
|
||||
@@ -0,0 +1,126 @@
|
||||
# التطوير الشامل
|
||||
|
||||
مرحبًا بك في مرحلة **التطوير الشامل**! هنا ستتعمق في التطوير الشامل، وتتقن تكوين المكونات الأمامية، وتصميم قواعد البيانات، وتطوير واجهات برمجة التطبيقات الخلفية، والنشر.
|
||||
|
||||
## ما ستتعلمه
|
||||
|
||||
### تطوير الواجهة الأمامية
|
||||
|
||||
إتقان تطوير الواجهة الأمامية الحديثة وتعلم استخدام مكتبات المكونات وأدوات التصميم:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الأمامية 0: استخدام Lovart للموارد"
|
||||
description="تعلم كيفية استخدام أدوات الذكاء الاصطناعي مثل Lovart لإنشاء موارد الألعاب عالية الجودة وموارد واجهة المستخدم بسرعة"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الأمامية 1: مقدمة في Figma و MasterGo"
|
||||
description="إتقان العمليات الأساسية لأدوات تصميم واجهة المستخدم الاحترافية وسير العمل من التصميم إلى الكود"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الأمامية 2: بناء أول تطبيق حديث لك - تصميم واجهة المستخدم"
|
||||
description="تصميم واجهة تطبيق ويب حديثة من الصفر، وممارسة مبادئ تصميم واجهة المستخدم"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الأمامية 3: إرشادات تصميم واجهة المستخدم وواجهة المستخدم متعددة المنتجات"
|
||||
description="تعلم إرشادات تصميم واجهة المستخدم الرائدة لتحسين الاتساق وجماليات تصميم المنتج"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الأمامية 4: لنبني صور هوجورتس"
|
||||
description="مشروع عملي: بناء تطبيق صور هوجورتس تفاعلي باستخدام الصور التي تم إنشاؤها بواسطة الذكاء الاصطناعي"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### الواجهة الخلفية والتطوير الشامل
|
||||
|
||||
تعلم تصميم واجهات برمجة التطبيقات، وإدارة قواعد البيانات، واستراتيجيات نشر التطبيقات:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 1: ما هي واجهة برمجة التطبيقات API"
|
||||
description="فهم المفهوم الأساسي لواجهات برمجة التطبيقات، الجسر بين الواجهة الأمامية والخلفية"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 2: من قاعدة البيانات إلى Supabase"
|
||||
description="إتقان أساسيات قواعد البيانات العلائقية وتعلم استخدام Supabase، منصة BaaS الحديثة"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 3: كود الواجهة المدعوم بالذكاء الاصطناعي والتوثيق"
|
||||
description="استخدام الذكاء الاصطناعي للمساعدة في إنشاء كود الواجهة الخلفية وتوثيق واجهة برمجة التطبيقات القياسي"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 4: سير عمل Git"
|
||||
description="إتقان العمليات الأساسية وسير العمل التعاوني لنظام التحكم في الإصدار Git"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 5: النشر على Zeabur"
|
||||
description="تعلم كيفية نشر تطبيقاتك الشاملة بسرعة في السحابة باستخدام Zeabur"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 6: أدوات تطوير CLI الحديثة"
|
||||
description="استكشاف أدوات CLI الحديثة لتعزيز تجربة التطوير في بيئات سطر الأوامر"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجهة الخلفية 7: دمج أنظمة الدفع Stripe"
|
||||
description="ممارسة: دمج وظيفة الدفع Stripe في تطبيقك لتحقيق الربح"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### الواجبات
|
||||
|
||||
تعزيز مهارات التطوير الشامل الخاصة بك من خلال المشاريع العملية:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجب 1: بناء أول تطبيق حديث لك - شامل"
|
||||
description="تطبيق ما تعلمته بشكل شامل لإكمال تطبيق شامل وظيفي بالكامل بشكل مستقل"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الواجب 2: مكتبة مكونات الواجهة الأمامية الحديثة + Trae"
|
||||
description="استخدام مكتبات المكونات الحديثة مع Trae IDE لبناء واجهات أمامية معقدة بكفاءة"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### توسيع قدرات الذكاء الاصطناعي
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الذكاء الاصطناعي 1: مقدمة في Dify ودمج قاعدة المعرفة"
|
||||
description="تعلم كيفية بناء تطبيقات الذكاء الاصطناعي باستخدام Dify ودمج قواعد المعرفة الخاصة"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الذكاء الاصطناعي 2: البحث في قاموس الذكاء الاصطناعي ودمج واجهات برمجة التطبيقات متعددة الوسائط"
|
||||
description="استكشاف المزيد من قدرات الذكاء الاصطناعي، ودمج واجهات برمجة التطبيقات متعددة الوسائط مثل الرؤية والصوت"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## لمن هذا
|
||||
|
||||
- المطورون الذين لديهم بعض الأساسيات في البرمجة ويرغبون في تعلم التطوير الشامل بشكل منهجي
|
||||
- المتعلمون الذين يرغبون في الانتقال من مدير المنتج إلى مهندس شامل
|
||||
- المطورون من المبتدئين إلى المتوسطين الذين يرغبون في إتقان أدوات التطوير الحديثة وسير العمل
|
||||
- رواد الأعمال الذين يرغبون في تطوير منتجات كاملة بشكل مستقل
|
||||
|
||||
## المتطلبات الأساسية
|
||||
|
||||
- إكمال مرحلة "المبتدئون ونموذج المنتج"، أو امتلاك معرفة أساسية مكافئة
|
||||
- فهم المفاهيم الأساسية لـ HTML/CSS/JavaScript
|
||||
- امتلاك معرفة أولية حول أدوات برمجة الذكاء الاصطناعي
|
||||
|
||||
هل أنت مستعد للتعمق في التطوير الشامل؟ انقر على التنقل الأيسر لبدء التعلم!
|
||||
@@ -1,30 +0,0 @@
|
||||
# Advanced Development
|
||||
|
||||
Build complex cross-platform applications. WeChat Mini-Program practice, challenge higher-level AI-native application development.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Core Skills
|
||||
Advanced AI coding skills and long-running task management.
|
||||
|
||||
- [Advanced 1: MCP & ClaudeCode Skills](/ar-sa/stage-3/core-skills/3.1-mcp-claudecode-skills/)
|
||||
- [Advanced 2: Long-running Tasks](/ar-sa/stage-3/core-skills/3.2-long-running-tasks/)
|
||||
|
||||
### Cross-Platform Development
|
||||
Build apps for WeChat, Android, and iOS.
|
||||
|
||||
- [Advanced 3: WeChat Mini-Program](/ar-sa/stage-3/cross-platform/3.3-wechat-miniprogram/)
|
||||
- [Advanced 4: WeChat Mini-Program (Backend)](/ar-sa/stage-3/cross-platform/3.4-wechat-miniprogram-backend/)
|
||||
- [Advanced 5: Android App](/ar-sa/stage-3/cross-platform/3.5-android-app/)
|
||||
- [Advanced 6: iOS App](/ar-sa/stage-3/cross-platform/3.6-ios-app/)
|
||||
|
||||
### Personal Brand
|
||||
Build your personal website and blog.
|
||||
|
||||
- [Advanced 7: Personal Website & Blog](/ar-sa/stage-3/personal-brand/3.7-personal-website-blog/)
|
||||
|
||||
### AI Advanced
|
||||
Deep dive into RAG and advanced agent workflows.
|
||||
|
||||
- [Advanced AI 1: What is RAG](/ar-sa/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future)
|
||||
- [Advanced AI 2: Advanced RAG with LangGraph](/ar-sa/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/)
|
||||
@@ -0,0 +1,93 @@
|
||||
# التطوير المتقدم
|
||||
|
||||
مرحبًا بك في مرحلة **التطوير المتقدم**! هنا ستبني تطبيقات متعددة المنصات معقدة، وتتقن تطوير برامج WeChat المصغرة، وتحدي نفسك مع تطوير تطبيقات الذكاء الاصطناعي الأصلية الأكثر تقدمًا.
|
||||
|
||||
## ما ستتعلمه
|
||||
|
||||
### المهارات الأساسية
|
||||
|
||||
إتقان بروتوكول MCP وتقنيات Claude Code المتقدمة بعمق لتحسين كفاءة التطوير:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 1: مهارات MCP و ClaudeCode"
|
||||
description="إتقان Model Context Protocol (MCP) لتوسيع قدرات أدوات برمجة الذكاء الاصطناعي"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 2: المهام طويلة المدى"
|
||||
description="تعلم كيفية جعل أدوات ترميز الذكاء الاصطناعي تتعامل مع المهام المعقدة طويلة المدى"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### التطوير متعدد المنصات
|
||||
|
||||
بناء برامج WeChat المصغرة وتطبيقات Android و iOS لتحقيق التغطية متعددة المنصات:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 3: بناء برامج WeChat المصغرة"
|
||||
description="تطوير برامج WeChat المصغرة من الصفر، وإتقان سير العمل الأساسي لتطوير البرامج المصغرة"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 4: برامج WeChat المصغرة مع الواجهة الخلفية"
|
||||
description="بناء تطبيقات برامج WeChat المصغرة الكاملة مع دعم الواجهة الخلفية"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 5: بناء تطبيقات Android"
|
||||
description="استخدام أطر العمل متعددة المنصات الحديثة لبناء تطبيقات Android الأصلية"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 6: بناء تطبيقات iOS"
|
||||
description="تطوير ونشر تطبيقات iOS، وإتقان معايير تطوير نظام iOS البيئي"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### العلامة التجارية الشخصية
|
||||
|
||||
بناء موقع الويب الشخصي والمدونة التقنية الخاصة بك لإنشاء نفوذ شخصي:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="متقدم 7: بناء موقع الويب الشخصي والمدونة الأكاديمية الخاصة بك"
|
||||
description="استخدام مكدسات التكنولوجيا الحديثة لبناء مدونات شخصية عالية الأداء وجذابة بصريًا"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### قدرات الذكاء الاصطناعي المتقدمة
|
||||
|
||||
استكشاف تقنيات الذكاء الاصطناعي المتقدمة مثل RAG و LangGraph لبناء سير عمل تطبيقات الذكاء الاصطناعي المعقدة:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الذكاء الاصطناعي المتقدم 1: ما هو RAG وكيف يعمل"
|
||||
description="فهم عميق لمبادئ Retrieval-Augmented Generation (RAG) وقيمتها في تطبيقات الذكاء الاصطناعي"
|
||||
/>
|
||||
<NavCard
|
||||
href="#"
|
||||
title="الذكاء الاصطناعي المتقدم 2: RAG المتقدم وأتمتة سير العمل - LangGraph"
|
||||
description="تعلم كيفية استخدام LangGraph لأتمتة سير عمل الذكاء الاصطناعي المعقدة وبناء أنظمة RAG المتقدمة"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## لمن هذا
|
||||
|
||||
- المطورون المتقدمون ذوو الخبرة في التطوير الشامل الذين يرغبون في تحدي تطبيقات أكثر تعقيدًا
|
||||
- المهندسون الذين يرغبون في إتقان تقنيات التطوير متعدد المنصات
|
||||
- المستكشفون الذين يرغبون في فهم عميق لتطوير تطبيقات الذكاء الاصطناعي الأصلية
|
||||
- المدونون التقنيون الذين يرغبون في بناء علامتهم التجارية التقنية الشخصية
|
||||
|
||||
## المتطلبات الأساسية
|
||||
|
||||
- إكمال مرحلة "التطوير الشامل"، أو امتلاك خبرة في التطوير الشامل
|
||||
- الإلمام بأطر العمل الأمامية (مثل React/Vue) والتطوير الخلفي
|
||||
- فهم المفاهيم الأساسية للذكاء الاصطناعي واستخدام واجهات برمجة التطبيقات
|
||||
|
||||
هل أنت مستعد لتحدي التطوير المتقدم؟ انقر على التنقل الأيسر لبدء التعلم!
|
||||
Reference in New Issue
Block a user