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](/en-us/appendix/prompt-engineering)
|
||||
- [AI Evolution](/en-us/appendix/ai-evolution)
|
||||
- [LLM Introduction](/en-us/appendix/llm-intro)
|
||||
- [VLM Introduction](/en-us/appendix/vlm-intro)
|
||||
- [AI Image Generation](/en-us/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/en-us/appendix/audio-intro)
|
||||
- [Context Engineering](/en-us/appendix/context-engineering)
|
||||
- [AI Agents](/en-us/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/en-us/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/en-us/appendix/web-basics)
|
||||
- [Frontend Evolution](/en-us/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/en-us/appendix/frontend-performance)
|
||||
- [Canvas 2D](/en-us/appendix/canvas-intro)
|
||||
- [URL to Browser](/en-us/appendix/url-to-browser)
|
||||
- [Browser DevTools](/en-us/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/en-us/appendix/backend-evolution)
|
||||
- [Backend Languages](/en-us/appendix/backend-languages)
|
||||
- [Database Principles](/en-us/appendix/database-intro)
|
||||
- [Cache Design](/en-us/appendix/cache-design)
|
||||
- [Message Queues](/en-us/appendix/queue-design)
|
||||
- [Authentication](/en-us/appendix/auth-design)
|
||||
- [Tracking Design](/en-us/appendix/tracking-design)
|
||||
- [Operations](/en-us/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/en-us/appendix/api-intro)
|
||||
- [IDE Introduction](/en-us/appendix/ide-intro)
|
||||
- [Terminal Introduction](/en-us/appendix/terminal-intro)
|
||||
- [Git Introduction](/en-us/appendix/git-intro)
|
||||
- [Computer Networks](/en-us/appendix/computer-networks)
|
||||
- [Deployment](/en-us/appendix/deployment)
|
||||
@@ -0,0 +1,186 @@
|
||||
# Appendix
|
||||
|
||||
Welcome to the **Appendix** section! This is a collection of artificial intelligence fundamentals and full-stack development basics, serving as an important reference library during your learning journey.
|
||||
|
||||
## Content Categories
|
||||
|
||||
### AI Fundamentals
|
||||
|
||||
Understand the core concepts, development history, and cutting-edge technical principles of artificial intelligence:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/en-us/appendix/prompt-engineering/"
|
||||
title="Prompt Engineering"
|
||||
description="Master the art of efficient dialogue with AI to unlock the potential of large models"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/ai-evolution"
|
||||
title="AI Evolution History"
|
||||
description="Review key milestones in AI development and understand the trajectory of technological evolution"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/llm-intro"
|
||||
title="Large Language Models"
|
||||
description="Deep yet accessible explanation of how Large Language Models (LLMs) work and their applications"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/vlm-intro"
|
||||
title="Multimodal Large Models"
|
||||
description="Explore advanced models capable of processing multiple data modalities such as images and audio"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/image-gen-intro"
|
||||
title="AI Image Generation Principles"
|
||||
description="Uncover the underlying logic and technical implementation of AI image generation"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/audio-intro"
|
||||
title="AI Audio Models"
|
||||
description="Understand AI applications in speech synthesis, recognition, and music generation"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/context-engineering"
|
||||
title="Context Engineering"
|
||||
description="Learn how to optimize context management to improve long-range coherence of AI tasks"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/agent-intro"
|
||||
title="Agent Intelligence"
|
||||
description="Explore AI agent architectures with autonomous decision-making and execution capabilities"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/ai-capability-dictionary"
|
||||
title="AI Capability Dictionary"
|
||||
description="A quick reference handbook for commonly used terms and core concepts in the AI field"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### Frontend Basics
|
||||
|
||||
Solidify the technical foundation of frontend development:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/en-us/appendix/web-basics"
|
||||
title="HTML/CSS/JS Basics"
|
||||
description="The three pillars of building web pages, essential for frontend development beginners"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/frontend-evolution"
|
||||
title="Frontend Evolution History"
|
||||
description="Understand the evolution of frontend technology stacks and grasp technology development trends"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/frontend-performance"
|
||||
title="Frontend Performance Optimization"
|
||||
description="Learn key strategies to improve webpage loading speed and interaction smoothness"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/canvas-intro"
|
||||
title="Canvas 2D Basics"
|
||||
description="Master the Canvas drawing API to achieve cool graphics and animation effects"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/url-to-browser"
|
||||
title="From URL to Browser Display"
|
||||
description="Full-chain analysis of the complete process of browser rendering pages"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/browser-devtools/"
|
||||
title="Browser DevTools"
|
||||
description="Proficiently use developer tools to efficiently locate and solve frontend issues"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### Backend Basics
|
||||
|
||||
Master the core concepts of backend development:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/en-us/appendix/backend-evolution"
|
||||
title="Backend Evolution History"
|
||||
description="From monolithic to microservices, exploring the evolution of backend architecture"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/backend-languages"
|
||||
title="Backend Programming Languages"
|
||||
description="Compare the characteristics and applicable scenarios of mainstream backend languages to choose the best technology stack"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/database-intro"
|
||||
title="Database Principles"
|
||||
description="Understand core database principles and master the art of data storage and retrieval"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/cache-design"
|
||||
title="System Cache Design"
|
||||
description="Learn caching strategies to improve system high-concurrency processing capabilities"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/queue-design"
|
||||
title="Message Queue Design"
|
||||
description="Master the key role of message queues in decoupling and peak shaving"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/auth-design"
|
||||
title="Authentication Principles & Practice"
|
||||
description="Build secure identity authentication and permission management systems"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/tracking-design"
|
||||
title="Tracking Design"
|
||||
description="Scientifically design data tracking to provide data support for product decisions"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/operations"
|
||||
title="Online Operations"
|
||||
description="Master operations skills for system deployment, monitoring, and troubleshooting"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
### General Skills
|
||||
|
||||
Basic knowledge of software development:
|
||||
<NavGrid>
|
||||
<NavCard
|
||||
href="/en-us/appendix/api-intro"
|
||||
title="API Basics"
|
||||
description="Basic knowledge of API interface design and development"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/ide-intro/"
|
||||
title="IDE Principles"
|
||||
description="Understand the internal working mechanism of Integrated Development Environments (IDEs)"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/terminal-intro"
|
||||
title="Terminal Basics"
|
||||
description="Master basic command-line terminal operations to improve development efficiency"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/git-intro"
|
||||
title="Git Detailed Introduction"
|
||||
description="Deeply understand Git version control principles and advanced usage"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/computer-networks"
|
||||
title="Computer Networks"
|
||||
description="Basic knowledge of network protocols and communication principles"
|
||||
/>
|
||||
<NavCard
|
||||
href="/en-us/appendix/deployment"
|
||||
title="Deployment & Launch"
|
||||
description="Complete process and best practices for application deployment and release"
|
||||
/>
|
||||
</NavGrid>
|
||||
|
||||
|
||||
## Usage Suggestions
|
||||
|
||||
- Use as reference material during the learning process, consult as needed
|
||||
- When encountering unfamiliar technical concepts, look for explanations here first
|
||||
- Recommended to read through once to establish a complete knowledge system
|
||||
|
||||
This is your technical knowledge treasure trove, always welcome to consult!
|
||||
Reference in New Issue
Block a user