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
2026-02-01 23:42:12 +08:00
parent a9a5c5c8a7
commit ad95658a11
171 changed files with 16366 additions and 7946 deletions
@@ -1,42 +0,0 @@
-# Appendix
-
-Knowledge base for AI, Frontend, Backend, and General Skills.
-
-## Content Overview
-
-### AI Basics
- [Prompt Engineering](/de-de/appendix/prompt-engineering)
- [AI Evolution](/de-de/appendix/ai-evolution)
- [LLM Introduction](/de-de/appendix/llm-intro)
- [VLM Introduction](/de-de/appendix/vlm-intro)
- [AI Image Generation](/de-de/appendix/image-gen-intro)
- [AI Audio Models](/de-de/appendix/audio-intro)
- [Context Engineering](/de-de/appendix/context-engineering)
- [AI Agents](/de-de/appendix/agent-intro)
- [AI Capability Dictionary](/de-de/appendix/ai-capability-dictionary)
-
-### Frontend Development
- [Web Basics (HTML/CSS/JS)](/de-de/appendix/web-basics)
- [Frontend Evolution](/de-de/appendix/frontend-evolution)
- [Frontend Performance](/de-de/appendix/frontend-performance)
- [Canvas 2D](/de-de/appendix/canvas-intro)
- [URL to Browser](/de-de/appendix/url-to-browser)
- [Browser DevTools](/de-de/appendix/browser-devtools)
-
-### Backend Development
- [Backend Evolution](/de-de/appendix/backend-evolution)
- [Backend Languages](/de-de/appendix/backend-languages)
- [Database Principles](/de-de/appendix/database-intro)
- [Cache Design](/de-de/appendix/cache-design)
- [Message Queues](/de-de/appendix/queue-design)
- [Authentication](/de-de/appendix/auth-design)
- [Tracking Design](/de-de/appendix/tracking-design)
- [Operations](/de-de/appendix/operations)
-
-### General Skills
- [API Introduction](/de-de/appendix/api-intro)
- [IDE Introduction](/de-de/appendix/ide-intro)
- [Terminal Introduction](/de-de/appendix/terminal-intro)
- [Git Introduction](/de-de/appendix/git-intro)
- [Computer Networks](/de-de/appendix/computer-networks)
- [Deployment](/de-de/appendix/deployment)
@@ -0,0 +1,186 @@
+# Anhang
+
+Willkommen im **Anhang**-Abschnitt! Dies ist eine Sammlung von Grundlagen der künstlichen Intelligenz und Grundlagen der Full-Stack-Entwicklung, die als wichtige Referenzbibliothek während deiner Lernreise dient.
+
+## Inhaltskategorien
+
+### KI-Grundlagen
+
+Verstehe die Kernkonzepte, die Entwicklungsgeschichte und die hochmodernen technischen Prinzipien der künstlichen Intelligenz:
+<NavGrid>
+  <NavCard
+    href="/de-de/appendix/prompt-engineering/"
+    title="Prompt-Engineering"
+    description="Beherrsche die Kunst des effizienten Dialogs mit KI, um das Potenzial großer Modelle zu entfalten"
+  />
+  <NavCard
+    href="/de-de/appendix/ai-evolution"
+    title="KI-Evolutionsgeschichte"
+    description="Überprüfe wichtige Meilensteine in der KI-Entwicklung und verstehe die Entwicklungstrajektorie der Technologie"
+  />
+  <NavCard
+    href="/de-de/appendix/llm-intro"
+    title="Große Sprachmodelle"
+    description="Tiefgehende, aber zugängliche Erklärung, wie Große Sprachmodelle (LLMs) funktionieren und ihre Anwendungen"
+  />
+  <NavCard
+    href="/de-de/appendix/vlm-intro"
+    title="Multimodale große Modelle"
+    description="Erkunde fortschrittliche Modelle, die mehrere Datenmodalitäten wie Bilder und Audio verarbeiten können"
+  />
+  <NavCard
+    href="/de-de/appendix/image-gen-intro"
+    title="KI-Bildgenerierungsprinzipien"
+    description="Enthülle die zugrunde liegende Logik und technische Umsetzung der KI-Bildgenerierung"
+  />
+  <NavCard
+    href="/de-de/appendix/audio-intro"
+    title="KI-Audiomodelle"
+    description="Verstehe KI-Anwendungen in der Sprachsynthese, Erkennung und Musikerzeugung"
+  />
+  <NavCard
+    href="/de-de/appendix/context-engineering"
+    title="Kontext-Engineering"
+    description="Lerne, wie du das Kontextmanagement optimierst, um die langfristige Kohärenz von KI-Aufgaben zu verbessern"
+  />
+  <NavCard
+    href="/de-de/appendix/agent-intro"
+    title="Agenten-Intelligenz"
+    description="Erkunde KI-Agenten-Architekturen mit autonomen Entscheidungs- und Ausführungsfähigkeiten"
+  />
+  <NavCard
+    href="/de-de/appendix/ai-capability-dictionary"
+    title="KI-Fähigkeitenwörterbuch"
+    description="Ein Schnellreferenzhandbuch für häufig verwendete Begriffe und Kernkonzepte im KI-Bereich"
+  />
+</NavGrid>
+
+
+### Frontend-Grundlagen
+
+Festige die technische Basis der Frontend-Entwicklung:
+<NavGrid>
+  <NavCard
+    href="/de-de/appendix/web-basics"
+    title="HTML/CSS/JS-Grundlagen"
+    description="Die drei Säulen des Webseitenaufbaus, unverzichtbar für Frontend-Entwicklungseinsteiger"
+  />
+  <NavCard
+    href="/de-de/appendix/frontend-evolution"
+    title="Frontend-Evolutionsgeschichte"
+    description="Verstehe die Entwicklung der Frontend-Technologie-Stacks und erfasse die Trends der Technologieentwicklung"
+  />
+  <NavCard
+    href="/de-de/appendix/frontend-performance"
+    title="Frontend-Leistungsoptimierung"
+    description="Lerne Schlüsselstrategien, um die Ladegeschwindigkeit von Webseiten und die Flüssigkeit der Interaktion zu verbessern"
+  />
+  <NavCard
+    href="/de-de/appendix/canvas-intro"
+    title="Einführung in Canvas 2D"
+    description="Beherrsche die Canvas-Zeichen-API, um coole Grafik- und Animationseffekte zu erzielen"
+  />
+  <NavCard
+    href="/de-de/appendix/url-to-browser"
+    title="Von der URL zur Browser-Anzeige"
+    description="Vollständige Kettenanalyse des vollständigen Prozesses des Browser-Renderings von Seiten"
+  />
+  <NavCard
+    href="/de-de/appendix/browser-devtools/"
+    title="Browser-Entwicklertools"
+    description="Verwende Entwicklertools fachkundig, um Frontend-Probleme effizient zu lokalisieren und zu lösen"
+  />
+</NavGrid>
+
+
+### Backend-Grundlagen
+
+Beherrsche die Kernkonzepte der Backend-Entwicklung:
+<NavGrid>
+  <NavCard
+    href="/de-de/appendix/backend-evolution"
+    title="Backend-Evolutionsgeschichte"
+    description="Von monolithisch zu Microservices, die Entwicklung der Backend-Architektur erkunden"
+  />
+  <NavCard
+    href="/de-de/appendix/backend-languages"
+    title="Backend-Programmiersprachen"
+    description="Vergleiche die Eigenschaften und Anwendungsszenarien dominanter Backend-Sprachen, um den besten Technologie-Stack zu wählen"
+  />
+  <NavCard
+    href="/de-de/appendix/database-intro"
+    title="Datenbankprinzipien"
+    description="Verstehe die Kernprinzipien von Datenbanken und beherrsche die Kunst der Datenspeicherung und -abfrage"
+  />
+  <NavCard
+    href="/de-de/appendix/cache-design"
+    title="System-Cache-Design"
+    description="Lerne Caching-Strategien, um die Hochlastverarbeitungsfähigkeiten des Systems zu verbessern"
+  />
+  <NavCard
+    href="/de-de/appendix/queue-design"
+    title="Nachrichtenwarteschlangen-Design"
+    description="Beherrsche die Schlüsselrolle von Nachrichtenwarteschlangen bei der Entkopplung und Lastspitzenbeseitigung"
+  />
+  <NavCard
+    href="/de-de/appendix/auth-design"
+    title="Authentifizierungsprinzipien und -praxis"
+    description="Baue sichere Identitätsauthentifizierungs- und Berechtigungsverwaltungssysteme auf"
+  />
+  <NavCard
+    href="/de-de/appendix/tracking-design"
+    title="Tracking-Design"
+    description="Entwerfe Daten-Tracking wissenschaftlich, um Datenunterstützung für Produktentscheidungen zu bieten"
+  />
+  <NavCard
+    href="/de-de/appendix/operations"
+    title="Online-Betrieb"
+    description="Beherrsche Betriebsfähigkeiten für Systembereitstellung, Überwachung und Fehlerbehebung"
+  />
+</NavGrid>
+
+
+### Allgemeine Fähigkeiten
+
+Grundlegendes Wissen der Softwareentwicklung:
+<NavGrid>
+  <NavCard
+    href="/de-de/appendix/api-intro"
+    title="API-Einführung"
+    description="Grundlegendes Wissen über API-Schnittstellendesign und -entwicklung"
+  />
+  <NavCard
+    href="/de-de/appendix/ide-intro/"
+    title="IDE-Prinzipien"
+    description="Verstehe den internen Arbeitsmechanismus von Integrierten Entwicklungsumgebungen (IDEs)"
+  />
+  <NavCard
+    href="/de-de/appendix/terminal-intro"
+    title="Terminal-Einführung"
+    description="Beherrsche grundlegende Befehlszeilen-Terminaloperationen, um die Entwicklungseffizienz zu verbessern"
+  />
+  <NavCard
+    href="/de-de/appendix/git-intro"
+    title="Detaillierte Git-Einführung"
+    description="Verstehe tiefgehend die Git-Versionskontrollprinzipien und fortgeschrittene Nutzung"
+  />
+  <NavCard
+    href="/de-de/appendix/computer-networks"
+    title="Computernetzwerke"
+    description="Grundlegendes Wissen über Netzwerkprotokolle und Kommunikationsprinzipien"
+  />
+  <NavCard
+    href="/de-de/appendix/deployment"
+    title="Bereitstellung und Launch"
+    description="Vollständiger Prozess und bewährte Verfahren für die Anwendungsbereitstellung und den Launch"
+  />
+</NavGrid>
+
+
+## Nutzungshinweise
+
+- Als Referenzmaterial während des Lernprozesses verwenden, bei Bedarf konsultieren
+- Bei unbekannten technischen Konzepten zuerst hier nach Erklärungen suchen
+- Es wird empfohlen, es einmal durchzulesen, um ein vollständiges Wissenssystem aufzubauen
+
+Dies ist dein technisches Wissensschatz, immer willkommen zum Konsultieren!