From ad95658a1168ac974c9bb37c589d05f7ea071364 Mon Sep 17 00:00:00 2001 From: sanbuphy Date: Sun, 1 Feb 2026 23:42:12 +0800 Subject: [PATCH] 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 --- README.md | 25 +- docs-readme/ar-SA/README.md | 18 +- docs-readme/de-DE/README.md | 18 +- docs-readme/en-US/README.md | 30 +- docs-readme/es-ES/README.md | 18 +- docs-readme/fr-FR/README.md | 18 +- docs-readme/ja-JP/README.md | 18 +- docs-readme/ko-KR/README.md | 18 +- docs-readme/vi-VN/README.md | 18 +- docs-readme/zh-CN/README.md | 20 +- docs-readme/zh-TW/README.md | 18 +- docs/.vitepress/config.mjs | 106 +- docs/.vitepress/theme/Layout.vue | 5 +- .../theme/components/ArticleGrid.vue | 6 +- .../theme/components/CategoryIndex.vue | 12 +- .../theme/components/HomeFeatures.vue | 1290 ++++++++++++++--- docs/.vitepress/theme/components/NavCard.vue | 78 + docs/.vitepress/theme/components/NavGrid.vue | 14 + .../ai-history/AIEvolutionTimelineDemo.vue | 386 ++--- .../appendix/ai-history/AiEvolutionDemo.vue | 746 ++++++---- .../ai-history/AttentionMechanismDemo.vue | 266 ++-- .../ai-history/BackpropagationDemo.vue | 500 +++---- .../ai-history/CombinatorialExplosionDemo.vue | 877 +++-------- .../DiscriminativeVsGenerativeDemo.vue | 509 +++---- .../appendix/ai-history/GPTEvolutionDemo.vue | 592 +++----- .../NeuralNetworkVisualizationDemo.vue | 631 ++++---- .../appendix/ai-history/PerceptronDemo.vue | 367 ++--- .../ai-history/RuleBasedVsLearningDemo.vue | 567 +++----- .../appendix/api-intro/ApiConceptDemo.vue | 401 ++--- .../appendix/api-intro/ApiDocumentDemo.vue | 24 +- .../appendix/api-intro/ApiMethodDemo.vue | 85 +- .../appendix/api-intro/ApiPlayground.vue | 670 +++++---- .../appendix/api-intro/ApiQuickStartDemo.vue | 90 +- .../appendix/api-intro/FunctionApiDemo.vue | 278 ++++ .../appendix/api-intro/RealWorldApiDemo.vue | 46 +- .../api-intro/RequestResponseFlow.vue | 9 +- .../appendix/auth-design/shared/components.js | 11 +- .../BackendLanguagesDemo.vue | 36 +- .../ConcurrencyModelDemo.vue | 4 +- .../DeveloperEfficiencyDemo.vue | 39 +- .../LanguageEcosystemDemo.vue | 32 +- .../LanguageSelectorDemo.vue | 46 +- .../PerformanceBenchmarkDemo.vue | 6 +- .../SyntaxComparisonDemo.vue | 15 +- .../DevToolsApplicationDemo.vue | 205 +++ .../browser-devtools/DevToolsConsoleDemo.vue | 237 +++ .../browser-devtools/DevToolsElementsDemo.vue | 238 +++ .../browser-devtools/DevToolsNetworkDemo.vue | 232 +++ .../browser-devtools/DevToolsSourcesDemo.vue | 428 ++++++ .../canvas-intro/AnimationLoopDemo.vue | 28 +- .../canvas-intro/CanvasBasicsDemo.vue | 28 +- .../canvas-intro/CoordinateSystemDemo.vue | 26 +- .../canvas-intro/EventHandlingDemo.vue | 54 +- .../canvas-intro/ParticleSystemDemo.vue | 33 +- .../appendix/canvas-intro/PerformanceDemo.vue | 39 +- .../CachingStrategyDemo.vue | 178 ++- .../CriticalRenderingPathDemo.vue | 34 +- .../ImageOptimizationDemo.vue | 23 +- .../frontend-performance/LazyLoadingDemo.vue | 56 +- .../PerformanceMetricsDemo.vue | 45 +- .../ReflowRepaintDemo.vue | 95 +- .../VirtualScrollingDemo.vue | 35 +- .../prompt-engineering/ChainOfThoughtDemo.vue | 502 ++++--- .../prompt-engineering/FewShotDemo.vue | 257 ++-- .../PromptComparisonDemo.vue | 323 +++-- .../PromptQuickStartDemo.vue | 702 ++++++--- .../PromptRobustnessDemo.vue | 348 +++++ .../prompt-engineering/PromptSecurityDemo.vue | 290 ++++ .../PromptTemplatesDemo.vue | 303 ++-- .../TrainingProcessDemo.vue | 371 +++++ .../appendix/queue-design/PeakShavingDemo.vue | 112 +- docs/.vitepress/theme/index.js | 20 + docs/.vitepress/theme/style.css | 9 +- docs/ar-sa/appendix/index.md | 42 - docs/ar-sa/appendix/intro.md | 186 +++ docs/ar-sa/stage-0/index.md | 19 - docs/ar-sa/stage-0/intro.md | 66 + docs/ar-sa/stage-2/index.md | 37 - docs/ar-sa/stage-2/intro.md | 126 ++ docs/ar-sa/stage-3/index.md | 30 - docs/ar-sa/stage-3/intro.md | 93 ++ docs/de-de/appendix/index.md | 42 - docs/de-de/appendix/intro.md | 186 +++ docs/de-de/stage-0/index.md | 19 - docs/de-de/stage-0/intro.md | 66 + docs/de-de/stage-2/index.md | 37 - docs/de-de/stage-2/intro.md | 126 ++ docs/de-de/stage-3/index.md | 30 - docs/de-de/stage-3/intro.md | 93 ++ docs/en-us/appendix/index.md | 42 - docs/en-us/appendix/intro.md | 186 +++ docs/en-us/stage-0/index.md | 19 - docs/en-us/stage-0/intro.md | 66 + docs/en-us/stage-2/index.md | 37 - docs/en-us/stage-2/intro.md | 126 ++ docs/en-us/stage-3/index.md | 30 - docs/en-us/stage-3/intro.md | 93 ++ docs/es-es/appendix/index.md | 42 - docs/es-es/appendix/intro.md | 186 +++ docs/es-es/stage-0/index.md | 19 - docs/es-es/stage-0/intro.md | 66 + docs/es-es/stage-2/index.md | 37 - docs/es-es/stage-2/intro.md | 126 ++ docs/es-es/stage-3/index.md | 30 - docs/es-es/stage-3/intro.md | 93 ++ docs/fr-fr/appendix/index.md | 42 - docs/fr-fr/appendix/intro.md | 186 +++ docs/fr-fr/stage-0/index.md | 19 - docs/fr-fr/stage-0/intro.md | 66 + docs/fr-fr/stage-2/index.md | 37 - docs/fr-fr/stage-2/intro.md | 126 ++ docs/fr-fr/stage-3/index.md | 30 - docs/fr-fr/stage-3/intro.md | 93 ++ docs/ja-jp/appendix/index.md | 42 - docs/ja-jp/appendix/intro.md | 186 +++ docs/ja-jp/stage-0/index.md | 19 - docs/ja-jp/stage-0/intro.md | 66 + docs/ja-jp/stage-2/index.md | 37 - docs/ja-jp/stage-2/intro.md | 241 +++ docs/ja-jp/stage-3/index.md | 30 - docs/ja-jp/stage-3/intro.md | 93 ++ docs/ko-kr/appendix/index.md | 42 - docs/ko-kr/appendix/intro.md | 186 +++ docs/ko-kr/stage-0/index.md | 19 - docs/ko-kr/stage-0/intro.md | 66 + docs/ko-kr/stage-2/index.md | 37 - docs/ko-kr/stage-2/intro.md | 126 ++ docs/ko-kr/stage-3/index.md | 30 - docs/ko-kr/stage-3/intro.md | 93 ++ docs/vi-vn/appendix/index.md | 42 - docs/vi-vn/appendix/intro.md | 186 +++ docs/vi-vn/stage-0/index.md | 19 - docs/vi-vn/stage-0/intro.md | 66 + docs/vi-vn/stage-2/index.md | 37 - docs/vi-vn/stage-2/intro.md | 126 ++ docs/vi-vn/stage-3/index.md | 30 - docs/vi-vn/stage-3/intro.md | 93 ++ docs/zh-cn/appendix/ai-evolution.md | 99 +- docs/zh-cn/appendix/api-intro.md | 285 ++-- docs/zh-cn/appendix/backend-languages.md | 526 +++---- docs/zh-cn/appendix/browser-devtools/index.md | 20 + docs/zh-cn/appendix/cache-design.md | 34 +- docs/zh-cn/appendix/canvas-intro.md | 92 +- docs/zh-cn/appendix/frontend-performance.md | 146 +- docs/zh-cn/appendix/index.md | 70 - docs/zh-cn/appendix/intro.md | 186 +++ docs/zh-cn/appendix/llm-intro.md | 11 +- .../appendix/prompt-engineering/index.md | 595 +++----- docs/zh-cn/appendix/queue-design.md | 10 + docs/zh-cn/guide/introduction.md | 12 +- docs/zh-cn/stage-0/index.md | 34 - docs/zh-cn/stage-0/intro.md | 76 + .../1.3-integrating-ai-capabilities/index.md | 28 +- .../1.4-complete-project-practice/index.md | 86 +- .../appendix-industry-scenarios/index.md | 457 +++--- docs/zh-cn/stage-2/index.md | 57 - docs/zh-cn/stage-2/intro.md | 126 ++ .../cross-platform/3.5-android-app/index.md | 114 +- .../cross-platform/3.6-ios-app/index.md | 158 +- docs/zh-cn/stage-3/index.md | 50 - docs/zh-cn/stage-3/intro.md | 93 ++ docs/zh-tw/appendix/index.md | 40 - docs/zh-tw/appendix/intro.md | 186 +++ docs/zh-tw/stage-0/index.md | 24 - docs/zh-tw/stage-0/intro.md | 66 + docs/zh-tw/stage-2/index.md | 27 - docs/zh-tw/stage-2/intro.md | 126 ++ docs/zh-tw/stage-3/index.md | 20 - docs/zh-tw/stage-3/intro.md | 93 ++ package-lock.json | 1242 +++++++++++++++- package.json | 2 + 171 files changed, 16366 insertions(+), 7946 deletions(-) create mode 100644 docs/.vitepress/theme/components/NavCard.vue create mode 100644 docs/.vitepress/theme/components/NavGrid.vue create mode 100644 docs/.vitepress/theme/components/appendix/api-intro/FunctionApiDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/browser-devtools/DevToolsApplicationDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/browser-devtools/DevToolsConsoleDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/browser-devtools/DevToolsElementsDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/browser-devtools/DevToolsNetworkDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/browser-devtools/DevToolsSourcesDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/prompt-engineering/PromptRobustnessDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/prompt-engineering/PromptSecurityDemo.vue create mode 100644 docs/.vitepress/theme/components/appendix/prompt-engineering/TrainingProcessDemo.vue delete mode 100644 docs/ar-sa/appendix/index.md create mode 100644 docs/ar-sa/appendix/intro.md delete mode 100644 docs/ar-sa/stage-0/index.md create mode 100644 docs/ar-sa/stage-0/intro.md delete mode 100644 docs/ar-sa/stage-2/index.md create mode 100644 docs/ar-sa/stage-2/intro.md delete mode 100644 docs/ar-sa/stage-3/index.md create mode 100644 docs/ar-sa/stage-3/intro.md delete mode 100644 docs/de-de/appendix/index.md create mode 100644 docs/de-de/appendix/intro.md delete mode 100644 docs/de-de/stage-0/index.md create mode 100644 docs/de-de/stage-0/intro.md delete mode 100644 docs/de-de/stage-2/index.md create mode 100644 docs/de-de/stage-2/intro.md delete mode 100644 docs/de-de/stage-3/index.md create mode 100644 docs/de-de/stage-3/intro.md delete mode 100644 docs/en-us/appendix/index.md create mode 100644 docs/en-us/appendix/intro.md delete mode 100644 docs/en-us/stage-0/index.md create mode 100644 docs/en-us/stage-0/intro.md delete mode 100644 docs/en-us/stage-2/index.md create mode 100644 docs/en-us/stage-2/intro.md delete mode 100644 docs/en-us/stage-3/index.md create mode 100644 docs/en-us/stage-3/intro.md delete mode 100644 docs/es-es/appendix/index.md create mode 100644 docs/es-es/appendix/intro.md delete mode 100644 docs/es-es/stage-0/index.md create mode 100644 docs/es-es/stage-0/intro.md delete mode 100644 docs/es-es/stage-2/index.md create mode 100644 docs/es-es/stage-2/intro.md delete mode 100644 docs/es-es/stage-3/index.md create mode 100644 docs/es-es/stage-3/intro.md delete mode 100644 docs/fr-fr/appendix/index.md create mode 100644 docs/fr-fr/appendix/intro.md delete mode 100644 docs/fr-fr/stage-0/index.md create mode 100644 docs/fr-fr/stage-0/intro.md delete mode 100644 docs/fr-fr/stage-2/index.md create mode 100644 docs/fr-fr/stage-2/intro.md delete mode 100644 docs/fr-fr/stage-3/index.md create mode 100644 docs/fr-fr/stage-3/intro.md delete mode 100644 docs/ja-jp/appendix/index.md create mode 100644 docs/ja-jp/appendix/intro.md delete mode 100644 docs/ja-jp/stage-0/index.md create mode 100644 docs/ja-jp/stage-0/intro.md delete mode 100644 docs/ja-jp/stage-2/index.md create mode 100644 docs/ja-jp/stage-2/intro.md delete mode 100644 docs/ja-jp/stage-3/index.md create mode 100644 docs/ja-jp/stage-3/intro.md delete mode 100644 docs/ko-kr/appendix/index.md create mode 100644 docs/ko-kr/appendix/intro.md delete mode 100644 docs/ko-kr/stage-0/index.md create mode 100644 docs/ko-kr/stage-0/intro.md delete mode 100644 docs/ko-kr/stage-2/index.md create mode 100644 docs/ko-kr/stage-2/intro.md delete mode 100644 docs/ko-kr/stage-3/index.md create mode 100644 docs/ko-kr/stage-3/intro.md delete mode 100644 docs/vi-vn/appendix/index.md create mode 100644 docs/vi-vn/appendix/intro.md delete mode 100644 docs/vi-vn/stage-0/index.md create mode 100644 docs/vi-vn/stage-0/intro.md delete mode 100644 docs/vi-vn/stage-2/index.md create mode 100644 docs/vi-vn/stage-2/intro.md delete mode 100644 docs/vi-vn/stage-3/index.md create mode 100644 docs/vi-vn/stage-3/intro.md delete mode 100644 docs/zh-cn/appendix/index.md create mode 100644 docs/zh-cn/appendix/intro.md delete mode 100644 docs/zh-cn/stage-0/index.md create mode 100644 docs/zh-cn/stage-0/intro.md delete mode 100644 docs/zh-cn/stage-2/index.md create mode 100644 docs/zh-cn/stage-2/intro.md delete mode 100644 docs/zh-cn/stage-3/index.md create mode 100644 docs/zh-cn/stage-3/intro.md delete mode 100644 docs/zh-tw/appendix/index.md create mode 100644 docs/zh-tw/appendix/intro.md delete mode 100644 docs/zh-tw/stage-0/index.md create mode 100644 docs/zh-tw/stage-0/intro.md delete mode 100644 docs/zh-tw/stage-2/index.md create mode 100644 docs/zh-tw/stage-2/intro.md delete mode 100644 docs/zh-tw/stage-3/index.md create mode 100644 docs/zh-tw/stage-3/intro.md diff --git a/README.md b/README.md index c89af7f..7161d78 100644 --- a/README.md +++ b/README.md @@ -44,7 +44,6 @@ Deutsch

- @@ -111,13 +110,14 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1： -| 阶段 | 核心技能 | 产出 | -| ------------ | -------------------------------- | --------------------- | -| **第一阶段** | AI 编程入门、产品思维、原型设计 | 互动小游戏、Web 应用原型 | -| **第二阶段** | 全栈开发、AI 集成、数据库 | 完整的全栈 AI 应用 | -| **第三阶段** | claude code 进阶、小程序安卓开发 | 生产级多平台应用 | +| 阶段 | 核心技能 | 产出 | +| ------------ | -------------------------------- | ----------------------------------------- | +| **第一阶段** | AI 编程入门、产品思维、原型设计 | 互动小游戏、Web 应用原型（新手入门 & PM） | +| **第二阶段** | 全栈开发、AI 集成、数据库 | 完整的全栈 AI 应用 | +| **第三阶段** | claude code 进阶、小程序安卓开发 | 生产级多平台应用 | ## 🔥 News + - **[2026-01-27]** 新增 Android 和 iOS 平台应用开发教程。 - **[2026-01-19]** 发布 Prompt Engineering、AI 演进史、鉴权设计、Git 原理等一系列交互式演示组件，大幅提升可视化学习体验。 @@ -140,17 +140,17 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1： [AI 能力词典：常见 AI 核心概念与名词、场景解释](docs/zh-cn/appendix/ai-capability-dictionary.md) -### 一、新手入门与产品原型 +### 一、新手入门 & PM - 从游戏到 Web 应用原型 | 章节 | 关键内容 | 状态 | | :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | | [前言：学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ | | [初级一：AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ | -| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ | -| [初级三：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ | -| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ | -| [初级五：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ | -| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-1/1.5-final-project/index.md) | 完整实现应用，展示应用效果 | ✅ | +| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-0/) | 学会使用 IDE，在本地制作小游戏 | ✅ | +| [初级三：动手做出原型](docs/zh-cn/stage-0/) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ | +| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-0/) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ | +| [初级五：完整项目实战](docs/zh-cn/stage-0/) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ | +| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-0/) | 完整实现应用，展示应用效果 | ✅ | #### 附录 @@ -273,7 +273,6 @@ Easy-Vibe 通过以下几个阶段，带你从 0 到 1： -
diff --git a/docs-readme/ar-SA/README.md b/docs-readme/ar-SA/README.md index 8336dfa..cd7ed37 100644 --- a/docs-readme/ar-SA/README.md +++ b/docs-readme/ar-SA/README.md @@ -77,15 +77,15 @@ ### 1. مدخل للمبتدئين ونموذج المنتج -| الفصل | المحتوى الرئيسي | الحالة | -| :------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- | :----- | -| [المقدمة: خريطة التعلم](docs/stage-0/0.1-learning-map/index.md) | دليل مسار التعلم الشامل | ✅ | -| [المبتدئ 1: عصر الذكاء الاصطناعي، إذا كنت تستطيع التحدث يمكنك البرمجة](docs/stage-0/0.2-ai-capabilities-through-games/index.md) | تجربة قدرات البرمجة بالذكاء الاصطناعي لأول مرة من خلال حالات مثل Snake | ✅ | -| [المبتدئ 2: معرفة أدوات IDE الذكاء الاصطناعي](docs/stage-1/1.1-introduction-to-ai-ide/index.md) | تعلم استخدام IDE، إنشاء ألعاب مصغرة محليًا | ✅ | -| [المبتدئ 3: بناء نموذج أولي بنفسك](docs/stage-1/1.2-building-prototype/index.md) | تحليل المتطلبات، توليد صفحة واحدة بالذكاء الاصطناعي، حتى توليد نماذج منتجات متعددة الصفحات | ✅ | -| [المبتدئ 4: إضافة قدرات الذكاء الاصطناعي إلى النموذج الأولي](docs/stage-1/1.3-integrating-ai-capabilities/index.md) | تعلم توصيل القدرات الشائعة للذكاء الاصطناعي (النص، الصورة، الفيديو) | ✅ | -| [المبتدئ 5: مشروع كامل عملي](docs/stage-1/1.4-complete-project-practice/index.md) | محاكاة سيناريوهات حقيقية، قبول ملاحظات المستخدمين للتحسين، إكمال المشروع | ✅ | -| [المشروع الكبير: إنشاء نموذج أولي كامل لتطبيق الويب وعرضه](docs/stage-1/1.5-final-project/index.md) | تنفيذ التطبيق بالكامل، عرض آثار التطبيق | ✅ | +| الفصل | المحتوى الرئيسي | الحالة | +| :------------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------- | :----- | +| [المقدمة: خريطة التعلم](docs/stage-0/0.1-learning-map/index.md) | دليل مسار التعلم الشامل | ✅ | +| [المبتدئ 1: عصر الذكاء الاصطناعي، إذا كنت تستطيع التحدث يمكنك البرمجة](docs/stage-0/0.2-ai-capabilities-through-games/index.md) | تجربة قدرات البرمجة بالذكاء الاصطناعي لأول مرة من خلال حالات مثل Snake | ✅ | +| [المبتدئ 2: معرفة أدوات IDE الذكاء الاصطناعي](docs/stage-1/1.1-introduction-to-ai-ide/index.md) | تعلم استخدام IDE، إنشاء ألعاب مصغرة محليًا | ✅ | +| [المبتدئ 3: بناء نموذج أولي بنفسك](docs/stage-1/1.2-building-prototype/index.md) | تحليل المتطلبات، توليد صفحة واحدة بالذكاء الاصطناعي، حتى توليد نماذج منتجات متعددة الصفحات | ✅ | +| [المبتدئ 4: إضافة قدرات الذكاء الاصطناعي إلى النموذج الأولي](docs/stage-1/1.3-integrating-ai-capabilities/index.md) | تعلم توصيل القدرات الشائعة للذكاء الاصطناعي (النص، الصورة، الفيديو) | ✅ | +| [المبتدئ 5: مشروع كامل عملي](docs/stage-1/1.4-complete-project-practice/index.md) | محاكاة سيناريوهات حقيقية، قبول ملاحظات المستخدمين للتحسين، إكمال المشروع | ✅ | +| [المشروع الكبير: إنشاء نموذج أولي كامل لتطبيق الويب وعرضه](docs/stage-1/1.5-final-project/index.md) | تنفيذ التطبيق بالكامل، عرض آثار التطبيق | ✅ | #### الملاحق diff --git a/docs-readme/de-DE/README.md b/docs-readme/de-DE/README.md index 0b548bb..950cbc8 100644 --- a/docs-readme/de-DE/README.md +++ b/docs-readme/de-DE/README.md @@ -77,15 +77,15 @@ Wir glauben, dass durch die Beherrschung von Vibe Coding in Kombination mit syst ### 1. Anfängereinstieg und Produktprototyp -| Kapitel | Schlüsselinhalt | Status | -| :------------------------------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------ | :----- | -| [Vorwort: Lernkarte](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Gesamtführung durch den Lernpfad | ✅ | -| [Anfänger 1: KI-Zeitalter, wenn du sprechen kannst, kannst du programmieren](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Erste Erfahrung mit KI-Programmierfähigkeiten durch Fälle wie Snake | ✅ | -| [Anfänger 2: KI-IDE-Tools kennenlernen](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE-Nutzung lernen, lokal Mini-Spiele erstellen | ✅ | -| [Anfänger 3: Einen Prototyp selbst bauen](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Anforderungsanalyse, KI-generierte Einzelseite, bis zu Generierung von Mehrseiten-Produktprototypen | ✅ | -| [Anfänger 4: KI-Fähigkeiten zum Prototyp hinzufügen](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Verbindung gängiger KI-Fähigkeiten (Text, Bild, Video) lernen | ✅ | -| [Anfänger 5: Komplettes Projektpraxis](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Reale Szenarien simulieren, Benutzerfeedback zur Iteration akzeptieren, Projekt completed | ✅ | -| [Großes Projekt: Einen kompletten Web-App-Prototyp erstellen und präsentieren](docs/zh-cn/stage-1/1.5-final-project/index.md) | Anwendung vollständig implementieren, Anwendungseffekte präsentieren | ✅ | +| Kapitel | Schlüsselinhalt | Status | +| :------------------------------------------------------------------------------------------------------------------------------------------ | :-------------------------------------------------------------------------------------------------- | :----- | +| [Vorwort: Lernkarte](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Gesamtführung durch den Lernpfad | ✅ | +| [Anfänger 1: KI-Zeitalter, wenn du sprechen kannst, kannst du programmieren](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Erste Erfahrung mit KI-Programmierfähigkeiten durch Fälle wie Snake | ✅ | +| [Anfänger 2: KI-IDE-Tools kennenlernen](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE-Nutzung lernen, lokal Mini-Spiele erstellen | ✅ | +| [Anfänger 3: Einen Prototyp selbst bauen](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Anforderungsanalyse, KI-generierte Einzelseite, bis zu Generierung von Mehrseiten-Produktprototypen | ✅ | +| [Anfänger 4: KI-Fähigkeiten zum Prototyp hinzufügen](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Verbindung gängiger KI-Fähigkeiten (Text, Bild, Video) lernen | ✅ | +| [Anfänger 5: Komplettes Projektpraxis](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Reale Szenarien simulieren, Benutzerfeedback zur Iteration akzeptieren, Projekt completed | ✅ | +| [Großes Projekt: Einen kompletten Web-App-Prototyp erstellen und präsentieren](docs/zh-cn/stage-1/1.5-final-project/index.md) | Anwendung vollständig implementieren, Anwendungseffekte präsentieren | ✅ | #### Anhänge diff --git a/docs-readme/en-US/README.md b/docs-readme/en-US/README.md index 4c7ad58..6753a86 100644 --- a/docs-readme/en-US/README.md +++ b/docs-readme/en-US/README.md @@ -56,7 +56,7 @@ When you try to write code with AI, encounter constant errors, often want to giv This tutorial is specifically designed to take you from 0 to 1, progressively mastering Vibe Coding techniques: -- **Stage 1**: From **Games to Web Prototypes**, mastering AI programming basics and product thinking +- **Stage 1**: From **Games to Web Prototypes**, mastering AI programming basics and product thinking (Novice & PM) - **Stage 2**: Learn **frontend/backend development and AI capabilities** related vibe coding techniques, complete full applications - **Stage 3**: Master **multi-platform complex application** construction solutions, moving towards production-grade applications @@ -78,24 +78,24 @@ We believe that by mastering Vibe Coding combined with systematic training, one [AI Capability Dictionary: Common AI Core Concepts, Terminology, and Scenario Explanations](docs/zh-cn/appendix/ai-capability-dictionary.md) -### Stage 1: Novice Entry & Product Prototype +### Stage 1: Novice & PM - From Games to Web Prototypes -| Chapter | Key Content | Status | -| :---------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------- | :----- | -| [Preface: Learning Map](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Overall learning path overview | ✅ | -| [Primary 1: Programming by Speaking in the AI Era](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Experience AI programming capabilities through Snake and other cases | ✅ | -| [Primary 2: Understanding AI IDE Tools](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Learn to use IDE, create small games locally | ✅ | -| [Primary 3: Building Prototypes Hands-On](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | From requirement analysis, AI-generated single page to multi-page product prototype | ✅ | -| [Primary 4: Adding AI Capabilities to Prototypes](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Learn to integrate common AI capabilities (text, image, video) | ✅ | -| [Primary 5: Complete Project Practice](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simulate real scenarios, accept user feedback iterations, complete projects | ✅ | -| [Final Assignment: Build a Complete Web Application Prototype and Present](docs/zh-cn/stage-1/1.5-final-project/index.md) | Fully implement application, showcase application effects | ✅ | +| Chapter | Key Content | Status | +| :---------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------- | :----- | +| [Preface: Learning Map](docs/en-us/stage-0/) | Overall learning path overview | 🚧 | +| [Primary 1: Programming by Speaking in the AI Era](docs/en-us/stage-0/) | Experience AI programming capabilities through Snake and other cases | 🚧 | +| [Primary 2: Understanding AI IDE Tools](docs/en-us/stage-0/) | Learn to use IDE, create small games locally | 🚧 | +| [Primary 3: Building Prototypes Hands-On](docs/en-us/stage-0/) | From requirement analysis, AI-generated single page to multi-page product prototype | 🚧 | +| [Primary 4: Adding AI Capabilities to Prototypes](docs/en-us/stage-0/) | Learn to integrate common AI capabilities (text, image, video) | 🚧 | +| [Primary 5: Complete Project Practice](docs/en-us/stage-0/) | Simulate real scenarios, accept user feedback iterations, complete projects | 🚧 | +| [Final Assignment: Build a Complete Web Application Prototype and Present](docs/en-us/stage-0/) | Fully implement application, showcase application effects | 🚧 | #### Appendix -| Chapter | Key Content | Status | -| :------------------------------------------------------------------------------------------------- | :------------------------------------------------------- | :----- | -| [Appendix A: Product Thinking Supplement](docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Thinking framework needed to build products from scratch | ✅ | -| [Appendix B: Common Errors and Solutions](docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Common errors in vibe coding and troubleshooting methods | ✅ | +| Chapter | Key Content | Status | +| :------------------------------------------------------------- | :------------------------------------------------------- | :----- | +| [Appendix A: Product Thinking Supplement](docs/en-us/stage-0/) | Thinking framework needed to build products from scratch | 🚧 | +| [Appendix B: Common Errors and Solutions](docs/en-us/stage-0/) | Common errors in vibe coding and troubleshooting methods | 🚧 | ### Stage 2: Intermediate Developer diff --git a/docs-readme/es-ES/README.md b/docs-readme/es-ES/README.md index cd1e0f9..e4959c2 100644 --- a/docs-readme/es-ES/README.md +++ b/docs-readme/es-ES/README.md @@ -77,15 +77,15 @@ Creemos que al dominar Vibe Coding y combinarlo con entrenamiento sistemático, ### 1. Entrada de Novatos y Prototipo de Producto -| Capítulo | Contenido clave | Estado | -| :---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------- | :----- | -| [Prólogo: Mapa de aprendizaje](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Guía general de la ruta de aprendizaje | ✅ | -| [Principiante 1: La era de la IA, si puedes hablar puedes programar](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Experimentar por primera vez las capacidades de programación con IA a través de casos como Snake | ✅ | -| [Principiante 2: Conociendo herramientas de IDE de IA](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Aprender a usar el IDE, crear mini juegos localmente | ✅ | -| [Principiante 3: Haz un prototipo tú mismo](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Análisis de requisitos, generación de una sola página con IA, hasta generar prototipos de productos de múltiples páginas | ✅ | -| [Principiante 4: Añade capacidades de IA al prototipo](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Aprender a conectar capacidades comunes de IA (texto, imagen, video) | ✅ | -| [Principiante 5: Proyecto completo práctico](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simular escenarios reales, aceptar feedback de usuarios para iterar, completar el proyecto | ✅ | -| [Proyecto final: Haz un prototipo completo de aplicación web y preséntalo](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implementar completamente la aplicación, mostrar los efectos de la aplicación | ✅ | +| Capítulo | Contenido clave | Estado | +| :---------------------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------- | :----- | +| [Prólogo: Mapa de aprendizaje](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Guía general de la ruta de aprendizaje | ✅ | +| [Principiante 1: La era de la IA, si puedes hablar puedes programar](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Experimentar por primera vez las capacidades de programación con IA a través de casos como Snake | ✅ | +| [Principiante 2: Conociendo herramientas de IDE de IA](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Aprender a usar el IDE, crear mini juegos localmente | ✅ | +| [Principiante 3: Haz un prototipo tú mismo](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Análisis de requisitos, generación de una sola página con IA, hasta generar prototipos de productos de múltiples páginas | ✅ | +| [Principiante 4: Añade capacidades de IA al prototipo](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Aprender a conectar capacidades comunes de IA (texto, imagen, video) | ✅ | +| [Principiante 5: Proyecto completo práctico](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simular escenarios reales, aceptar feedback de usuarios para iterar, completar el proyecto | ✅ | +| [Proyecto final: Haz un prototipo completo de aplicación web y preséntalo](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implementar completamente la aplicación, mostrar los efectos de la aplicación | ✅ | #### Apéndices diff --git a/docs-readme/fr-FR/README.md b/docs-readme/fr-FR/README.md index 6235264..f38d942 100644 --- a/docs-readme/fr-FR/README.md +++ b/docs-readme/fr-FR/README.md @@ -77,15 +77,15 @@ Nous croyons qu'en maîtrisant Vibe Coding et en le combinant avec un entraînem ### 1. Entrée débutant et prototype de produit -| Chapitre | Contenu clé | Statut | -| :--------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------- | :----- | -| [Préface : Carte d'apprentissage](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Guide général du parcours d'apprentissage | ✅ | -| [Débutant 1 : L'ère de l'IA, savoir parler c'est savoir programmer](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Découvrir pour la première fois les capacités de programmation IA à travers des cas comme Snake | ✅ | -| [Débutant 2 : Découvrir les outils IDE IA](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Apprendre à utiliser l'IDE, créer des mini-jeux localement | ✅ | -| [Débutant 3 : Créer un prototype soi-même](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Analyse des besoins, génération d'une seule page par l'IA, jusqu'à générer des prototypes de produits multipages | ✅ | -| [Débutant 4 : Ajouter des capacités IA au prototype](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Apprendre à connecter des capacités IA courantes (texte, image, vidéo) | ✅ | -| [Débutant 5 : Projet complet pratique](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simuler des scénarios réels, accepter les feedbacks des utilisateurs pour itérer, compléter le projet | ✅ | -| [Projet final : Créer un prototype complet d'application web et le présenter](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implémenter complètement l'application, présenter les effets de l'application | ✅ | +| Chapitre | Contenu clé | Statut | +| :--------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------- | :----- | +| [Préface : Carte d'apprentissage](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Guide général du parcours d'apprentissage | ✅ | +| [Débutant 1 : L'ère de l'IA, savoir parler c'est savoir programmer](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Découvrir pour la première fois les capacités de programmation IA à travers des cas comme Snake | ✅ | +| [Débutant 2 : Découvrir les outils IDE IA](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Apprendre à utiliser l'IDE, créer des mini-jeux localement | ✅ | +| [Débutant 3 : Créer un prototype soi-même](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Analyse des besoins, génération d'une seule page par l'IA, jusqu'à générer des prototypes de produits multipages | ✅ | +| [Débutant 4 : Ajouter des capacités IA au prototype](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Apprendre à connecter des capacités IA courantes (texte, image, vidéo) | ✅ | +| [Débutant 5 : Projet complet pratique](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simuler des scénarios réels, accepter les feedbacks des utilisateurs pour itérer, compléter le projet | ✅ | +| [Projet final : Créer un prototype complet d'application web et le présenter](docs/zh-cn/stage-1/1.5-final-project/index.md) | Implémenter complètement l'application, présenter les effets de l'application | ✅ | #### Annexes diff --git a/docs-readme/ja-JP/README.md b/docs-readme/ja-JP/README.md index 96258b6..36abe72 100644 --- a/docs-readme/ja-JP/README.md +++ b/docs-readme/ja-JP/README.md @@ -77,15 +77,15 @@ AI でコードを書こうとしてエラーが続き、諦めかけたくな ### 一、初心者入門とプロダクトプロトタイプ -| 章 | 主要内容 | 状態 | -| :----------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------- | :--- | -| [前書：学習マップ](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 全体学習パスのガイド | ✅ | -| [初級一：AI 時代、話せるだけでプログラミングできる](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | スネークゲームなどの事例を通じて AI プログラミングの能力を初めて体験 | ✅ | -| [初級二：AI IDE ツールを知る](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE の使用方法を学び、ローカルでミニゲームを作成 | ✅ | -| [初級三：手を動かしてプロトタイプを作る](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | ニーズ分析、AI による単一ページ生成、複数ページプロダクトプロトタイプの生成へ | ✅ | -| [初級四：プロトタイプに AI 能力を追加](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 一般的な AI 能力（テキスト、画像、動画）の接続方法を習得 | ✅ | -| [初級五：完全プロジェクト実戦](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 実際のシーンをシミュレート、ユーザーフィードバックを受け反復改良、プロジェクトを完全に | ✅ | -| [大課題：完全な Web アプリケーションプロトタイプを作成し展示](docs/zh-cn/stage-1/1.5-final-project/index.md) | アプリケーションを完全に実装し、アプリケーション効果を展示 | ✅ | +| 章 | 主要内容 | 状態 | +| :----------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------- | :--- | +| [前書：学習マップ](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 全体学習パスのガイド | ✅ | +| [初級一：AI 時代、話せるだけでプログラミングできる](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | スネークゲームなどの事例を通じて AI プログラミングの能力を初めて体験 | ✅ | +| [初級二：AI IDE ツールを知る](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE の使用方法を学び、ローカルでミニゲームを作成 | ✅ | +| [初級三：手を動かしてプロトタイプを作る](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | ニーズ分析、AI による単一ページ生成、複数ページプロダクトプロトタイプの生成へ | ✅ | +| [初級四：プロトタイプに AI 能力を追加](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 一般的な AI 能力（テキスト、画像、動画）の接続方法を習得 | ✅ | +| [初級五：完全プロジェクト実戦](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 実際のシーンをシミュレート、ユーザーフィードバックを受け反復改良、プロジェクトを完全に | ✅ | +| [大課題：完全な Web アプリケーションプロトタイプを作成し展示](docs/zh-cn/stage-1/1.5-final-project/index.md) | アプリケーションを完全に実装し、アプリケーション効果を展示 | ✅ | #### 付録 diff --git a/docs-readme/ko-KR/README.md b/docs-readme/ko-KR/README.md index 8ffd9f5..68bb715 100644 --- a/docs-readme/ko-KR/README.md +++ b/docs-readme/ko-KR/README.md @@ -77,15 +77,15 @@ AI로 코드를 작성하려고 할 때 오류가 계속 발생하고, 포기하 ### 1. 초보자 입문 및 제품 프로토타입 -| 장 | 주요 내용 | 상태 | -| :--------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------- | :--- | -| [서론: 학습 맵](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 전체 학습 경로 가이드 | ✅ | -| [초급 1: AI 시대, 말할 수 있으면 프로그래밍 가능](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 스네이크 게임 등 사례를 통해 AI 프로그래밍 능력을 처음 체험 | ✅ | -| [초급 2: AI IDE 도구 이해](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE 사용법 배우기, 로컬에서 미니게임 제작 | ✅ | -| [초급 3: 직접 프로토타입 만들기](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 요구사항 분석, AI 단일 페이지 생성, 다중 페이지 프로덕트 프로토타입 생성으로 | ✅ | -| [초급 4: 프로토타입에 AI 능력 추가](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 일반적인 AI 능력(텍스트, 이미지, 비디오) 연결 방법 습득 | ✅ | -| [초급 5: 완전 프로젝트 실전](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 실제 시나리오 시뮬레이션, 사용자 피드백 수용 반복 개선, 프로젝트 완성 | ✅ | -| [대 과제: 완전한 웹 애플리케이션 프로토타입 만들기 및 전시](docs/zh-cn/stage-1/1.5-final-project/index.md) | 애플리케이션 완전 구현, 애플리케이션 효과 전시 | ✅ | +| 장 | 주요 내용 | 상태 | +| :--------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | +| [서론: 학습 맵](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 전체 학습 경로 가이드 | ✅ | +| [초급 1: AI 시대, 말할 수 있으면 프로그래밍 가능](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 스네이크 게임 등 사례를 통해 AI 프로그래밍 능력을 처음 체험 | ✅ | +| [초급 2: AI IDE 도구 이해](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE 사용법 배우기, 로컬에서 미니게임 제작 | ✅ | +| [초급 3: 직접 프로토타입 만들기](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 요구사항 분석, AI 단일 페이지 생성, 다중 페이지 프로덕트 프로토타입 생성으로 | ✅ | +| [초급 4: 프로토타입에 AI 능력 추가](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 일반적인 AI 능력(텍스트, 이미지, 비디오) 연결 방법 습득 | ✅ | +| [초급 5: 완전 프로젝트 실전](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 실제 시나리오 시뮬레이션, 사용자 피드백 수용 반복 개선, 프로젝트 완성 | ✅ | +| [대 과제: 완전한 웹 애플리케이션 프로토타입 만들기 및 전시](docs/zh-cn/stage-1/1.5-final-project/index.md) | 애플리케이션 완전 구현, 애플리케이션 효과 전시 | ✅ | #### 부록 diff --git a/docs-readme/vi-VN/README.md b/docs-readme/vi-VN/README.md index c8ecfb4..41256e6 100644 --- a/docs-readme/vi-VN/README.md +++ b/docs-readme/vi-VN/README.md @@ -77,15 +77,15 @@ Chúng tôi tin rằng thông qua việc làm chủ Vibe Coding kết hợp vớ ### 1. Nhập môn cho người mới và Nguyên mẫu sản phẩm -| Chương | Nội dung chính | Trạng thái | -| :------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- | :--------- | -| [Lời nói đầu: Bản đồ học tập](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Hướng dẫn lộ trình học tập tổng thể | ✅ | -| [Sơ cấp 1: Kỷ nguyên AI, biết nói là biết lập trình](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Trải nghiệm khả năng lập trình AI lần đầu qua các trường hợp như Snake | ✅ | -| [Sơ cấp 2: Biết các công cụ IDE AI](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Học sử dụng IDE, tạo mini-game cục bộ | ✅ | -| [Sơ cấp 3: Tự làm nguyên mẫu](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Phân tích yêu cầu, tạo trang đơn bằng AI, đến tạo nguyên mẫu sản phẩm đa trang | ✅ | -| [Sơ cấp 4: Thêm khả năng AI vào nguyên mẫu](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Học kết nối các khả năng AI phổ biến (văn bản, hình ảnh, video) | ✅ | -| [Sơ cấp 5: Dự án hoàn chỉnh thực chiến](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Mô phỏng kịch bản thực tế, chấp nhận phản hồi người dùng để cải tiến, hoàn thành dự án | ✅ | -| [Đề tài lớn: Tạo nguyên mẫu ứng dụng web hoàn chỉnh và trưng bày](docs/zh-cn/stage-1/1.5-final-project/index.md) | Thực hiện ứng dụng hoàn chỉnh, trình bày hiệu ứng ứng dụng | ✅ | +| Chương | Nội dung chính | Trạng thái | +| :------------------------------------------------------------------------------------------------------------------ | :------------------------------------------------------------------------------------- | :--------- | +| [Lời nói đầu: Bản đồ học tập](docs/zh-cn/stage-0/0.1-learning-map/index.md) | Hướng dẫn lộ trình học tập tổng thể | ✅ | +| [Sơ cấp 1: Kỷ nguyên AI, biết nói là biết lập trình](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Trải nghiệm khả năng lập trình AI lần đầu qua các trường hợp như Snake | ✅ | +| [Sơ cấp 2: Biết các công cụ IDE AI](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Học sử dụng IDE, tạo mini-game cục bộ | ✅ | +| [Sơ cấp 3: Tự làm nguyên mẫu](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Phân tích yêu cầu, tạo trang đơn bằng AI, đến tạo nguyên mẫu sản phẩm đa trang | ✅ | +| [Sơ cấp 4: Thêm khả năng AI vào nguyên mẫu](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Học kết nối các khả năng AI phổ biến (văn bản, hình ảnh, video) | ✅ | +| [Sơ cấp 5: Dự án hoàn chỉnh thực chiến](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Mô phỏng kịch bản thực tế, chấp nhận phản hồi người dùng để cải tiến, hoàn thành dự án | ✅ | +| [Đề tài lớn: Tạo nguyên mẫu ứng dụng web hoàn chỉnh và trưng bày](docs/zh-cn/stage-1/1.5-final-project/index.md) | Thực hiện ứng dụng hoàn chỉnh, trình bày hiệu ứng ứng dụng | ✅ | #### Phụ lục diff --git a/docs-readme/zh-CN/README.md b/docs-readme/zh-CN/README.md index 6ed69c1..c24e6a4 100644 --- a/docs-readme/zh-CN/README.md +++ b/docs-readme/zh-CN/README.md @@ -78,17 +78,17 @@ [AI 能力词典：常见 AI 核心概念与名词、场景解释](docs/zh-cn/appendix/ai-capability-dictionary.md) -### 一、新手入门与产品原型 +### 一、新手入门 & PM - 从游戏到 Web 应用原型 -| 章节 | 关键内容 | 状态 | -| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | -| [前言：学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ | -| [初级一：AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ | -| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ | -| [初级三：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ | -| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ | -| [初级五：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ | -| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-1/1.5-final-project/index.md) | 完整实现应用，展示应用效果 | ✅ | +| 章节 | 关键内容 | 状态 | +| :--------------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | +| [前言：学习地图](docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整体学习路径导览 | ✅ | +| [初级一：AI 时代，会说话就会编程](docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通过贪吃蛇等案例初步感受 AI 编程的能力 | ✅ | +| [初级二：认识 AI IDE 工具](docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 学会使用 IDE，在本地制作小游戏 | ✅ | +| [初级三：动手做出原型](docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 从需求分析、AI 生成单页面，再到生成多页面产品原型 | ✅ | +| [初级四：给原型加上 AI 能力](docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 学会接入常见 AI 能力（文本、图片、视频） | ✅ | +| [初级五：完整项目实战](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模拟真实场景、接受用户反馈迭代，完整化项目 | ✅ | +| [大作业：做一个完整的 Web 应用原型并展示](docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 完整实现应用，展示应用效果 | ✅ | #### 附录 diff --git a/docs-readme/zh-TW/README.md b/docs-readme/zh-TW/README.md index 0a69525..feac457 100644 --- a/docs-readme/zh-TW/README.md +++ b/docs-readme/zh-TW/README.md @@ -77,15 +77,15 @@ ### 一、新手入門與產品原型 -| 章节 | 關鍵內容 | 狀態 | -| :-------------------------------------------------------------------------------------------------- | :------------------------------------- | :--- | -| [前言：學習地圖](../docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整體學習路徑導覽 | ✅ | -| [初級一：AI 時代，會說話就會編程](../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通過貪吃蛇等案例初步感受 AI 編程的能力 | ✅ | -| [初級二：認識 AI IDE 工具](../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 學會使用 IDE，在本地製作小遊戲 | ✅ | -| [初級三：動手做出原型](../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 從需求分析、AI 生成單頁面，再到生成多頁面產品原型 | ✅ | -| [初級四：給原型加上 AI 能力](../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 學會接入常見 AI 能力（文本、圖片、影片） | ✅ | -| [初級五：完整專案實戰](../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模擬真實場景、接受用戶反饋迭代，完整化專案 | ✅ | -| [大作業：做一個完整的 Web 應用原型並展示](../docs/zh-cn/stage-1/1.5-final-project/index.md) | 完整實現應用，展示應用效果 | ✅ | +| 章节 | 關鍵內容 | 狀態 | +| :-------------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | +| [前言：學習地圖](../docs/zh-cn/stage-0/0.1-learning-map/index.md) | 整體學習路徑導覽 | ✅ | +| [初級一：AI 時代，會說話就會編程](../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | 通過貪吃蛇等案例初步感受 AI 編程的能力 | ✅ | +| [初級二：認識 AI IDE 工具](../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | 學會使用 IDE，在本地製作小遊戲 | ✅ | +| [初級三：動手做出原型](../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | 從需求分析、AI 生成單頁面，再到生成多頁面產品原型 | ✅ | +| [初級四：給原型加上 AI 能力](../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | 學會接入常見 AI 能力（文本、圖片、影片） | ✅ | +| [初級五：完整專案實戰](../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | 模擬真實場景、接受用戶反饋迭代，完整化專案 | ✅ | +| [大作業：做一個完整的 Web 應用原型並展示](../docs/zh-cn/stage-1/1.5-final-project/index.md) | 完整實現應用，展示應用效果 | ✅ | #### 附錄 diff --git a/docs/.vitepress/config.mjs b/docs/.vitepress/config.mjs index c331a58..35f8459 100644 --- a/docs/.vitepress/config.mjs +++ b/docs/.vitepress/config.mjs @@ -196,8 +196,10 @@ const commonThemeConfig = { level: [1, 6] }, footer: { - message: '京ICP备2026002630号-1 | 京公网安备11010602202215号', - copyright: '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' + message: + '京ICP备2026002630号-1 | 京公网安备11010602202215号', + copyright: + '本作品采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议（CC BY-NC-SA 4.0） 进行许可' } } @@ -312,17 +314,17 @@ export default defineConfig({ { text: '首页', link: '/zh-cn/' }, { text: '新手与产品原型', - link: '/zh-cn/stage-0/' + link: '/zh-cn/stage-0/intro' }, { text: '初中级开发', - link: '/zh-cn/stage-2/' + link: '/zh-cn/stage-2/intro' }, { text: '高级开发', - link: '/zh-cn/stage-3/' + link: '/zh-cn/stage-3/intro' }, - { text: '附录', link: '/zh-cn/appendix/' } + { text: '附录', link: '/zh-cn/appendix/intro' } ], sidebar: { '/zh-cn/stage-0/': productManagerSidebar, @@ -643,7 +645,7 @@ export default defineConfig({ ] } ] - }, + } } }, @@ -670,20 +672,20 @@ export default defineConfig({ { text: 'Home', link: '/en-us/' }, { text: 'Novice & PM', - link: '/en-us/stage-0/' + link: '/en-us/stage-0/intro' }, { text: 'Full-Stack Development', - link: '/en-us/stage-2/' + link: '/en-us/stage-2/intro' }, { text: 'Advanced Development', - link: '/en-us/stage-3/' + link: '/en-us/stage-3/intro' }, - { text: 'Appendix', link: '/en-us/appendix/' } + { text: 'Appendix', link: '/en-us/appendix/intro' } ], // TODO: Add English sidebar when content is ready - sidebar: {}, + sidebar: {} } }, @@ -710,20 +712,20 @@ export default defineConfig({ { text: 'ホーム', link: '/ja-jp/' }, { text: '初心者とPM', - link: '/ja-jp/stage-0/' + link: '/ja-jp/stage-0/intro' }, { text: 'フルスタック開発', - link: '/ja-jp/stage-2/' + link: '/ja-jp/stage-2/intro' }, { text: '上級開発', - link: '/ja-jp/stage-3/' + link: '/ja-jp/stage-3/intro' }, - { text: '付録', link: '/ja-jp/appendix/' } + { text: '付録', link: '/ja-jp/appendix/intro' } ], // TODO: Add Japanese sidebar when content is ready - sidebar: {}, + sidebar: {} } }, 'zh-tw': { @@ -748,19 +750,19 @@ export default defineConfig({ { text: '首頁', link: '/zh-tw/' }, { text: '新手與產品原型', - link: '/zh-tw/stage-0/' + link: '/zh-tw/stage-0/intro' }, { text: '初中級開發', - link: '/zh-tw/stage-2/' + link: '/zh-tw/stage-2/intro' }, { text: '高級開發', - link: '/zh-tw/stage-3/' + link: '/zh-tw/stage-3/intro' }, - { text: '附錄', link: '/zh-tw/appendix/' } + { text: '附錄', link: '/zh-tw/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'ko-kr': { @@ -783,18 +785,18 @@ export default defineConfig({ }, nav: [ { text: '홈', link: '/ko-kr/' }, - { text: '초보자 & PM', link: '/ko-kr/stage-0/' }, + { text: '초보자 & PM', link: '/ko-kr/stage-0/intro' }, { text: '풀스택 개발', - link: '/ko-kr/stage-2/' + link: '/ko-kr/stage-2/intro' }, { text: '고급 개발', - link: '/ko-kr/stage-3/' + link: '/ko-kr/stage-3/intro' }, - { text: '부록', link: '/ko-kr/appendix/' } + { text: '부록', link: '/ko-kr/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'es-es': { @@ -819,19 +821,19 @@ export default defineConfig({ { text: 'Inicio', link: '/es-es/' }, { text: 'Principiante y PM', - link: '/es-es/stage-0/' + link: '/es-es/stage-0/intro' }, { text: 'Desarrollo Full Stack', - link: '/es-es/stage-2/' + link: '/es-es/stage-2/intro' }, { text: 'Desarrollo Avanzado', - link: '/es-es/stage-3/' + link: '/es-es/stage-3/intro' }, - { text: 'Apéndice', link: '/es-es/appendix/' } + { text: 'Apéndice', link: '/es-es/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'fr-fr': { @@ -854,18 +856,18 @@ export default defineConfig({ }, nav: [ { text: 'Accueil', link: '/fr-fr/' }, - { text: 'Débutant & PM', link: '/fr-fr/stage-0/' }, + { text: 'Débutant & PM', link: '/fr-fr/stage-0/intro' }, { text: 'Développement Full Stack', - link: '/fr-fr/stage-2/' + link: '/fr-fr/stage-2/intro' }, { text: 'Développement Avancé', - link: '/fr-fr/stage-3/' + link: '/fr-fr/stage-3/intro' }, - { text: 'Annexe', link: '/fr-fr/appendix/' } + { text: 'Annexe', link: '/fr-fr/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'de-de': { @@ -888,18 +890,18 @@ export default defineConfig({ }, nav: [ { text: 'Start', link: '/de-de/' }, - { text: 'Anfänger & PM', link: '/de-de/stage-0/' }, + { text: 'Anfänger & PM', link: '/de-de/stage-0/intro' }, { text: 'Full Stack Entwicklung', - link: '/de-de/stage-2/' + link: '/de-de/stage-2/intro' }, { text: 'Fortgeschrittene Entwicklung', - link: '/de-de/stage-3/' + link: '/de-de/stage-3/intro' }, - { text: 'Anhang', link: '/de-de/appendix/' } + { text: 'Anhang', link: '/de-de/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'ar-sa': { @@ -924,19 +926,19 @@ export default defineConfig({ { text: 'الرئيسية', link: '/ar-sa/' }, { text: 'مبتدأ & PM', - link: '/ar-sa/stage-0/' + link: '/ar-sa/stage-0/intro' }, { text: 'تطوير Full Stack', - link: '/ar-sa/stage-2/' + link: '/ar-sa/stage-2/intro' }, { text: 'تطوير متقدم', - link: '/ar-sa/stage-3/' + link: '/ar-sa/stage-3/intro' }, - { text: 'ملحق', link: '/ar-sa/appendix/' } + { text: 'ملحق', link: '/ar-sa/appendix/intro' } ], - sidebar: {}, + sidebar: {} } }, 'vi-vn': { @@ -961,19 +963,19 @@ export default defineConfig({ { text: 'Trang chủ', link: '/vi-vn/' }, { text: 'Người mới & PM', - link: '/vi-vn/stage-0/' + link: '/vi-vn/stage-0/intro' }, { text: 'Phát triển Full Stack', - link: '/vi-vn/stage-2/' + link: '/vi-vn/stage-2/intro' }, { text: 'Phát triển Nâng cao', - link: '/vi-vn/stage-3/' + link: '/vi-vn/stage-3/intro' }, - { text: 'Phụ lục', link: '/vi-vn/appendix/' } + { text: 'Phụ lục', link: '/vi-vn/appendix/intro' } ], - sidebar: {}, + sidebar: {} } } } diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue index f96fc22..847658c 100644 --- a/docs/.vitepress/theme/Layout.vue +++ b/docs/.vitepress/theme/Layout.vue @@ -195,7 +195,10 @@ watch(lineHeight, (next) => {