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
2026-02-01 23:42:12 +08:00
parent a9a5c5c8a7
commit ad95658a11
171 changed files with 16366 additions and 7946 deletions
-42
View File
@@ -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)
+186
View File
@@ -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>
## اقتراحات الاستخدام
- استخدم كمواد مرجعية أثناء عملية التعلم، راجع حسب الحاجة
- عند مواجهة مفاهيم تقنية غير مألوفة، ابحث عن التفسيرات هنا أولاً
- يوصى بقراءته مرة واحدة لإنشاء نظام معرفي كامل
هذا هو كنز معرفتك التقنية، مرحبًا بك دائمًا للرجوع إليه!