Easy-Vibe（Datawhale：从零做出真实产品）

Want an expense tracker? Say it.

课时

• .trae
  • skills
    • 教程美化方案
      • 教程美化最佳实践
    • 编写交互式教程指南
      • 编写交互式教程指南 (Interactive Tutorial Guide)
• docs
  • .vitepress
    • theme
      • components
        • appendix
          • terminal-intro
            • Terminal Intro Components
      • locales
        • Appendix Component I18n Migration
    • Vue 组件开发规范（避免 Build 卡住）
  • Deployment Notes
  • en
    • appendix
      • 1-computer-fundamentals
        • Introduction to Algorithms
        • Compiler Principles
        • Computer Networks: From URL to Page Rendering
        • Computer Organization Principles
        • Data Representation Principles: Encoding, Storage, and Transmission
        • Data Structures: An Introduction
        • Operating Systems Principles: Processes, Memory, and File Systems
        • Computer System Overview: From Boot to Web Visit
        • Programming Language Concepts: Paradigms, Evolution, and Selection
        • Digital Circuit Basics: From Transistors to CPU
        • Type Systems: An Introduction
        • Full-Stack Development: An Introduction — A Computer Map for the Vibe Coding Era
      • 2-development-tools
        • An Introduction to Command Line and Shell Scripts
        • Principles of Debugging
        • debugging-art
          • Fundamentals of Browser DevTools
        • An Introduction to Environment Variables and PATH
        • Principles of Git Version Control
        • Fundamentals of Integrated Development Environment (IDE)
        • An Introduction to Package Managers
        • Principles of Ports and Localhost
        • Fundamentals of Regular Expressions
        • An Introduction to SSH and Key Authentication
      • 3-browser-and-frontend
        • The Hidden Dimensions of Web: Internationalization and Accessibility
        • Principles of Browser Rendering
        • A Panorama of Frontend Engineering
        • Principles of Frontend Frameworks
        • An Introduction to Frontend Frameworks
        • Principles of Frontend Project Architecture
        • Fundamentals of Graphics and Animation: Canvas and Related Technologies
        • Fundamentals of HTML/CSS Layout
        • Principles of JavaScript
        • Principles of JavaScript Runtime
        • Principles of Real-Time Communication: Polling, SSE, and WebSocket
        • An Introduction to Routing and Navigation
        • Principles of State Management
        • Principles of TypeScript
        • Principles of Web Performance Optimization
      • 4-server-and-backend
        • Principles of API Design: Frontend-Backend Communication Protocols
        • An Introduction to APIs: Understanding Inter-Program Communication from Scratch
        • Principles of Asynchronous Task Queues
        • Principles of Authentication and Authorization
        • An Introduction to Backend Languages
        • Principles of Backend Layered Architecture
        • An Introduction to Backend Project Architecture
        • Principles of Caching: Strategies and Patterns
        • An Introduction to Client-Side Languages: Swift, Kotlin, and Dart
        • Principles of Concurrency, Asynchrony, and Multithreading
        • A Panorama of Cross-Platform Solutions
        • Principles of Domain-Specific Languages (DSL)
        • An Introduction to File and Object Storage
        • Principles of HTTP Protocol: Frontend-Backend Communication
        • Principles of Message Queues and Event-Driven Architecture
        • Principles of Rate Limiting and Backpressure
        • A Panorama of Request Flow
        • Principles of Search Engines
        • Principles of Serialization: Data Translation
        • Principles of Web Frameworks
      • 5-data
        • Principles of A/B Testing: Decision-Making with Data
        • Principles of Data Analysis
        • An Introduction to Data Governance
        • Data Models: A Complete Overview — Document, Graph, Time-Series, and Vector
        • An Introduction to Event Tracking
        • Principles of Data Visualization
        • Principles of Databases: Indexes, Transactions, and Query Optimization
      • 6-architecture-and-system-design
        • Principles of Distributed Systems
        • Principles of High Availability and Disaster Recovery
        • An Introduction to Monolith-to-Microservices Evolution
        • System Design Methodology
      • 7-infrastructure-and-operations
        • An Introduction to CI/CD Automation
        • Principles of Cloud Identity and Access Management
        • Fundamentals of Cloud Platforms in Practice
        • Principles of Object Storage and CDN
        • Principles of Domain Names, DNS, and HTTPS
        • An Introduction to Docker Containerization
        • Principles of Gateways and Reverse Proxies
        • An Introduction to Incident Response and Troubleshooting
        • Principles of Infrastructure as Code
        • Principles of Kubernetes Orchestration
        • Fundamentals of Linux
        • Principles of Load Balancing and Gateways
        • Principles of Monitoring, Logging, and Alerting
      • 8-artificial-intelligence
        • Principles of AI Agents and Tool Calling
        • AI Capability Dictionary
        • A Brief History of AI: From Symbolic Logic to Hundred-Billion-Parameter Large Models
        • An Introduction to AI-Native Application Design
        • Principles of AI Agent Protocols: MCP and A2A
        • An Introduction to Context Engineering
        • Principles of Embeddings and Vector Retrieval
        • Principles of Image Generation
        • Principles of Large Language Model Operation
        • An Introduction to Model Fine-Tuning and Deployment
        • Principles of Multimodal Models: Vision, Audio, and Video
        • Fundamentals of Neural Networks and Deep Learning
        • An Introduction to Prompt Engineering
        • Principles of RAG: Retrieval-Augmented Generation
        • Principles of Speech Synthesis and Recognition
        • Principles of Transformers and Attention Mechanisms
      • 9-engineering-excellence
        • An Introduction to Code Quality and Refactoring
        • Fundamentals of Design Patterns
        • An Introduction to Open-Source Collaboration
        • Fundamentals of Security Thinking: Offense and Defense
        • An Introduction to Technical Writing
        • Technology Selection Methodology
        • An Introduction to Testing Strategies
      • Appendix
    • guide
      • Project Introduction
    • stage-1
      • ai-capabilities-through-games
        • Primary 1: AI Era, If You Can Speak, You Can Code
      • appendix-a-product-thinking
        • Product Thinking and Solution Design
      • appendix-articles
        • example0-1
          • Comparing Seven AI Coding Tools
        • example0-2
          • Design a Website with Design and Coding Agents
      • appendix-b-common-errors
        • What to Do When You Encounter Errors While Coding
      • appendix-consumer-scenarios
        • C-End Scenario Inspiration Direction Reference
      • appendix-double-diamond
        • Double Diamond: First Do the Right Thing, Then Do It Right
      • appendix-idea-sources
        • Where Creative Ideas Come From
      • appendix-industry-scenarios
        • Find AI Opportunities in Real Workflows
      • appendix-jobs-to-be-done
        • Use Jobs to Be Done to Find What Users Really Want to Get Done
      • appendix-modelscope-static-site
        • Publish Your Vibe Coding Project on ModelScope
      • appendix-mom-test
        • The Mom Test: A User Interview Method for Validating Demand
      • building-prototype
        • Beginner 3: Build a Prototype Hands-On
      • clone-your-favorite-app
        • Clone from a Screenshot: Your First Imitation Exercise
      • complete-project-practice
        • Complete Project Practice: From an Idea to a Finished Work
      • finding-great-idea
        • Beginner Level 2: Finding Great Ideas
      • integrating-ai-capabilities
        • Add AI Capabilities to a Prototype
      • introduction-to-ai-ide
        • Beginner Level 2: Learn AI Programming Tools
      • learning-map
        • How to Learn This Course
    • stage-2
      • ai-capabilities
        • dify-knowledge-base
          • Dify Basics and Knowledge Base Integration
      • assignments
        • copywriting-platform-supabase
          • AI Marketing Copywriting SaaS
        • custom-dify-agent-platform
          • Custom Dify Agent Platform
        • exam-management-express
          • Online Exam & Management System
        • modern-landing-page
          • Modern AI Image Generation SaaS
        • movie-recommendation-springboot
          • Spring Boot Movie Recommendation System
        • simple-grocery-microservices
          • Grocery E-Commerce Microservices System
        • traffic-data-visualization-go
          • Go Traffic Data Analysis Platform
        • travel-planning-agent-platform
          • Travel Planning Agent Platform
      • backend
        • ai-interface-code
          • Using LLMs to Write API Code and API Documentation
        • cloud-server-deployment
          • Put Your Website Online (Advanced): Set Up Your Own VPS
        • database-supabase
          • From Databases to Supabase
        • git-workflow
          • Git and GitHub Workflow
        • modern-cli
          • CLI AI Coding Tools
        • stripe-payment
          • How to Integrate Stripe and Other Billing Systems
        • zeabur-deployment
          • Put Your Website Online (Easy): One-Click PaaS Deployment
      • frontend
        • design-to-code
          • From Design Prototype to Project Code
        • figma-mastergo
          • Figma and MasterGo Basics
        • hogwarts-portraits
          • Project 4: Let's Build Hogwarts Portraits
        • llm-skills-beautiful
          • Make Interfaces Beautiful with LLMs and Skills: Prompts and Plugin Workflows
        • lovart-assets
          • Starting from NanoBanana: Build Your Own Asset Production Agent
        • modern-component-library
          • Upgrade Your Interface with Modern Component Libraries
        • multi-product-ui
          • Designing Pages and Buttons with UI Design Guidelines
        • ui-design
          • Build Your First Modern Application - UI Design
      • Junior Developer
    • stage-3
      • ai-advanced
        • langgraph-advanced-rag
          • Intermediate and Advanced RAG with Workflow Orchestration - Using LangGraph as an Example
        • rag-introduction
          • What You Will Learn in This Lesson
      • core-skills
        • agent-teams
          • Claude Agent Teams Complete Guide
        • basics
          • Claude Code Quickstart Core Guide
        • claude-agent-sdk
          • Claude Agent SDK Complete Guide
        • github-iterative-development
          • Building Software End to End with GitHub Issues: From Product Conversation to a macOS App
        • long-running-tasks
          • How to Make Claude Code Work for Long Durations
        • mcp
          • Claude Code MCP Complete Guide
        • mobile-development
          • Claude Code Remote Development on Mobile
        • skills
          • Claude Code Skills Complete Guide
        • spec-coding
          • From Vibe Coding to Spec Coding: The Evolution of AI Programming
        • superpowers
          • Claude Code Superpowers for Engineering-Grade Development
        • workflow
          • AI-Assisted Development Workflow
      • cross-platform
        • ai-native-creator
          • From a Web Page to Real Software, and Then to an AI-Native Product
        • android-app
          • How to Build a Simple Android App - Native Compose Development
        • app-publishing
          • How to Publish the Application You Built
        • browser-ai-extension
          • How to Build a Browser AI Assistant Extension: Summarize Any Webpage in One Click
        • choose-platform
          • How to Choose the Right Platform for Your Application
        • electron-voice-to-text
          • How to Build a Cross-Platform Electron Desktop App: A Speech-to-Text Application
        • flutter-app
          • How to Build a Cross-Platform App with Flutter
        • godot-game-development
          • How to Build Platform, Pixel-Art, and 3D Games with Godot
        • ios-app
          • How to Build an iOS App - Native SwiftUI Development
        • nft-minting
          • How to Quickly Build and Mint an NFT: 10-Minute Starter Edition
        • pwa-local-app
          • How to Build a Local PWA App: Turn a Website into a "Real App"
        • qt-industrial-hmi
          • How to Build an Industrial Qt Desktop App: Pump Monitoring HMI System
        • react-native-expo
          • Build a Store Inspection App with React Native and Expo
        • vscode-extension
          • How to Build a VS Code Extension: Create Your AI Project Assistant
        • wechat-miniprogram-backend
          • How to Build a WeChat Mini Program with a Backend
        • wechat-miniprogram
          • How to Build the Simplest WeChat Mini Program
      • Advanced Development
      • personal-brand
        • personal-website-blog
          • How to Build Your Own Personal Website and Academic Blog - Static Deployment with GitHub Pages
    • vibe-stories
      • He Left a Five-Figure Monthly Salary to Help Rural School Kids "Use AI to Block Flies"
      • During Finals Week, I Secretly Built a "Campus Xianyu" with AI
      • I Built Each Student a Tireless "Straight-A Study Buddy"
      • At 48, a Truck Driver Pulled Several All-Nighters and Used AI to Build an Overseas Tool Site
  • zh-cn
    • appendix
      • 1-computer-fundamentals
        • 算法导论
        • 编译原理
        • 计算机网络：从输入网址到渲染页面
        • 计算机组成原理
        • 数据表示原理：编码、存储与传输
        • 数据结构导论
        • 操作系统原理：进程、内存与文件系统
        • 计算机系统全景：从开机到访问网站的过程
        • 编程语言概念：范式、演化与选型
        • 数字电路基础：从晶体管到 CPU
        • 类型系统导论
        • 全栈开发导论：Vibe Coding 时代的计算机知识地图
      • 2-development-tools
        • 命令行与 Shell 脚本导论
        • 调试原理与艺术
        • debugging-art
          • 浏览器调试器（DevTools）基础
        • 环境变量与 PATH 导论
        • Git 版本控制原理
        • 集成开发环境（IDE）基础
        • 包管理器导论
        • 端口与 localhost 原理
        • 正则表达式基础
        • SSH 与密钥认证导论
      • 3-browser-and-frontend
        • 网页的隐藏维度：国际化与无障碍全景
        • 浏览器渲染原理
        • 前端工程化全景
        • 前端框架原理
        • 前端框架导论
        • 前端项目架构原理
        • 图形与动画基础：Canvas 与他的朋友们
        • HTML/CSS 布局基础
        • JavaScript 原理
        • JavaScript 运行时原理
        • 实时通信原理：Polling/SSE/WebSocket
        • 路由与导航导论
        • 状态管理原理
        • TypeScript 原理
        • 网页性能优化原理
      • 4-server-and-backend
        • API 设计原理：前后端的通信协议
        • API 入门导论：从零理解程序之间的通信
        • 异步任务队列原理
        • 认证与授权原理
        • 后端语言导论
        • 后端分层架构原理
        • 后端项目架构导论
        • 缓存原理与策略
        • 客户端语言导论：Swift/Kotlin/Dart
        • 并发异步与多线程原理
        • 跨平台方案全景
        • 领域特定语言（DSL）原理
        • 文件与对象存储导论
        • HTTP 协议原理：前后端的通信语言
        • 消息队列与事件驱动原理
        • 限流与背压原理
        • 请求旅程全景
        • 搜索引擎原理
        • 序列化原理：数据的翻译
        • Web 框架原理
      • 5-data
        • A/B 测试原理：用数据做决策
        • 数据分析原理
        • 数据治理导论
        • 数据模型全景：文档/图/时序/向量
        • 数据埋点导论
        • 数据可视化原理
        • 数据库原理：索引/事务/查询优化
      • 6-architecture-and-system-design
        • 分布式系统原理
        • 高可用与容灾原理
        • 单体到微服务演进导论
        • 系统设计方法论
      • 7-infrastructure-and-operations
        • CI/CD 自动化导论
        • 云身份与权限管理原理
        • 云平台实战基础
        • 对象存储与 CDN 原理
        • 域名 DNS 与 HTTPS 原理
        • Docker 容器化导论
        • 网关与反向代理原理
        • 故障排查与应急响应导论
        • 基础设施即代码原理
        • Kubernetes 编排原理
        • Linux 基础
        • 负载均衡与网关原理
        • 监控日志与告警原理
      • 8-artificial-intelligence
        • AI Agent 原理与工具调用
        • AI 能力词典
        • AI 简史：从符号逻辑到千亿参数大模型
        • AI 原生应用设计导论
        • AI Agent 协议原理：MCP 与 A2A
        • 上下文工程导论
        • Embedding 与向量检索原理
        • 图像生成原理
        • 大语言模型工作原理
        • 模型微调与部署导论
        • 多模态模型原理：视觉/音频/视频
        • 神经网络与深度学习基础
        • 提示词工程导论
        • RAG 原理：检索增强生成
        • 语音合成与识别原理
        • Transformer 与注意力机制原理
      • 9-engineering-excellence
        • 代码质量与重构导论
        • 设计模式基础
        • 开源协作导论
        • 安全思维与攻防基础
        • 技术文档写作导论
        • 技术选型方法论
        • 测试策略导论
      • 附录
    • guide
      • 项目介绍
    • stage-1
      • ai-capabilities-through-games
        • AI 时代的编程初体验
      • appendix-a-product-thinking
        • 产品思维基础
      • appendix-articles
        • example0-1
          • 七款 AI 编程工具对比
        • example0-2
          • 用设计和编程 Agent 设计网站
      • appendix-b-common-errors
        • 常见问题与排错
      • appendix-consumer-scenarios
        • C 端场景灵感方向参考
      • appendix-double-diamond
        • 双钻设计模型
      • appendix-idea-sources
        • 创意灵感从哪里来
      • appendix-industry-scenarios
        • 从真实工作流里找 AI 场景
      • appendix-jobs-to-be-done
        • Jobs to Be Done 需求理论
      • appendix-modelscope-static-site
        • 在魔搭社区发布你的 Vibe Coding 产物
      • appendix-mom-test
        • The Mom Test：用户访谈方法
      • building-prototype
        • 构建可交互的产品原型
      • clone-your-favorite-app
        • 从截图复刻：第一次模仿练习
      • complete-project-practice
        • 完整项目实战：从想法到作品
      • finding-great-idea
        • 如何判断一个好点子
      • integrating-ai-capabilities
        • 为原型接入 AI 能力
      • introduction-to-ai-ide
        • AI 编程工具介绍与使用
      • learning-map
        • 如何学习本课程
    • stage-2
      • ai-capabilities
        • dify-knowledge-base
          • Dify 入门与知识库集成
      • assignments
        • copywriting-platform-supabase
          • AI 营销文案 SaaS 开发实战
          • PRD：AI 营销文案 SaaS 平台
        • custom-dify-agent-platform
          • 类 Dify 智能体平台开发实战
          • PRD：类 Dify 智能体编排平台
        • exam-management-express
          • 在线考试与管理系统开发实战
          • PRD：在线考试与管理系统
        • modern-landing-page
          • 现代 AI 生图 SaaS 开发实战
          • PRD：现代 AI 生图 SaaS 平台
        • movie-recommendation-springboot
          • Spring Boot 电影推荐系统开发实战
          • PRD：Spring Boot 电影推荐系统
        • simple-grocery-microservices
          • 生鲜电商微服务系统开发实战
          • PRD：生鲜电商微服务系统
        • traffic-data-visualization-go
          • Go 交通数据分析平台开发实战
          • PRD：Go 交通数据分析与可视化平台
        • travel-planning-agent-platform
          • 智能旅游规划 Agent 平台开发实战
          • PRD：智能旅游规划 Agent 编排平台
      • backend
        • ai-interface-code
          • 大模型辅助编写接口代码与接口文档
        • cloud-server-deployment
          • 把网站发到网上（进阶方式）：自己买台 VPS 服务器搭建发布
        • database-supabase
          • 从数据库到 Supabase
        • git-workflow
          • Git 和 GitHub 工作流
        • modern-cli
          • CLI AI 编程工具
        • stripe-payment
          • 如何集成 Stripe 等收费系统
        • zeabur-deployment
          • 把网站发到网上（简单方式）：Vercel/Zeabur/CloudBase 一键发布
      • frontend
        • design-to-code
          • 从设计原型到项目代码
        • figma-mastergo
          • Figma 与 MasterGo 入门
        • hogwarts-portraits
          • Project 4: 一起做霍格沃茨画像
        • llm-skills-beautiful
          • 用 LLM 和 Skills 让界面变好看：提示词与插件实战
        • lovart-assets
          • 从 NanoBanana 出发，搭建自己的素材生产Agent
        • modern-component-library
          • 使用现代组件库更新你的界面
        • multi-product-ui
          • 参考 UI 设计规范设计页面和按钮
        • ui-design
          • 构建第一个现代应用程序 - UI 设计
      • 初中级开发
    • stage-3
      • ai-advanced
        • langgraph-advanced-rag
          • 企业级客服 Agent 实战：用 LangGraph 搭建可升级、可审计的客服系统
        • llamaindex-enterprise-knowledge-base
          • 企业级知识库实战：用 LlamaIndex 搭建能落地的 RAG 系统
        • rag-introduction
          • 本节课你将学到
      • core-skills
        • agent-teams
          • Claude Agent Teams 完全指南
        • basics
          • Claude Code 快速上手核心指南
        • claude-agent-sdk
          • Claude Agent SDK 完全指南
        • github-iterative-development
          • 用 GitHub Issues 驱动 AI 全流程开发：从需求讨论到 macOS 成品
        • long-running-tasks
          • 如何让 Claude Code 长时间工作
        • mcp
          • Claude Code MCP 完全指南
        • mobile-development
          • Claude Code 手机远程开发
        • skills
          • Claude Code Skills 完全指南
        • spec-coding
          • 从 Vibe Coding 到 Spec Coding：先把需求写清楚，再让 AI 写代码
        • superpowers
          • Claude Code Superpowers 工程级开发
        • workflow
          • AI 辅助开发工作流
      • cross-platform
        • ai-native-creator
          • 从开发一个网页，到真正的程序，再到 AI 原生创作者
        • android-app
          • 如何用 Jetpack Compose 开发 Android 原生应用
        • app-publishing
          • 如何把开发好的程序发布上架
        • browser-ai-extension
          • 如何开发浏览器 AI 助手插件
        • choose-platform
          • 如何选择你的应用该开发的平台
        • electron-voice-to-text
          • 如何开发跨平台 Electron 桌面程序
        • flutter-app
          • 如何开发 Flutter 跨平台应用
        • godot-game-development
          • 如何用 Godot 开发横版、像素与 3D 游戏
        • ios-app
          • 如何用 SwiftUI 开发 iOS 原生应用
        • nft-minting
          • 如何在本地模拟链铸造 NFT
        • pwa-local-app
          • 如何开发 PWA 本地应用
        • qt-industrial-hmi
          • 如何开发企业 Qt 设备客户端
        • react-native-expo
          • 从零开始用 React Native + Expo 做一个门店巡检应用
        • vscode-extension
          • 如何开发 VS Code 插件
        • wechat-miniprogram-backend
          • 如何构建微信小程序（包含后端）
        • wechat-miniprogram
          • 如何构建微信小程序
      • 进阶开发
      • personal-brand
        • personal-website-blog
          • 如何构建属于自己的个人网页与学术博客
    • vibe-stories
      • 放弃月入过万，他在农村小学带孩子们“用AI赶苍蝇”
      • 期末考试周，我偷偷用AI造了个“校园闲鱼”
      • 我给每个学生，做了一个不会累的“学霸同桌”
      • 48岁货车司机，熬了几个通宵，硬是用AI磕出一个出海工具站
  • zh-tw
    • appendix
      • 1-computer-fundamentals
        • 演算法導論
        • 編譯原理
        • 計算機網路：從輸入網址到渲染頁面
        • 計算機組成原理
        • 資料表示原理：編碼、儲存與傳輸
        • 資料結構導論
        • 作業系統原理：行程、記憶體與檔案系統
        • 計算機系統全景：從開機到訪問網站
        • 程式語言概念：範式、演化與選型
        • 數位電路基礎：從電晶體到 CPU
        • 型別系統導論
        • 全棧開發導論：Vibe Coding 時代的計算機知識地圖
      • 2-development-tools
        • 命令列與 Shell 腳本導論
        • 除錯原理與藝術
        • debugging-art
          • 瀏覽器除錯器（DevTools）基礎
        • 環境變數與 PATH 導論
        • Git 版本控制原理
        • 整合開發環境（IDE）基礎
        • 套件管理器導論
        • 連接埠與 localhost 原理
        • 正規表示式導論
        • SSH 與金鑰認證原理
      • 3-browser-and-frontend
        • 網頁的隱藏維度：國際化與無障礙全景
        • 瀏覽器渲染原理
        • 前端工程化全景
        • 前端框架原理
        • 前端框架導論
        • 前端專案架構原理
        • 圖形與動畫基礎：Canvas 與他的朋友們
        • HTML/CSS 佈局基礎
        • JavaScript 導論
        • JavaScript 執行時期原理
        • 即時通訊原理：Polling/SSE/WebSocket
        • 路由與導航導論
        • 狀態管理原理
        • TypeScript 導論
        • 網頁效能最佳化原理
      • 4-server-and-backend
        • API 設計：前後端的通信協議
        • API 入門導論：從零理解程式之間的通信
        • 非同步任務佇列：生產者消費者模型
        • 認證與授權原理
        • 後端語言導論
        • 後端分層架構：分層責任邊界
        • 後端專案架構：分層與模組化
        • 快取原理與策略
        • 用戶端語言導論：Swift/Kotlin/Dart
        • 並發非同步與多執行緒原理
        • 跨平台方案全景
        • 領域特定語言（DSL）：宣告式抽象
        • 檔案與物件儲存導論
        • HTTP 協定原理：前後端的通訊語言
        • 訊息佇列與事件驅動原理
        • 限流與背壓：流量整形機制
        • 請求旅程全景
        • 搜尋引擎原理
        • 序列化：資料的編碼翻譯
        • Web 框架原理
      • 5-data
        • A/B 測試原理：用資料做決策
        • 資料分析導論
        • 資料治理原理
        • 資料模型全景：文件/圖/時序/向量
        • 資料埋點導論
        • 資料視覺化基礎
        • 資料庫基礎：索引/事務/查詢最佳化
      • 6-architecture-and-system-design
        • 分散式系統原理
        • 高可用與容災原理
        • 單體到微服務演進導論
        • 系統設計方法論
      • 7-infrastructure-and-operations
        • CI/CD 自動化導論
        • 雲端身分與權限管理原理
        • 雲平台導論
        • 物件儲存與 CDN 原理
        • 域名 DNS 與 HTTPS 原理
        • Docker 容器化導論
        • 閘道器與反向代理原理
        • 故障排查與應急響應導論
        • 基礎設施即程式碼基礎
        • Kubernetes 原理
        • Linux 基礎
        • 負載平衡與閘道器原理
        • 監控日誌與告警原理
      • 8-artificial-intelligence
        • AI Agent 原理與工具呼叫
        • AI 能力詞典
        • AI 簡史：從符號邏輯到千億參數大模型
        • AI 原生應用設計導論
        • AI Agent 協定原理：MCP 與 A2A
        • 上下文工程導論
        • Embedding 與向量檢索原理
        • 影像生成原理
        • 大語言模型工作原理
        • 模型微調與部署導論
        • 多模態模型原理：視覺/音訊/影片
        • 神經網路與深度學習基礎
        • 提示詞工程導論
        • RAG 原理：檢索增強生成
        • 語音合成與識別原理
        • Transformer 與注意力機制原理
      • 9-engineering-excellence
        • 程式碼品質與重構導論
        • 設計模式基礎
        • 開源協作導論
        • 安全思維與攻防基礎
        • 技術文件寫作導論
        • 技術選型方法論
        • 測試策略導論
      • 附錄
    • guide
      • 專案介紹
    • stage-0
      • 新手與產品原型
    • stage-1
      • ai-capabilities-through-games
        • 初級一：AI 時代，會說話就會程式設計
      • appendix-a-product-thinking
        • 產品思維與方案設計
      • appendix-articles
        • example0-1
          • 七款 AI 程式設計工具對比
        • example0-2
          • 用設計和程式設計 Agent 設計網站
      • appendix-b-common-errors
        • 寫程式碼時遇到錯誤怎麼辦
      • appendix-consumer-scenarios
        • C 端場景靈感方向參考
      • appendix-double-diamond
        • 雙鑽設計模型
      • appendix-idea-sources
        • 創意靈感從哪裡來
      • appendix-industry-scenarios
        • 從真實工作流里找 AI 場景
      • appendix-jobs-to-be-done
        • Jobs to Be Done 需求理論
      • appendix-modelscope-static-site
        • 在魔搭社群發布你的 Vibe Coding 作品
      • appendix-mom-test
        • The Mom Test：使用者訪談方法
      • building-prototype
        • 初級三：動手做出原型
      • clone-your-favorite-app
        • 從截圖復刻：第一次模仿練習
      • complete-project-practice
        • 完整專案實作：從想法到作品
      • finding-great-idea
        • 如何判斷一個好點子
      • integrating-ai-capabilities
        • 為原型接入 AI 能力
      • introduction-to-ai-ide
        • 初級二：學會 AI 程式設計工具
      • learning-map
        • 如何學習本課程
    • stage-2
      • ai-capabilities
        • dify-knowledge-base
          • Dify 入門與知識庫集成
      • assignments
        • copywriting-platform-supabase
          • AI 營銷文案 SaaS 開發實戰
        • custom-dify-agent-platform
          • 類 Dify 智能體平臺開發實戰
        • exam-management-express
          • 在線考試與管理系統開發實戰
        • modern-landing-page
          • 現代 AI 生圖 SaaS 開發實戰
        • movie-recommendation-springboot
          • Spring Boot 電影推薦系統開發實戰
        • simple-grocery-microservices
          • 生鮮電商微服務系統開發實戰
        • traffic-data-visualization-go
          • Go 交通資料分析平臺開發實戰
        • travel-planning-agent-platform
          • 智能旅遊規劃 Agent 平臺開發實戰
      • backend
        • ai-interface-code
          • 大模型輔助編寫接口程式碼與接口文檔
        • cloud-server-deployment
          • 把網站發到網上（進階方式）：自己買臺 VPS 伺服器搭建發佈
        • database-supabase
          • 從資料庫到 Supabase
        • git-workflow
          • Git 和 GitHub 工作流
        • modern-cli
          • CLI AI 程式設計工具
        • stripe-payment
          • 如何集成 Stripe 等收費系統
        • zeabur-deployment
          • 把網站發到網上（簡單方式）：Vercel/Zeabur/CloudBase 一鍵發佈
      • frontend
        • design-to-code
          • 從設計原型到項目程式碼
        • figma-mastergo
          • Figma 與 MasterGo 入門
        • hogwarts-portraits
          • Project 4: 一起做霍格沃茨畫像
        • llm-skills-beautiful
          • 用 LLM 和 Skills 讓界面變好看：提示詞與插件實戰
        • lovart-assets
          • 從 NanoBanana 出發，搭建自己的素材生產Agent
        • modern-component-library
          • 使用現代組件庫更新你的界面
        • multi-product-ui
          • 參考 UI 設計規範設計頁面和按鈕
        • ui-design
          • 構建第一個現代應用程序 - UI 設計
      • 初中級開發
    • stage-3
      • ai-advanced
        • rag-introduction
          • 本課你將學到什麼
      • core-skills
        • agent-teams
          • Claude Agent Teams 完整指南
        • basics
          • Claude Code 快速上手核心指南
        • claude-agent-sdk
          • Claude Agent SDK 完整指南
        • github-iterative-development
          • 用 GitHub Issues 驅動 AI 全流程開發：從需求討論到 macOS 成品
        • long-running-tasks
          • 如何讓 Claude Code 長時間工作
        • mcp
          • Claude Code MCP 完整指南
        • mobile-development
          • Claude Code 行動開發
        • skills
          • Claude Code Skills 完整指南
        • spec-coding
          • 從 Vibe Coding 到 Spec Coding：AI 程式的進化
        • superpowers
          • Claude Code Superpowers：工程級開發的超能力
        • workflow
          • AI 輔助開發工作流程
      • cross-platform
        • ai-native-creator
          • 從做出網頁，到完整程式，再到 AI 原生產品
        • android-app
          • 如何製作一個簡單的 Android 應用程式 - 原生 Compose 開發
        • app-publishing
          • 如何把做好的程式發布上架
        • browser-ai-extension
          • 如何構建瀏覽器 AI 助手擴展：一鍵摘要任何網頁
        • choose-platform
          • 如何為你的應用選擇合適的平台
        • electron-voice-to-text
          • 如何構建跨平台 Electron 桌面應用：語音轉文字應用
        • flutter-app
          • 如何用 Flutter 開發跨平台 App
        • godot-game-development
          • 如何用 Godot 開發橫向、像素與 3D 遊戲
        • ios-app
          • 如何建置 iOS 應用程式 - 原生 SwiftUI 開發
        • nft-minting
          • 如何快速構建並鑄造 NFT：10 分鐘入門版
        • pwa-local-app
          • 如何建置本機 PWA 應用程式：將網站變成「真正的應用程式」
        • qt-industrial-hmi
          • 如何建置工業級 Qt 桌面應用程式：幫浦監控 HMI 系統
        • react-native-expo
          • 從零開始用 React Native + Expo 做門市巡檢 App
        • vscode-extension
          • 如何構建 VS Code 擴展：打造你的 AI 專案助理
        • wechat-miniprogram-backend
          • 如何建立包含後端的微信小程式
        • wechat-miniprogram
          • 如何構建最簡單的微信小程式
      • 高級開發
      • personal-brand
        • personal-website-blog
          • 如何建立自己的個人網站和學術部落格 - 使用 GitHub Pages 靜態部署
• .vitepress
  • theme
    • locales
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
• en
  • appendix
    • 4-server-and-backend
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 7-infrastructure-and-operations
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 8-artificial-intelligence
      • AI Capability Dictionary
      • What You Will Learn in This Lesson
      • 1. Text Tasks (Text / NLP / LLM)
      • 2. Image Modality (Image / Vision)
      • 3. 3D / Spatial Modality (3D / Spatial / XR)
      • 4. Audio / Speech
      • 5. Video
      • 6. Time Series & Sequential Decision
      • 7. Agents & Tool Use
      • 8. Retrieval & Knowledge
      • 9. Safety, Alignment & Evaluation
      • 10. AI for Science (AI4Science)
      • 11. Platform & Engineering Capabilities (MLOps / Infra)
  • stage-1
    • Summary
    • Appendix 1: Common Computer Terminology Quick Reference
  • stage-2
    • ai-capabilities
      • [Bug] How to Fix HTTP Request Errors
    • backend
      • 5. Becoming a Supabase Master
  • stage-3
    • ai-advanced
      • Reference
    • core-skills
      • Easy-Vibe（Datawhale：从零做出真实产品）
• zh-cn
  • appendix
    • 4-server-and-backend
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 7-infrastructure-and-operations
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 8-artificial-intelligence
      • AI 能力词典
      • 本节课你将学到
      • 1. 文本任务 (Text / NLP / LLM)
      • 2. 图像模态（Image / Vision）
      • 3. 3D / 空间模态（3D / Spatial / XR）
      • 4. 音频（Audio / Speech）
      • 5. 视频（Video）
      • 6. 时间序列与时序决策（Time Series & Sequential Decision）
      • 7. Agent 与工具调用层（Agents & Tool Use）
      • 8. 检索增强与知识层（Retrieval & Knowledge）
      • 9. 安全、对齐与评估（Safety / Alignment / Evaluation）
      • 10. AI for Science（AI4Science）
      • 11. 平台与工程能力（MLOps / Infra）
  • stage-1
    • 总结
    • 附录一：常见计算机术语速查表
  • stage-2
    • ai-capabilities
      • [Bug] HTTP 请求错误问题的解决方法
    • backend
      • 📚 课后作业
  • stage-3
    • ai-advanced
      • Reference
    • core-skills
      • Easy-Vibe（Datawhale：从零做出真实产品）
• zh-tw
  • appendix
    • 4-server-and-backend
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 7-infrastructure-and-operations
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
      • Easy-Vibe（Datawhale：从零做出真实产品）
    • 8-artificial-intelligence
      • AI 能力詞典
      • 本節課你將學到
      • 1. 文本任務 (Text / NLP / LLM)
      • 2. 圖像模態（Image / Vision）
      • 3. 3D / 空間模態（3D / Spatial / XR）
      • 4. 音頻（Audio / Speech）
      • 5. 視頻（Video）
      • 6. 時間序列與時序決策（Time Series & Sequential Decision）
      • 7. Agent 與工具調用層（Agents & Tool Use）
      • 8. 檢索增強與知識層（Retrieval & Knowledge）
      • 9. 安全、對齊與評估（Safety / Alignment / Evaluation）
      • 10. AI for Science（AI4Science）
      • 11. 平臺與工程能力（MLOps / Infra）
  • stage-1
    • 總結
    • 附錄一：常見計算機術語速查表
  • stage-2
    • ai-capabilities
      • [Bug] HTTP 請求錯誤問題的解決方法
    • backend
      • 📚 課後作業
  • stage-3
    • ai-advanced
      • 參考資料
    • core-skills
      • Easy-Vibe（Datawhale：从零做出真实产品）

开始学习 → 教程美化最佳实践