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:
@@ -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>
|
||||
|
||||
|
||||
## اقتراحات الاستخدام
|
||||
|
||||
- استخدم كمواد مرجعية أثناء عملية التعلم، راجع حسب الحاجة
|
||||
- عند مواجهة مفاهيم تقنية غير مألوفة، ابحث عن التفسيرات هنا أولاً
|
||||
- يوصى بقراءته مرة واحدة لإنشاء نظام معرفي كامل
|
||||
|
||||
هذا هو كنز معرفتك التقنية، مرحبًا بك دائمًا للرجوع إليه!
|
||||
Reference in New Issue
Block a user