docs: update stage-0 pages and navigation for content restructuring
- Mark stage-0 links as "Coming Soon" across all language versions - Update navigation labels from "Product Manager" to "Novice & PM" variants - Consolidate stage-0 and stage-1 content into single "Novice & Product Prototype" section - Refactor homepage feature grid to use Apple Store-style layout - Update stage descriptions and learning path summaries to reflect new structure - Ensure consistency across all supported languages (en, zh, ja, ko, es, fr, de, ar, vi)
This commit is contained in:
@@ -53,8 +53,7 @@
|
||||
|
||||
هذا البرنامج التعليمي مصمم خصيصًا ليأخذك من 0 إلى 1، وإتقان تقنيات Vibe Coding تدريجيًا:
|
||||
|
||||
- **المرحلة 0**: **دخول سريع من خلال الألعاب المصغرة** لاكتساب مهارات Vibe Coding
|
||||
- **المرحلة 1**: من منظور مدير المنتج، **مهارات Vibe Coding وفهم الأعمال**، تنفيذ نموذج أولي لتطبيق الويب
|
||||
- **المرحلة 1**: **من الألعاب المصغرة إلى نماذج الويب**، إتقان أساسيات برمجة الذكاء الاصطناعي وتفكير المنتج
|
||||
- **المرحلة 2**: تعلم **تطوير الواجهة الأمامية/الخلفية وقدرات الذكاء الاصطناعي** المتعلقة بتقنيات Vibe Coding، إكمال تطبيق كامل
|
||||
- **المرحلة 3**: إتقان بناء **التطبيقات المعقدة متعددة المنصات**، نحو تطبيقات مستوى الإنتاج
|
||||
|
||||
@@ -76,17 +75,12 @@
|
||||
|
||||
[قاموس قدرات الذكاء الاصطناعي: المفاهيم الأساسية الشائعة للذكاء الاصطناعي والمصطلحات والشروحات السيناريوية](docs/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. الروضة
|
||||
### 1. مدخل للمبتدئين ونموذج المنتج
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :------------------------------------------------------------------------------------------------------------------------------ | :--------------------------------------------------------------------- | :----- |
|
||||
| [المقدمة: خريطة التعلم](docs/stage-0/0.1-learning-map/index.md) | دليل مسار التعلم الشامل | ✅ |
|
||||
| [المبتدئ 1: عصر الذكاء الاصطناعي، إذا كنت تستطيع التحدث يمكنك البرمجة](docs/stage-0/0.2-ai-capabilities-through-games/index.md) | تجربة قدرات البرمجة بالذكاء الاصطناعي لأول مرة من خلال حالات مثل Snake | ✅ |
|
||||
|
||||
### 1. مدير منتج الذكاء الاصطناعي
|
||||
|
||||
| الفصل | المحتوى الرئيسي | الحالة |
|
||||
| :------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------- | :----- |
|
||||
| [المبتدئ 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) | تعلم توصيل القدرات الشائعة للذكاء الاصطناعي (النص، الصورة، الفيديو) | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ Wenn du versuchst, mit KI Code zu schreiben, ständig auf Fehler stößt, oft au
|
||||
|
||||
Dieses Tutorial ist speziell dafür konzipiert, dich von 0 auf 1 zu bringen und Vibe Coding-Techniken schrittweise zu meistern:
|
||||
|
||||
- **Stufe 0**: **Schneller Einstieg über Mini-Spiele** zum Erwerb von Vibe Coding-Fähigkeiten
|
||||
- **Stufe 1**: Aus der Perspektive eines Product Managers, **Vibe Coding-Fähigkeiten und Geschäftsverständnis**, Implementierung eines Web-App-Prototyps
|
||||
- **Stufe 1**: **Von Mini-Spielen zu Web-Prototypen**, Beherrschung von KI-Programmiergrundlagen und Produktdenken
|
||||
- **Stufe 2**: Lernen von **Frontend/Backend-Entwicklung und KI-Fähigkeiten** im Zusammenhang mit Vibe Coding-Techniken, Vervollständigung einer kompletten Anwendung
|
||||
- **Stufe 3**: Beherrschung des Baus von **plattformübergreifenden komplexen Anwendungen**, hin zu produktionsreifen Anwendungen
|
||||
|
||||
@@ -76,17 +75,12 @@ Wir glauben, dass durch die Beherrschung von Vibe Coding in Kombination mit syst
|
||||
|
||||
[KI-Fähigkeitslexikon: gängige KI-Kernkonzepte und Begriffe, Szenario-Erklärungen](docs/zh-cn/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. Kindergarten
|
||||
### 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 | ✅ |
|
||||
|
||||
### 1. KI-Produktmanager
|
||||
|
||||
| Kapitel | Schlüsselinhalt | Status |
|
||||
| :---------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------- | :----- |
|
||||
| [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 | ✅ |
|
||||
|
||||
@@ -56,8 +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 0**: Get started with **vibe coding skills through simple games**
|
||||
- **Stage 1**: **Vibe coding skills and business understanding** from a product manager perspective, implementing web application prototypes
|
||||
- **Stage 1**: From **Games to Web Prototypes**, mastering AI programming basics and product thinking
|
||||
- **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
|
||||
|
||||
@@ -79,17 +78,12 @@ 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 0: Kindergarten
|
||||
### Stage 1: Novice Entry & Product Prototype
|
||||
|
||||
| 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 | ✅ |
|
||||
|
||||
### Stage 1: AI Product Manager
|
||||
|
||||
| Chapter | Key Content | Status |
|
||||
| :------------------------------------------------------------------------------------------------------------------------ | :---------------------------------------------------------------------------------- | :----- |
|
||||
| [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) | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ Cuando intentas escribir código con IA, encuentras errores constantes, a menudo
|
||||
|
||||
Este tutorial está específicamente diseñado para llevarte de 0 a 1, dominando progresivamente las técnicas de Vibe Coding:
|
||||
|
||||
- **Etapa 0**: **Introducción rápida a través de mini juegos** para adquirir habilidades de Vibe Coding
|
||||
- **Etapa 1**: Desde la perspectiva de un product manager, **habilidades de Vibe Coding y comprensión del negocio**, implementando un prototipo de aplicación web
|
||||
- **Etapa 1**: **De mini juegos a prototipos web**, dominar los conceptos básicos de programación de IA y pensamiento de producto
|
||||
- **Etapa 2**: Aprender **desarrollo frontend/backend y capacidades de IA** relacionadas con técnicas de Vibe Coding, completando una aplicación completa
|
||||
- **Etapa 3**: Dominar la construcción de **aplicaciones complejas multiplataforma**, avanzando hacia aplicaciones de nivel de producción
|
||||
|
||||
@@ -76,17 +75,12 @@ Creemos que al dominar Vibe Coding y combinarlo con entrenamiento sistemático,
|
||||
|
||||
[Diccionario de capacidades de IA: conceptos centrales comunes de IA, términos y explicaciones de escenarios](docs/zh-cn/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. Jardín de Infancia
|
||||
### 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 | ✅ |
|
||||
|
||||
### 1. Product Manager de IA
|
||||
|
||||
| Capítulo | Contenido clave | Estado |
|
||||
| :------------------------------------------------------------------------------------------------------------------------ | :----------------------------------------------------------------------------------------------------------------------- | :----- |
|
||||
| [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) | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ Quand vous essayez d'écrire du code avec l'IA, vous rencontrez des erreurs cons
|
||||
|
||||
Ce tutoriel est spécialement conçu pour vous mener de 0 à 1, maîtrisant progressivement les techniques de Vibe Coding :
|
||||
|
||||
- **Étape 0** : **Introduction rapide par des mini-jeux** pour acquérir les compétences de Vibe Coding
|
||||
- **Étape 1** : Du point de vue d'un product manager, **compétences de Vibe Coding et compréhension des métiers**, implémentation d'un prototype d'application web
|
||||
- **Étape 1** : Des **mini-jeux aux prototypes web**, maîtriser les bases de la programmation IA et la pensée produit
|
||||
- **Étape 2** : Apprendre le **développement frontend/backend et les capacités d'IA** liées aux techniques de Vibe Coding, compléter une application complète
|
||||
- **Étape 3** : Maîtriser la construction d'**applications complexes multiplateformes**, vers des applications de niveau production
|
||||
|
||||
@@ -76,17 +75,12 @@ Nous croyons qu'en maîtrisant Vibe Coding et en le combinant avec un entraînem
|
||||
|
||||
[Dictionnaire des capacités IA : concepts centraux IA courants, termes et explications de scénarios](docs/zh-cn/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. Maternelle
|
||||
### 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 | ✅ |
|
||||
|
||||
### 1. Product Manager IA
|
||||
|
||||
| Chapitre | Contenu clé | Statut |
|
||||
| :--------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------- | :----- |
|
||||
| [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) | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ AI でコードを書こうとしてエラーが続き、諦めかけたくな
|
||||
|
||||
本チュートリアルは、0 から 1 まで、Vibe Coding のスキルを段階的に習得できるように設計されています:
|
||||
|
||||
- **第 0 段階**:**ミニゲームから迅速に入門**して Vibe Coding のスキルを習得
|
||||
- **第 1 段階**:プロダクトマネージャーの視点からの **Vibe Coding スキルと業務理解**、Web アプリケーションプロトタイプの実装
|
||||
- **第 1 段階**:**ミニゲームからWeb プロトタイプまで**、AI プログラミングの基礎とプロダクト思考を習得
|
||||
- **第 2 段階**:**フロントエンド・バックエンド開発と AI 能力**に関連する Vibe Coding テクニックの学習、完全なアプリケーションの完成
|
||||
- **第 3 段階**:**マルチプラットフォーム複雑アプリケーション**の構築手法を習得、本番級アプリケーションへ
|
||||
|
||||
@@ -76,17 +75,12 @@ AI でコードを書こうとしてエラーが続き、諦めかけたくな
|
||||
|
||||
[AI 能力辞書:一般的な AI コア概念と用語、シーンの解釈](docs/zh-cn/appendix/ai-capability-dictionary.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 プロダクトマネージャー
|
||||
|
||||
| 章 | 主要内容 | 状態 |
|
||||
| :----------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------- | :--- |
|
||||
| [初級二: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 能力(テキスト、画像、動画)の接続方法を習得 | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ AI로 코드를 작성하려고 할 때 오류가 계속 발생하고, 포기하
|
||||
|
||||
이 튜토리얼은 0에서 1까지 Vibe Coding 기술을 점진적으로 마스터할 수 있도록 특별히 설계되었습니다:
|
||||
|
||||
- **0단계**: **미니게임을 통해 빠르게 입문**하여 Vibe Coding 기술 습득
|
||||
- **1단계**: 프로덕트 매니저 관점에서 **Vibe Coding 기술과 비즈니스 이해**, 웹 애플리케이션 프로토타입 구현
|
||||
- **1단계**: **미니게임부터 웹 프로토타입까지**, AI 프로그래밍 기초와 제품 사고 습득
|
||||
- **2단계**: **프론트엔드/백엔드 개발과 AI 능력**과 관련된 Vibe Coding 테크닉 학습, 완전한 애플리케이션 완성
|
||||
- **3단계**: **멀티플랫폼 복잡 애플리케이션** 구축 방법 마스터, 프로덕션급 애플리케이션으로
|
||||
|
||||
@@ -76,17 +75,12 @@ AI로 코드를 작성하려고 할 때 오류가 계속 발생하고, 포기하
|
||||
|
||||
[AI 능력 사전: 일반적인 AI 핵심 개념과 용어, 시나리오 설명](docs/zh-cn/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. 유치원
|
||||
### 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 프로그래밍 능력을 처음 체험 | ✅ |
|
||||
|
||||
### 1. 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 능력(텍스트, 이미지, 비디오) 연결 방법 습득 | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@ Khi bạn cố gắng viết code bằng AI, liên tục gặp lỗi, thường
|
||||
|
||||
Hướng dẫn này được thiết kế đặc biệt để đưa bạn từ 0 đến 1, làm chủ dần các kỹ thuật Vibe Coding:
|
||||
|
||||
- **Giai đoạn 0**: **Nhập nhanh qua mini-game** để có kỹ năng Vibe Coding
|
||||
- **Giai đoạn 1**: Từ góc nhìn Product Manager, **kỹ năng Vibe Coding và hiểu biết kinh doanh**, thực hiện nguyên mẫu ứng dụng web
|
||||
- **Giai đoạn 1**: **Từ mini-game đến nguyên mẫu web**, nắm vững cơ sở lập trình AI và tư duy sản phẩm
|
||||
- **Giai đoạn 2**: Học **phát triển frontend/backend và khả năng AI** liên quan đến kỹ thuật Vibe Coding, hoàn thành ứng dụng hoàn chỉnh
|
||||
- **Giai đoạn 3**: Làm chủ xây dựng **ứng dụng phức tạp đa nền tảng**, hướng tới ứng dụng cấp sản xuất
|
||||
|
||||
@@ -76,22 +75,17 @@ Chúng tôi tin rằng thông qua việc làm chủ Vibe Coding kết hợp vớ
|
||||
|
||||
[Từ điển khả năng AI: các khái niệm cốt lõi AI phổ biến, thuật ngữ và giải thích kịch bản](docs/appendix/ai-capability-dictionary.md)
|
||||
|
||||
### 0. Mẫu giáo
|
||||
### 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/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/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 | ✅ |
|
||||
|
||||
### 1. Quản lý sản phẩm AI
|
||||
|
||||
| Chương | Nội dung chính | Trạng thái |
|
||||
| :--------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------------------------------- | :--------- |
|
||||
| [Sơ cấp 2: Biết các công cụ IDE AI](docs/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/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/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/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/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 | ✅ |
|
||||
| [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
|
||||
|
||||
|
||||
@@ -56,8 +56,7 @@
|
||||
|
||||
本教程专门设计,从0到1,带你逐步掌握 Vibe Coding 技巧:
|
||||
|
||||
- **第零阶段**:从**小游戏快速入门** 上手 vibe coding 技能
|
||||
- **第一阶段**:产品经理视角下的 **vibe coding 技能和业务理解**,实现 Web 应用原型
|
||||
- **第一阶段**:从**小游戏入门**到**Web 应用原型**,掌握 AI 编程基础与产品思维
|
||||
- **第二阶段**:学习**前后端开发与 AI 能力**相关的 vibecoding 技巧,完成完整应用
|
||||
- **第三阶段**:掌握**多平台复杂应用**的构建方案,走向生产级应用
|
||||
|
||||
@@ -79,17 +78,12 @@
|
||||
|
||||
[AI 能力词典:常见 AI 核心概念与名词、场景解释](docs/zh-cn/appendix/ai-capability-dictionary.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 产品经理
|
||||
|
||||
| 章节 | 关键内容 | 状态 |
|
||||
| :---------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
|
||||
| 章节 | 关键内容 | 状态 |
|
||||
| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
|
||||
| [前言:学习地图](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 能力(文本、图片、视频) | ✅ |
|
||||
|
||||
@@ -53,8 +53,7 @@
|
||||
|
||||
本教學專門設計,從0到1,帶你逐步掌握 Vibe Coding 技巧:
|
||||
|
||||
- **第零階段**:從**小遊戲快速入門** 上手 vibe coding 技能
|
||||
- **第一階段**:產品經理視角下的 **vibe coding 技能和業務理解**,實現 Web 應用原型
|
||||
- **第一階段**:從**小遊戲入門**到**Web 應用原型**,掌握 AI 編程基礎與產品思維
|
||||
- **第二階段**:學習**前後端開發與 AI 能力**相關的 vibecoding 技巧,完成完整應用
|
||||
- **第三階段**:掌握**多平台複雜應用**的建構方案,走向生產級應用
|
||||
|
||||
@@ -76,17 +75,12 @@
|
||||
|
||||
[AI 能力詞典:常見 AI 核心概念與名詞、場景解釋](../docs/zh-cn/appendix/ai-capability-dictionary.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 產品經理
|
||||
|
||||
| 章节 | 關鍵內容 | 狀態 |
|
||||
| :------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- |
|
||||
| [初級二:認識 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 能力(文本、圖片、影片) | ✅ |
|
||||
|
||||
Reference in New Issue
Block a user