feat: refactor landing pages with ArticleGrid component and fix navigation
This commit is contained in:
sanbuphy
@@ -0,0 +1,40 @@
|
||||
# 附录
|
||||
|
||||
人工智能基础与全栈开发基础知识。
|
||||
|
||||
## 人工智能基础
|
||||
- [提示词工程](/zh-tw/appendix/prompt-engineering)
|
||||
- [人工智能进化史](/zh-tw/appendix/ai-evolution)
|
||||
- [大语言模型](/zh-tw/appendix/llm-intro)
|
||||
- [多模态大模型](/zh-tw/appendix/vlm-intro)
|
||||
- [AI 绘画原理](/zh-tw/appendix/image-gen-intro)
|
||||
- [AI 音频模型](/zh-tw/appendix/audio-intro)
|
||||
- [上下文工程](/zh-tw/appendix/context-engineering)
|
||||
- [Agent 智能体](/zh-tw/appendix/agent-intro)
|
||||
- [AI 能力词典](/zh-tw/appendix/ai-capability-dictionary)
|
||||
|
||||
## 前端开发
|
||||
- [HTML/CSS/JS 基础](/zh-tw/appendix/web-basics)
|
||||
- [前端进化史](/zh-tw/appendix/frontend-evolution)
|
||||
- [前端性能优化](/zh-tw/appendix/frontend-performance)
|
||||
- [Canvas 2D 入门](/zh-tw/appendix/canvas-intro)
|
||||
- [URL 到浏览器显示](/zh-tw/appendix/url-to-browser)
|
||||
- [浏览器调试器](/zh-tw/appendix/browser-devtools)
|
||||
|
||||
## 后端开发
|
||||
- [后端进化史](/zh-tw/appendix/backend-evolution)
|
||||
- [后端编程语言](/zh-tw/appendix/backend-languages)
|
||||
- [数据库原理](/zh-tw/appendix/database-intro)
|
||||
- [系统缓存设计](/zh-tw/appendix/cache-design)
|
||||
- [消息队列设计](/zh-tw/appendix/queue-design)
|
||||
- [鉴权原理与实战](/zh-tw/appendix/auth-design)
|
||||
- [埋点设计](/zh-tw/appendix/tracking-design)
|
||||
- [线上运维](/zh-tw/appendix/operations)
|
||||
|
||||
## 通用技能
|
||||
- [API 入门](/zh-tw/appendix/api-intro)
|
||||
- [IDE 原理](/zh-tw/appendix/ide-intro)
|
||||
- [终端入门](/zh-tw/appendix/terminal-intro)
|
||||
- [Git 详细介绍](/zh-tw/appendix/git-intro)
|
||||
- [计算机网络](/zh-tw/appendix/computer-networks)
|
||||
- [部署与上线](/zh-tw/appendix/deployment)
|
||||
@@ -0,0 +1,24 @@
|
||||
# AI 产品经理
|
||||
|
||||
欢迎来到 AI 产品经理阶段。在这里，你将从零开始，掌握 Vibe Coding 工作流，成为能够独立完成产品设计的超级个体。
|
||||
|
||||
## 阶段概览
|
||||
|
||||
### 新手入门
|
||||
适合产品、运营及非技术背景。通过做游戏理解 AI 编程逻辑，建立信心。
|
||||
|
||||
- [1. 学习地图](/zh-tw/stage-0/0.1-learning-map/)
|
||||
- [2. AI 时代，会说话就会编程](/zh-tw/stage-0/0.2-ai-capabilities-through-games/)
|
||||
|
||||
### 产品经理
|
||||
掌握 Vibe Coding 工作流。学会拆解需求，独立完成高保真 Web 应用原型。
|
||||
|
||||
- [1. 认识 AI IDE 工具](/zh-tw/stage-1/1.1-introduction-to-ai-ide/)
|
||||
- [2. 动手做出原型](/zh-tw/stage-1/1.2-building-prototype/)
|
||||
- [3. 给原型加上 AI 能力](/zh-tw/stage-1/1.3-integrating-ai-capabilities/)
|
||||
- [4. 完整项目实战](/zh-tw/stage-1/1.4-complete-project-practice/)
|
||||
- [附录 A：产品思维补充](/zh-tw/stage-1/appendix-a-product-thinking/)
|
||||
- [附录 B：常见报错及解决方案](/zh-tw/stage-1/appendix-b-common-errors/)
|
||||
- [附录 C：产业多分类场景方向参考](/zh-tw/stage-1/appendix-industry-scenarios/)
|
||||
- [扩展阅读 1：7 款主流 Vibe Coding 在线平台实测对比](/zh-tw/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial)
|
||||
- [扩展阅读 2：用编程和设计智能体开发网站](/zh-tw/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents)
|
||||
@@ -0,0 +1,27 @@
|
||||
# 初中级开发
|
||||
|
||||
深入全栈开发。前端组件化、数据库设计、后端 API 开发与部署上线。
|
||||
|
||||
## 前端开发
|
||||
- [前端零：使用 Lovart 生产素材](/zh-tw/stage-2/frontend/2.0-lovart-assets/)
|
||||
- [前端一：Figma 与 MasterGo 入门](/zh-tw/stage-2/frontend/2.1-figma-mastergo/)
|
||||
- [前端二：构建第一个现代应用程序 - UI 设计](/zh-tw/stage-2/frontend/2.2-ui-design/)
|
||||
- [前端三：参考 UI 设计规范与多产品 UI 设计](/zh-tw/stage-2/frontend/2.3-multi-product-ui/)
|
||||
- [前端四：一起做霍格沃茨画像](/zh-tw/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits)
|
||||
|
||||
## 后端与全栈
|
||||
- [后端一：什么是 API](/zh-tw/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api)
|
||||
- [后端二：从数据库到 Supabase](/zh-tw/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase)
|
||||
- [后端三：大模型辅助编写接口代码与接口文档](/zh-tw/stage-2/backend/2.3-ai-interface-code/)
|
||||
- [后端四：Git 工作流](/zh-tw/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github)
|
||||
- [后端五：Zeabur 部署](/zh-tw/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications)
|
||||
- [后端六：现代 CLI 开发工具](/zh-tw/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development)
|
||||
- [后端七：如何集成 Stripe 等收费系统](/zh-tw/stage-2/backend/2.7-stripe-payment/)
|
||||
|
||||
## 大作业
|
||||
- [大作业 1：构建第一个现代应用程序 - 全栈应用](/zh-tw/stage-2/assignments/2.1-fullstack-app/)
|
||||
- [大作业 2：现代前端组件库 + Trae 实战](/zh-tw/stage-2/assignments/2.2-modern-frontend-trae/)
|
||||
|
||||
## AI 能力附录
|
||||
- [AI 一：Dify 入门与知识库集成](/zh-tw/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration)
|
||||
- [AI 二：学会查询 AI 词典与集成多模态 API](/zh-tw/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook)
|
||||
@@ -0,0 +1,20 @@
|
||||
# 高级开发
|
||||
|
||||
构建复杂跨平台应用。微信小程序实战，挑战更高阶的 AI 原生应用开发。
|
||||
|
||||
## 核心技能
|
||||
- [高级一：MCP 与 ClaudeCode Skills](/zh-tw/stage-3/core-skills/3.1-mcp-claudecode-skills/)
|
||||
- [高级二：如何让 Coding Tools 长时间工作](/zh-tw/stage-3/core-skills/3.2-long-running-tasks/)
|
||||
|
||||
## 多平台开发
|
||||
- [高级三：如何构建微信小程序](/zh-tw/stage-3/cross-platform/3.3-wechat-miniprogram/)
|
||||
- [高级四：如何构建微信小程序（包含后端）](/zh-tw/stage-3/cross-platform/3.4-wechat-miniprogram-backend/)
|
||||
- [高级五：如何构建安卓程序](/zh-tw/stage-3/cross-platform/3.5-android-app/)
|
||||
- [高级六：如何构建 iOS 程序](/zh-tw/stage-3/cross-platform/3.6-ios-app/)
|
||||
|
||||
## 个人品牌
|
||||
- [高级七：如何构建属于自己的个人网页与学术博客](/zh-tw/stage-3/personal-brand/3.7-personal-website-blog/)
|
||||
|
||||
## AI 能力附录
|
||||
- [高级 AI 一：什么是 RAG 以及它如何工作](/zh-tw/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future)
|
||||
- [高级 AI 二：中高级 RAG 与工作流编排 - 以 LangGraph 为例](/zh-tw/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/)
|
||||
Reference in New Issue
Block a user