diff --git a/docs-readme/ar-SA/README.md b/docs-readme/ar-SA/README.md index 6947444..f40801c 100644 --- a/docs-readme/ar-SA/README.md +++ b/docs-readme/ar-SA/README.md @@ -66,12 +66,218 @@ -في عصر الذكاء الاصطناعي، الأشخاص الذين يحولون الأفكار إلى منتجات هم غالبًا ليسوا الأقوى تقنيًا، بل هم الذين يتخذون الخطوة الأولى. **ولد Easy-Vibe لهذا الغرض.** سنأخذ بيدك من كتابة أول سطر كود إلى فهم منطق الواجهة الأمامية والخلفية، وأخيرًا إطلاق منتجك على الإنترنت. +في عصر الذكاء الاصطناعي، الأشخاص الذين يحولون الأفكار إلى منتجات هم غالبًا ليسوا الأقوى تقنيًا، بل هم الذين يتخذون الخطوة الأولى. **ولد Easy-Vibe لهذا الغرض.** + +Easy-Vibe يرشدك من 0 إلى 1 عبر المراحل التالية: + +> اختر نقطة البداية حسب مستواك: +> - **مبتدئ / مدير منتج**: ابدأ من Stage 1 لتطوير تفكير البرمجة وإتقان AI IDE للنماذج الأولية السريعة +> - **مطور**: ابدأ من Stage 2 للتعمق في التطوير الشامل وتكامل AI +> - **مطور متقدم**: انتقل مباشرة إلى Stage 3 لاستكشاف Claude Code والتطوير متعدد المنصات | المرحلة | المهارات الأساسية | المخرجات | -| ------------ | -------------------------------- | ----------------------------------------- | -| **المرحلة 1** | مقدمة في برمجة الذكاء الاصطناعي، فكر المنتج | ألعاب صغيرة تفاعلية، نماذج أولية (مبتدئ و PM) | -| **المرحلة 2** | تطوير Full-stack، تكامل الذكاء الاصطناعي، قواعد البيانات | تطبيق ذكاء اصطناعي متكامل | -| **المرحلة 3** | مهارات Claude Code المتقدمة، تطبيقات الموبايل | تطبيقات متعددة المنصات بمستوى الإنتاج | +| :--- | :--- | :--- | +| **Stage 1** | خريطة التعلم، مقدمة برمجة AI، AI IDE، فكر المنتج، النماذج الأولية، تكامل قدرات AI | ألعاب تفاعلية، نماذج أولية كاملة للمنتج | +| **Stage 2** | التطوير الشامل، قواعد البيانات، تكامل AI، النشر والعمليات | تطبيقات AI شاملة جاهزة للإنتاج | +| **Stage 3** | Claude Code المتقدم، التطوير متعدد المنصات | تطبيقات متعددة المنصات بمستوى الإنتاج | +| **الملحق** | أساسيات الحاسوب، مقدمة AI، 9 مجالات معرفية | أكثر من 80 موضوع تفاعلي | + +## 🔥 أخبار + +- **[2026-03-02]** 🦞 **دعم OpenClaw و AI Agents**: تمت إضافة ملف التنقل AI `llms.txt`، مما يتيح لـ OpenClaw و Claude و Cursor و Trae وغيرها من AI Agents فهم هيكل المستودع بسرعة وتحديد محتوى الدورة بدقة. نتمنى لكل 🦞 تجربة تعلم ممتعة! +- **[2026-03-01]** [قسم التطوير المتقدم](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) تم تحديثه بالكامل: تمت إضافة سبعة أدلة تفصيلية لـ Claude Code (MCP، Skills، Agent Teams، إلخ) وثمانية دروس للتطوير متعدد المنصات (PWA، Electron، NFT، إضافات VS Code، تطبيقات Qt الصناعية، إلخ). +- **[2026-02-25]** تم تحديث [قاعدة معرفة الملحق](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/)، تغطي 9 مجالات معرفية وأكثر من 80 موضوع تفاعلي. + +
+أخبار سابقة + +- **[2026-01-16]** إعادة هيكلة المشروع، إنشاء رسمي لفصل "المبتدئين"، تقليل الحواجز. +- **[2026-01-14]** اكتمال التحديث الشامل لمستندات المرحلة الأولى "بناء نماذج المنتجات". +- **[2026-01-13]** اكتمال إعادة بناء وثائق المشروع، دعم كامل متعدد اللغات (i18n). +- **[2026-01-01]** إطلاق خريطة التعلم الرئيسية للمشروع. +
+ +### 📖 التنقل + +
+ Learning Map +
+ +### 📚 قاعدة معرفة الملحق + + + + + + + +
+ 💻 أساسيات الحاسوب

+ • من الترانزستور إلى المعالج
+ • أنظمة التشغيل
+ • ترميز وتخزين ونقل البيانات
+ • الشبكات: كيف يتحدث جهازان
+ • هياكل البيانات
+ • مقدمة في التفكير الخوارزمي + 		+ 🔧 أدوات التطوير

+ • Git: آلة الزمن للكود
+ • سطر الأوامر ونصوص Shell
+ • محررات الأكواد و VS Code
+ • أدوات تطوير المتصفح
+ • مديرو الحزم + 		+ 💡 برمجة الويب

+ • HTML & CSS
+ • JavaScript
+ • معالجة DOM
+ • Fetch API والبرمجة غير المتزامنة
+ • أطر العمل (Vue/React) +
+ +### I. دخول بدون خبرة سابقة + +| الفصل | المحتوى الأساسي | الحالة | +| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | +| [مقدمة: خريطة التعلم](../../docs/zh-cn/stage-0/0.1-learning-map/index.md) | التنقل في مسار التعلم الشامل | ✅ | +| [المستوى الأول: عصر الذكاء الاصطناعي، التحدث هو البرمجة](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | تجربة برمجة الذكاء الاصطناعي من خلال الأمثلة | ✅ | +| [المستوى الثاني: إيجاد الأفكار الكبيرة](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | تعلم إيجاد والتحقق من أفكار المنتجات | ✅ | +| [المستوى الثالث: مقدمة لأدوات 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) | من تحليل المتطلبات إلى النماذج الأولية | ✅ | +| [المستوى الخامس: إضافة قدرات الذكاء الاصطناعي للنماذج](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | تعلم دمج الذكاء الاصطناعي (نص، صورة، فيديو) | ✅ | +| [المستوى السادس: مشروع عملي كامل](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | محاكاة سيناريوهات حقيقية، التكرار مع الملاحظات | ✅ | + +#### ملحق: التفكير التجاري + +| الفصل | المحتوى الأساسي | الحالة | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [ملحق أ: تفكير المنتج وتصميم الحلول](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | أطر التفكير لبناء المنتجات | ✅ | +| [ملحق ب: سيناريوهات تطبيق الذكاء الاصطناعي (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | تطبيقات الذكاء الاصطناعي في مختلف الصناعات | ✅ | +| [ملحق ج: إلهام سيناريوهات المستهلك (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | استكشاف تطبيقات الذكاء الاصطناعي في منتجات المستهلك | ✅ | + +#### ملحق: الحلول التقنية + +| الفصل | المحتوى الأساسي | الحالة | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [ملحق د: ماذا تفعل عند حدوث خطأ](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | الأخطاء الشائعة في vibe coding | ✅ | +| [ملحق هـ: مقارنة 7 أدوات برمجة الذكاء الاصطناعي](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | مقارنة منصات الذكاء الاصطناعي الرئيسية | ✅ | +| [ملحق و: تصميم المواقع مع وكلاء التصميم والبرمجة](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | التعاون بين الوكلاء المتعددين | ✅ | + +
+II. المطور المتوسط + +#### الواجهة الأمامية + +| الفصل | المحتوى الأساسي | الحالة | +| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | +| [الواجهة الأمامية 0: الأصول مع Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | إنشاء الأصول البصرية بالجملة | 🚧 | +| [الواجهة الأمامية 1: مقدمة Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | تنظيم بنية المعلومات وهيكل الصفحة | 🚧 | +| [الواجهة الأمامية 2: بناء أول تطبيق حديث - تصميم UI](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | سير العمل من التصميم إلى الكود | 🚧 | +| [الواجهة الأمامية 3: مواصفات التصميم ومتعددة المنتجات](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | التصميم المنهجي متعدد المنتجات | 🚧 | +| [الواجهة الأمامية 4: صور هوغوورتس معاً](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | بناء تطبيق واجهة أمامية بالذكاء الاصطناعي | ✅ | + +#### الخلفية والـ Full-stack + +| الفصل | المحتوى الأساسي | الحالة | +| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- | +| [الخلفية 1: ما هو الـ API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | فهم نماذج HTTP والاستجابة | ✅ | +| [الخلفية 2: من قاعدة البيانات إلى Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | تنفيذ قاعدة البيانات والـ API على Supabase | ✅ | +| [الخلفية 3: توليد كود وتوثيق API بالذكاء الاصطناعي](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | توليد التوثيق والكود بالذكاء الاصطناعي | 🚧 | +| [الخلفية 4: سير عمل Git](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | التحكم في الإصدارات والتعاون مع Git | ✅ | +| [الخلفية 5: النشر على Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | نشر التطبيقات على Zeabur | ✅ | +| [الخلفية 6: أدوات CLI الحديثة](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | تسريع التطوير باستخدام أدوات الذكاء الاصطناعي | ✅ | +| [الخلفية 7: دمج أنظمة الدفع مثل Stripe](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | دمج الدفع والتسوية | 🚧 | +| [المشروع 1: أول تطبيق حديث - تطبيق Full-stack](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | إكمال تطبيق ويب كامل | 🚧 | +| [المشروع 2: مكتبة UI الحديثة + ممارسة Trae](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | منتج مستقل مع المصادقة والدفع | 🚧 | + +#### ملحق قدرات الذكاء الاصطناعي + +| الفصل | المحتوى الأساسي | الحالة | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [الذكاء الاصطناعي 1: مقدمة Dify وقاعدة المعرفة](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | بناء المنتجات باستخدام Dify و RAG | ✅ | +| [الذكاء الاصطناعي 2: قاموس الذكاء الاصطناعي وواجهات API متعددة الوسائط](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | البحث عن النماذج وواجهات API | 🚧 | + +
+ +
+III. المطور المتقدم + +#### مهارات Claude Code الأساسية + +| الفصل | المحتوى الأساسي | الحالة | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [بدء سريع Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | التثبيت، العمليات الأساسية، النصائح والأوامر | ✅ | +| [دليل Claude Code MCP الشامل](../../docs/zh-cn/stage-3/core-skills/mcp/) | ربط Claude Code بـ GitHub، قواعد البيانات، واجهات API | ✅ | +| [دليل Claude Code Skills الشامل](../../docs/zh-cn/stage-3/core-skills/skills/) | تعبئة المعرفة في حزم مهارات قابلة لإعادة الاستخدام | ✅ | +| [أفضل ممارسات سير عمل Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | أفضل الممارسات للتطوير اليومي ومراجعة الكود | ✅ | +| [دليل Claude Agent Teams الشامل](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | التعاون بين عدة مثيلات ذكاء اصطناعي | ✅ | +| [Claude Code Superpowers تطوير هندسي](../../docs/zh-cn/stage-3/core-skills/superpowers/) | كتابة كود هندسي بجودة عالية | ✅ | +| [كيف نجعل Claude Code يعمل لفترة طويلة](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | تصميم مهام طويلة المدى للعمل المستمر | ✅ | + +#### التطوير متعدد المنصات + +| الفصل | المحتوى الأساسي | الحالة | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [كيف تبني برنامج ويشات الصغير](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | نظام البرامج الصغيرة، من القالب إلى الإطلاق | ✅ | +| [كيف تبني برنامج ويشات الصغير مع الخلفية](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | دمج قاعدة البيانات والمنطق الخلفي | ✅ | +| [تطوير تطبيقات Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | تطوير Android موحد مع Expo | ✅ | +| [تطوير تطبيقات iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | تطوير iOS موحد مع Expo | ✅ | +| [كيف تبني موقعاً شخصياً ومدونة أكاديمية](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | من الاختيار إلى النشر، بناء صفحة شخصية | ✅ | +| [تطوير PWA](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | بناء تطبيقات ويب متقدمة مع دعم دون اتصال | 🚧 | +| [تطوير إضافات متصفح الذكاء الاصطناعي](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | تطوير إضافات Chrome | 🚧 | +| [تطوير تطبيق سطح مكتب Electron](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | بناء تطبيق سطح مكتب للتعرف على الصوت | 🚧 | +| [كيف تطور وت minted NFT بسرعة](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | كتابة عقود ذكية، النشر على شبكة الإيثريوم | 🚧 | +| [تطوير إضافات VS Code](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | تطوير إضافات لمساعدين المشاريع | 🚧 | +| [تطبيقات Qt الصناعية](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | بناء نظام HMI للمراقبة الصناعية | 🚧 | + +#### ملحق قدرات الذكاء الاصطناعي المتقدمة + +| الفصل | المحتوى الأساسي | الحالة | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [ما هو RAG وكيف يعمل](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | فهم RAG والهندسة المعمارية الشائعة | ✅ | +| [RAG متوسط وتنسيق سير العمل: LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | تصميم سير عمل متعدد الخطوات | 🚧 | + +
+ +## 🛠️ كيف تتعلم + +- اختر الفصول للقراءة والممارسة وفقاً لمستواك. لا تتردد في فتح issue للأسئلة. + +## 💻 الإعداد المحلي + +### الطريقة الحديثة + +في AI IDE (VS Code, Cursor, Trae، إلخ)، استخدم الـ prompt التالي: + +``` +الرجاء مساعدتي في تشغيل الخدمة المحلية لهذا المشروع. +``` + +### الطريقة التقليدية + +1. npm install +2. npm run dev +3. افتح `http://localhost:3000` في متصفحك. + +## 🤝 المساهمة + +- إذا وجدت مشاكل أو لديك اقتراحات، يرجى فتح Issue. +- للمساهمة، يرجى تقديم Pull Request. +- إذا كنت تريد بدء مشروع جديد مع Datawhale، اتبع [دليل مشروع Datawhale مفتوح المصدر](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md). + +## 🙏 الشكر + +- [Sanbu - قائد المشروع](https://github.com/sanbuphy) (عضو Datawhale) +- Fang Ke - advisor (عضو Datawhale، جامعة تسينغهوا) +- [Yerim Kang](https://github.com/yerim25) (المشاريع العملية - جامعة تسينغهوا) +- Zhao Zhilin (المشاريع العملية - جامعة تسينغهوا) +- [Li Yixuan](https://yixuan20.github.io/) (التصميم البصري - جامعة تسينغهوا) +- Liu Siyi (المشاريع العملية - جامعة تسينغهوا) +- جميع المختبريين من مجموعة AI Vibe Coding 101 على ملاحظاتهم. + +### شكر خاص + +- شكراً لـ [@Sm1les](https://github.com/Sm1les) على الدعم والمساعدة. +- شكراً لجميع المساهمين والجميع الذي وضع نجمة على هذا المشروع ❤️ *(راجع التفاصيل في الوثائق عبر الإنترنت أو المستودع الرئيسي)* diff --git a/docs-readme/de-DE/README.md b/docs-readme/de-DE/README.md index cf08c93..01af938 100644 --- a/docs-readme/de-DE/README.md +++ b/docs-readme/de-DE/README.md @@ -73,13 +73,216 @@ Im Zeitalter der KI sind diejenigen, die Ideen in Produkte verwandeln, oft nicht --- -Easy-Vibe führt dich in drei Phasen von 0 auf 1: +Easy-Vibe führt dich durch folgende Phasen von 0 auf 1: + +> Wähle deinen Startpunkt entsprechend deinem Niveau: +> - **Anfänger / Product Manager**: Beginne mit Stage 1, um Programmierdenken zu entwickeln und AI IDE für schnelles Prototyping zu beherrschen +> - **Entwickler**: Beginne mit Stage 2, um tief in Full-Stack-Entwicklung und KI-Integration einzutauchen +> - **Fortgeschrittene Entwickler**: Gehe direkt zu Stage 3, um Claude Code und Multi-Plattform-Entwicklung zu erkunden | Phase | Kernkompetenzen | Ergebnis | -| ------------ | -------------------------------- | ----------------------------------------- | -| **Phase 1** | KI-Programmierung, Produktdenken, Prototyping | Interaktive Minispiele, Web-Prototypen (Anfänger & PM) | -| **Phase 2** | Full-Stack-Entwicklung, KI-Integration, Datenbanken | Vollständige Full-Stack-KI-Anwendung | -| **Phase 3** | Fortgeschrittener Claude Code, Mobile & Mini-Programme | Multi-Plattform-Anwendungen auf Produktionsniveau | -| **Anhang** | Verständnis grundlegender Konzepte von Computer & KI | 9 Wissensbereiche, 80+ interaktive Themen | +| :--- | :--- | :--- | +| **Stage 1** | Lernkarte, KI-Programmierung Einstieg, AI IDE, Produktdenken, Prototyping, KI-Fähigkeiten Integration | Interaktive Minispiele, vollständige Produktprototypen | +| **Stage 2** | Full-Stack-Entwicklung, Datenbanken, KI-Integration, Deployment & Operations | Produktionsreife Full-Stack-KI-Anwendungen | +| **Stage 3** | Fortgeschrittener Claude Code, Multi-Plattform-Entwicklung | Multi-Plattform-Anwendungen auf Produktionsniveau | +| **Anhang** | Computer-Grundlagen, KI-Einführung, 9 Wissensbereiche | 80+ interaktive Themen | + +## 🔥 Neuigkeiten + +- **[2026-03-02]** 🦞 **OpenClaw & AI Agent Unterstützung**: `llms.txt` KI-Navigationsdatei hinzugefügt, die OpenClaw, Claude, Cursor, Trae und anderen AI Agents ermöglicht, die Repository-Struktur schnell zu verstehen und Tutorial-Inhalte präzise zu lokalisieren. Wir wünschen jedem 🦞 viel Lernspaß! +- **[2026-03-01]** [Abschnitt Fortgeschrittene Entwicklung](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) umfassend aktualisiert: Sieben detaillierte Claude Code Guides (MCP, Skills, Agent Teams, etc.) und acht Multi-Plattform-Entwicklungstutorials (PWA, Electron, NFT, VS Code Erweiterungen, Qt Industrieanwendungen, etc.) hinzugefügt. +- **[2026-02-25]** [Anhang Wissensdatenbank](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/) aktualisiert, umfasst 9 Wissensbereiche und 80+ interaktive Themen. + +
+Frühere Neuigkeiten
+ +- **[2026-01-16]** Projekt-Restrukturierung, formelle Einrichtung des Kapitels "Einführung für Anfänger", Barrieren reduziert. +- **[2026-01-14]** Vollständiges Update der Stage 1 Dokumentation "Produktprototypen erstellen". +- **[2026-01-13]** Vollständiger Dokumentationsarchitektur-Aufbau, vollständige mehrsprachige Unterstützung (i18n). +- **[2026-01-01]** Start der Haupt-Lernkarte des Projekts. + + +### 📖 Navigation + +
+ Learning Map +
+ +### 📚 Anhang Wissensdatenbank + + + + + + + +
+ 💻 Computer-Grundlagen

+ • Vom Transistor zum CPU
+ • Betriebssysteme
+ • Datenkodierung, Speicherung und Übertragung
+ • Netzwerke: Wie zwei Computer sprechen
+ • Datenstrukturen
+ • Einführung in algorithmisches Denken + 		+ 🔧 Entwicklungswerkzeuge

+ • Git: Die Zeitmaschine des Codes
+ • Befehlszeile und Shell-Skripte
+ • IDEs und VS Code
+ • Browser-Entwicklerwerkzeuge
+ • Paketmanager + 		+ 💡 Web-Programmierung

+ • HTML & CSS
+ • JavaScript
+ • DOM-Manipulation
+ • Fetch API und asynchrone Programmierung
+ • Frameworks (Vue/React) +
+ +### I. Einstieg ohne Vorkenntnisse + +| Kapitel | Hauptinhalt | Status | +| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | +| [Vorwort: Lernkarte](../../docs/zh-cn/stage-0/0.1-learning-map/index.md) | Navigation durch den Gesamt-Lernpfad | ✅ | +| [Stufe 1: KI-Ära, Sprechen ist Programmieren](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | KI-Programmierung durch Beispiele erfahren | ✅ | +| [Stufe 2: Großartige Ideen finden](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | Produktideen finden und validieren lernen | ✅ | +| [Stufe 3: Einführung in AI IDE Tools](../../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | IDE verwenden, Spiele lokal erstellen | ✅ | +| [Stufe 4: Prototypen praktisch bauen](../../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Von Anforderungsanalyse zu Prototypen | ✅ | +| [Stufe 5: KI-Fähigkeiten zu Prototypen hinzufügen](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | KI integrieren (Text, Bild, Video) | ✅ | +| [Stufe 6: Vollständige Projektpraxis](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Echte Szenarien simulieren, mit Feedback iterieren | ✅ | + +#### Anhang: Geschäftsdenken + +| Kapitel | Hauptinhalt | Status | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Anhang A: Produktdenken und Lösungsdesign](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Denkrahmen für Produktentwicklung | ✅ | +| [Anhang B: KI-Anwendungsszenarien (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | KI-Anwendungen in verschiedenen Branchen | ✅ | +| [Anhang C: KI-Konsumentenszenarien Inspiration (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | KI-Anwendungen in Konsumentenprodukten erkunden | ✅ | + +#### Anhang: Technische Lösungen + +| Kapitel | Hauptinhalt | Status | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Anhang D: Was tun bei Fehlern](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Häufige Fehler in Vibe Coding | ✅ | +| [Anhang E: Vergleich von 7 KI-Programmierwerkzeugen](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Vergleich der wichtigsten KI-Plattformen | ✅ | +| [Anhang F: Website-Design mit Design- und Programmieragenten](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Multi-Agent-Zusammenarbeit | ✅ | + +
+II. Mittlerer Entwickler + +#### Frontend + +| Kapitel | Hauptinhalt | Status | +| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | +| [Frontend 0: Assets mit Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | Visuelle Assets massenhaft generieren | 🚧 | +| [Frontend 1: Einführung in Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | Informationsarchitektur und Seitenstruktur organisieren | 🚧 | +| [Frontend 2: Erste moderne App bauen - UI Design](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | Design-to-Code-Workflow mit Komponenten | 🚧 | +| [Frontend 3: UI Design Specs & Multi-Produkt UI](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | Systematisches Multi-Produkt-Design | 🚧 | +| [Frontend 4: Gemeinsam Hogwarts Portraits bauen](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | Frontend-App mit KI von Grund auf erstellen | ✅ | + +#### Backend & Fullstack + +| Kapitel | Hauptinhalt | Status | +| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- | +| [Backend 1: Was ist eine API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | HTTP und Request/Response-Modelle verstehen | ✅ | +| [Backend 2: Von Datenbank zu Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | DB und API auf Supabase implementieren | ✅ | +| [Backend 3: KI-gestützte API-Code und Dokumentation generieren](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | Dokumentation und Code mit KI generieren | 🚧 | +| [Backend 4: Git Workflow](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | Versionskontrolle und Git-Zusammenarbeit | ✅ | +| [Backend 5: Deployment auf Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Anwendungen auf Zeabur deployen | ✅ | +| [Backend 6: Moderne CLI-Tools](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | Entwicklung mit KI-CLI beschleunigen | 🚧 | +| [Backend 7: Zahlungssysteme wie Stripe integrieren](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | Zahlung und Abwicklung integrieren | 🚧 | +| [Projekt 1: Erste moderne App - Fullstack App](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | Vollständige Fullstack-Web-App erstellen | 🚧 | +| [Projekt 2: Moderne UI-Bibliothek + Trae Praxis](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | Unabhängiges Produkt mit Auth und Zahlung | 🚧 | + +#### Anhang KI-Fähigkeiten + +| Kapitel | Hauptinhalt | Status | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [KI 1: Dify Einführung & Knowledge Base Integration](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | Utility-Produkte mit Dify & RAG bauen | ✅ | +| [KI 2: KI-Wörterbuch & Multimodale APIs](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | Models/APIs finden und Multimodal integrieren | 🚧 | + +
+ +
+III. Fortgeschrittener Entwickler + +#### Claude Code Kernfähigkeiten + +| Kapitel | Hauptinhalt | Status | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Claude Code Schnellstart](../../docs/zh-cn/stage-3/core-skills/basics/) | Installation, grundlegende Operationen, Tipps und Befehle | ✅ | +| [Claude Code MCP Vollständiger Guide](../../docs/zh-cn/stage-3/core-skills/mcp/) | Claude Code über MCP mit GitHub, DB, APIs verbinden | ✅ | +| [Claude Code Skills Vollständiger Guide](../../docs/zh-cn/stage-3/core-skills/skills/) | Wissen in wiederverwendbare Skill-Packs verpacken | ✅ | +| [Claude Code Workflow Best Practices](../../docs/zh-cn/stage-3/core-skills/workflow/) | Best Practices für tägliche Entwicklung, Refactoring, Code Review | ✅ | +| [Claude Agent Teams Vollständiger Guide](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Multi-KI-Zusammenarbeit wie echtes Entwicklungsteam | ✅ | +| [Claude Code Superpowers Engineering-Entwicklung](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Qualitätscode mit TDD schreiben | ✅ | +| [Wie man Claude Code lange laufen lässt](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Langfristige Aufgaben für kontinuierliche Arbeit entwerfen | ✅ | + +#### Multi-Plattform-Entwicklung + +| Kapitel | Hauptinhalt | Status | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Wie man ein WeChat Mini-Programm baut](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Mini-Programm-Ökosystem, von Template zum Launch | ✅ | +| [Wie man WeChat Mini-Programm mit Backend baut](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | DB und Backend-Logik integrieren | ✅ | +| [Android App Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Einheitliche Android-Entwicklung mit Expo | ✅ | +| [iOS App Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Einheitliche iOS-Entwicklung mit Expo | ✅ | +| [Wie man persönliche Website und akademischen Blog baut](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Von Tech-Wahl bis Deployment, persönliche Seite bauen | ✅ | +| [PWA Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | Progressive Web Apps mit Offline-Support bauen | 🚧 | +| [KI Browser Extension Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | Chrome Extensions für Seiten-Zusammenfassung entwickeln | 🚧 | +| [Electron Desktop App Entwicklung](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | Desktop App für Spracherkennung mit Electron bauen | 🚧 | +| [Wie man schnell entwickelt und NFT mintet](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | Smart Contracts schreiben, auf Ethereum Testnet deployen | 🚧 | +| [VS Code Extensions entwickeln](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | Extensions für KI-Projektassistenten entwickeln | 🚧 | +| [Qt Industrieanwendungen entwickeln](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | HMI für industrielle Pumpenüberwachung mit Qt bauen | 🚧 | + +#### Anhang Fortgeschrittene KI-Fähigkeiten + +| Kapitel | Hauptinhalt | Status | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [Was ist RAG und wie es funktioniert](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | RAG und gängige Architekturen verstehen | ✅ | +| [Mittleres RAG und Workflow-Orchestrierung: LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Mehrstufige Workflows und erweiterte RAG-Systeme entwerfen | 🚧 | + +
+ +## 🛠️ Wie man lernt + +- Wähle Kapitel zum Lesen und Üben nach deinem Level. Zögere nicht, ein Issue für Fragen zu öffnen. + +## 💻 Lokale Einrichtung + +### Moderner Weg + +In einem AI IDE (VS Code, Cursor, Trae, etc.), verwende folgenden Prompt: + +``` +Bitte helfen Sie mir, den lokalen Dienst dieses Projekts auszuführen. +``` + +### Traditioneller Weg + +1. npm install +2. npm run dev +3. Öffne `http://localhost:3000` in deinem Browser. + +## 🤝 Beitragen + +- Wenn du Probleme findest oder Vorschläge hast, bitte ein Issue eröffnen. +- Um beizutragen, bitte einen Pull Request einreichen. +- Wenn du ein neues Projekt mit Datawhale starten möchtest, folge dem [Datawhale Open Source Projektleitfaden](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md). + +## 🙏 Dank + +- [Sanbu - Projektleiter](https://github.com/sanbuphy) (Datawhale Mitglied) +- Fang Ke - Berater (Datawhale Mitglied, Tsinghua Universität) +- [Yerim Kang](https://github.com/yerim25) (Praktische Projekte - Tsinghua Universität) +- Zhao Zhilin (Praktische Projekte - Tsinghua Universität) +- [Li Yixuan](https://yixuan20.github.io/) (Visuelles Design - Tsinghua Universität) +- Liu Siyi (Praktische Projekte - Tsinghua Universität) +- Alle Beta-Tester der AI Vibe Coding 101 Gruppe für ihr Feedback. + +### Besonderer Dank + +- Danke an [@Sm1les](https://github.com/Sm1les) für Unterstützung und Hilfe. +- Danke an alle Mitwirkenden und alle, die diesem Projekt einen Stern gegeben haben ❤️ *(Details siehe Online-Dokumentation oder Haupt-Repository)* diff --git a/docs-readme/en-US/README.md b/docs-readme/en-US/README.md index 272481a..3a8ada4 100644 --- a/docs-readme/en-US/README.md +++ b/docs-readme/en-US/README.md @@ -112,15 +112,22 @@ Many people, even with AI assistants, are still discouraged by "not understandin Easy-Vibe takes you from 0 to 1 through the following stages: +> Choose your starting point based on your background: +> - **Zero Foundation / Product Manager**: Start from Stage 1 to build programming mindset and master AI IDE for rapid prototyping +> - **Developer**: Start from Stage 2 to dive into full-stack development and AI integration +> - **Advanced Developer**: Jump to Stage 3 to explore Claude Code and multi-platform development + | Stage | Core Skills | Output | -| ------------ | -------------------------------- | ----------------------------------------- | -| **Stage 1** | Intro to AI Programming, Product Thinking, Prototyping | Interactive Mini-games, Web App Prototypes (Beginner & PM) | -| **Stage 2** | Full-stack Development, AI Integration, Databases | Complete Full-stack AI Application | -| **Stage 3** | Advanced Claude Code, Mini-programs & Android Development | Production-grade Multi-platform Applications | -| **Appendix** | Helping you understand Computer & AI basic concepts | 9 Knowledge Domains, 80+ Interactive Topics | +| :--- | :--- | :--- | +| **Stage 1** | Learning Map, AI Programming Intro, AI IDE, Product Thinking, Prototype Design, AI Capability Integration | Interactive Mini-games, Complete Product Prototypes | +| **Stage 2** | Full-stack Development, Databases, AI Integration, Deployment & Operations | Production-ready Full-stack AI Applications | +| **Stage 3** | Advanced Claude Code, Multi-platform Development | Production-grade Multi-platform Applications | +| **Appendix** | Computer Fundamentals, AI Intro, 9 Knowledge Domains | 80+ Interactive Topics | ## 🔥 News +- **[2026-03-02]** 🦞 **OpenClaw & AI Agent Friendly Support**: Added `llms.txt` AI navigation file, enabling OpenClaw, Claude, Cursor, Trae and other AI Agents to quickly understand the repository structure and accurately locate tutorial content. Hope every 🦞 enjoys learning! +- **[2026-03-01]** [Advanced Development Section](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) comprehensively upgraded: Added seven deep guides for Claude Code (MCP, Skills, Agent Teams, etc.) and eight cross-platform development tutorials (PWA, Electron, NFT, VS Code Extensions, Qt Industrial Applications, etc.). - **[2026-02-25]** Updated [Appendix Knowledge Base](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/), covering 9 knowledge domains and 80+ interactive topics. - **[2026-01-27]** Added Android and iOS platform application development tutorials. - **[2026-01-19]** Released interactive demonstration components for Prompt Engineering, AI Evolution, Authentication Design, Git Principles, etc., significantly enhancing the visual learning experience. @@ -301,22 +308,30 @@ Easy-Vibe takes you from 0 to 1 through the following stages:
III. Advanced Developer +#### Claude Code Core Skills + | Chapter | Key Content | Status | | :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | -| [Advanced 1: MCP & Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/) | Extend IDE power with external services as tools | 🚧 | -| [Advanced 2: Long-running Coding Tasks](../../docs/zh-cn/stage-3/core-skills/3.2-long-running-tasks/) | Design and configure stable, long-running tasks | 🚧 | -| [Advanced 3: WeChat Mini Program Dev](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Build and launch a front-end mini program | ✅ | -| [Advanced 4: WeChat Mini Program with Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Integrate DB and back-end logic in mini programs | 🚧 | -| [Advanced 5: Android App Development](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Web/Native unified Android dev with Expo | ✅ | -| [Advanced 6: iOS App Development](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Web/Native unified iOS dev with Expo | ✅ | -| [Advanced 7: Personal Website & Academic Blog](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Build and deploy a permanent online homepage | 🚧 | +| [Claude Code Quick Start](../../docs/zh-cn/stage-3/core-skills/basics/) | Installation, basic operations, practical tips and common commands | ✅ | +| [Claude Code MCP Complete Guide](../../docs/zh-cn/stage-3/core-skills/mcp/) | Connect Claude Code to GitHub, databases, APIs via MCP | ✅ | +| [Claude Code Skills Complete Guide](../../docs/zh-cn/stage-3/core-skills/skills/) | Package professional knowledge into reusable skill packs | ✅ | +| [Claude Code Workflow Best Practices](../../docs/zh-cn/stage-3/core-skills/workflow/) | Best practices for daily development, refactoring, code review | ✅ | +| [Claude Agent Teams Complete Guide](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Multi-AI instance collaboration like a real dev team | ✅ | +| [Claude Code Superpowers Engineering Development](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Write engineering-grade code following TDD and best practices | ✅ | +| [How to Make Claude Code Work for Long Periods](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Design long-running tasks for continuous work | ✅ | -#### AI Capability Appendix +#### Multi-platform Development | Chapter | Key Content | Status | -| :-------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------ | :--- | -| [Advanced AI 1: What is RAG & How It Works](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future.md) | Systematic understanding of RAG architectures | ✅ | -| [Advanced AI 2: Advanced RAG with LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Multi-step workflows and advanced RAG systems | 🚧 | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [How to Build WeChat Mini Program](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | WeChat mini program ecosystem, from template to launch | ✅ | +| [How to Build WeChat Mini Program with Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Integrate database and back-end logic in mini programs | ✅ | +| [Android App Development](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Web/Native unified Android dev with Expo | ✅ | +| [iOS App Development](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Web/Native unified iOS dev with Expo | ✅ | +| [PWA Development](../../docs/zh-cn/stage-3/cross-platform/3.7-pwa/) | Build Progressive Web Apps with offline support | 🚧 | +| [Electron Desktop App Development](../../docs/zh-cn/stage-3/cross-platform/3.8-electron/) | Build cross-platform desktop applications | 🚧 | +| [VS Code Extension Development](../../docs/zh-cn/stage-3/cross-platform/3.9-vscode-extension/) | Develop VS Code extensions and plugins | 🚧 | +| [Qt Industrial Application Development](../../docs/zh-cn/stage-3/cross-platform/3.10-qt-industrial/) | Build industrial-grade desktop applications with Qt | 🚧 |
diff --git a/docs-readme/es-ES/README.md b/docs-readme/es-ES/README.md index de3f40e..3aa2633 100644 --- a/docs-readme/es-ES/README.md +++ b/docs-readme/es-ES/README.md @@ -112,15 +112,22 @@ Muchas personas, incluso con asistentes de IA, se desaniman por "no entender el Easy-Vibe te lleva de 0 a 1 a través de las siguientes etapas: +> Elige tu punto de partida según tu nivel: +> - **Sin conocimientos / Product Manager**: Comienza desde Stage 1 para desarrollar pensamiento de programación y dominar AI IDE para prototipado rápido +> - **Desarrollador**: Comienza desde Stage 2 para profundizar en desarrollo full-stack e integración de IA +> - **Desarrollador avanzado**: Salta directamente a Stage 3 para explorar Claude Code y desarrollo multiplataforma + | Etapa | Habilidades clave | Resultado | -| ------------ | -------------------------------- | ----------------------------------------- | -| **Etapa 1** | Introducción a la programación con IA, Pensamiento de producto, Diseño de prototipos | Minijuegos interactivos, Prototipos de aplicaciones Web (Principiantes & PM) | -| **Etapa 2** | Desarrollo Full-stack, Integración de IA, Bases de datos | Aplicación de IA Full-stack completa | -| **Etapa 3** | Claude Code avanzado, Desarrollo de Miniprogramas y Android | Aplicaciones multiplataforma de nivel de producción | -| **Apéndice** | Ayuda para entender conceptos básicos de Computación e IA | 9 dominios de conocimiento, más de 80 temas interactivos | +| :--- | :--- | :--- | +| **Stage 1** | Mapa de aprendizaje, Introducción a programación IA, AI IDE, Pensamiento de producto, Diseño de prototipos, Integración de capacidades IA | Minijuegos interactivos, Prototipos de producto completos | +| **Stage 2** | Desarrollo Full-stack, Bases de datos, Integración de IA, Despliegue y operaciones | Aplicaciones IA Full-stack listas para producción | +| **Stage 3** | Claude Code avanzado, Desarrollo multiplataforma | Aplicaciones multiplataforma de nivel de producción | +| **Apéndice** | Fundamentos de computación, Introducción a IA, 9 dominios de conocimiento | Más de 80 temas interactivos | ## 🔥 Noticias +- **[2026-03-02]** 🦞 **Soporte para OpenClaw y AI Agents**: Se agregó el archivo de navegación AI `llms.txt`, permitiendo que OpenClaw, Claude, Cursor, Trae y otros AI Agents comprendan rápidamente la estructura del repositorio y localicen con precisión el contenido del tutorial. ¡Esperamos que cada 🦞 disfrute aprendiendo! +- **[2026-03-01]** [Sección de desarrollo avanzado](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) actualizada integralmente: Se agregaron siete guías detalladas de Claude Code (MCP, Skills, Agent Teams, etc.) y ocho tutoriales de desarrollo multiplataforma (PWA, Electron, NFT, extensiones VS Code, aplicaciones industriales Qt, etc.). - **[2026-02-25]** Actualizada la [Base de conocimientos del apéndice](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/), que cubre 9 dominios de conocimiento y más de 80 temas interactivos. - **[2026-01-27]** Se agregaron tutoriales de desarrollo de aplicaciones para las plataformas Android e iOS. - **[2026-01-19]** Lanzamiento de una serie de componentes de demostración interactiva para Prompt Engineering, evolución de la IA, diseño de autenticación, principios de Git, etc. @@ -294,15 +301,30 @@ Easy-Vibe te lleva de 0 a 1 a través de las siguientes etapas:
III. Desarrollador avanzado +#### Habilidades básicas de Claude Code + | Capítulo | Contenido clave | Estado | -| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | -| [Avanzado 1: MCP & Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/) | Extensión de capacidades del IDE | 🚧 | -| [Avanzado 2: Tareas de larga duración](../../docs/zh-cn/stage-3/core-skills/3.2-long-running-tasks/) | Configuración de tareas de codificación estables | 🚧 | -| [Avanzado 3: WeChat Mini Program](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Ecosistema y lanzamiento de mini programas | ✅ | -| [Avanzado 4: Mini Program con Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Lógica de negocio completa en mini programas | 🚧 | -| [Avanzado 5: Android App Development](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Desarrollo unificado con Expo | ✅ | -| [Avanzado 6: iOS App Development](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Desarrollo unificado con Expo | ✅ | -| [Avanzado 7: Web personal y blog académico](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Construcción de marca personal en línea | 🚧 | +| :--- | :--- | :--- | +| [Inicio rápido con Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | Instalación, operaciones básicas, consejos prácticos y comandos comunes | ✅ | +| [Guía completa de Claude Code MCP](../../docs/zh-cn/stage-3/core-skills/mcp/) | Conectar Claude Code a GitHub, bases de datos, APIs vía MCP | ✅ | +| [Guía completa de Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/skills/) | Empaquetar conocimiento profesional en paquetes de habilidades reutilizables | ✅ | +| [Mejores prácticas de flujo de trabajo Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | Mejores prácticas para desarrollo diario, refactorización, revisión de código | ✅ | +| [Guía completa de Claude Agent Teams](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Colaboración de múltiples instancias de IA como un verdadero equipo de desarrollo | ✅ | +| [Claude Code Superpowers Desarrollo de ingeniería](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Escribir código de nivel de ingeniería siguiendo TDD y mejores prácticas | ✅ | +| [Cómo hacer que Claude Code trabaje por largos períodos](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Diseñar tareas de larga duración para trabajo continuo | ✅ | + +#### Desarrollo multiplataforma + +| Capítulo | Contenido clave | Estado | +| :--- | :--- | :--- | +| [Cómo construir WeChat Mini Program](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Ecosistema de mini programas, desde plantillas hasta lanzamiento | ✅ | +| [Cómo construir WeChat Mini Program con back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Integrar base de datos y lógica back-end en mini programas | ✅ | +| [Desarrollo de aplicaciones Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Desarrollo unificado Web/Nativo con Expo | ✅ | +| [Desarrollo de aplicaciones iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Desarrollo unificado Web/Nativo con Expo | ✅ | +| [Desarrollo PWA](../../docs/zh-cn/stage-3/cross-platform/3.7-pwa/) | Construir Progressive Web Apps con soporte offline | 🚧 | +| [Desarrollo de aplicaciones de escritorio Electron](../../docs/zh-cn/stage-3/cross-platform/3.8-electron/) | Construir aplicaciones de escritorio multiplataforma | 🚧 | +| [Desarrollo de extensiones VS Code](../../docs/zh-cn/stage-3/cross-platform/3.9-vscode-extension/) | Desarrollar extensiones y plugins para VS Code | 🚧 | +| [Desarrollo de aplicaciones industriales Qt](../../docs/zh-cn/stage-3/cross-platform/3.10-qt-industrial/) | Construir aplicaciones de escritorio de nivel industrial con Qt | 🚧 |
diff --git a/docs-readme/fr-FR/README.md b/docs-readme/fr-FR/README.md index 5b2314c..95eef35 100644 --- a/docs-readme/fr-FR/README.md +++ b/docs-readme/fr-FR/README.md @@ -68,10 +68,218 @@ À l'ère de l'IA, les personnes qui transforment les idées en produits sont souvent celles qui font le premier pas. **Easy-Vibe est né pour cela.** +Easy-Vibe vous guide de 0 à 1 à travers les étapes suivantes : + +> Choisissez votre point de départ selon votre niveau : +> - **Débutant / Product Manager** : Commencez par Stage 1 pour développer une pensée de programmation et maîtriser AI IDE pour le prototypage rapide +> - **Développeur** : Commencez par Stage 2 pour approfondir le développement full-stack et l'intégration IA +> - **Développeur avancé** : Passez directement à Stage 3 pour explorer Claude Code et le développement multiplateforme + | Étape | Compétences clés | Résultat | -| ------------ | -------------------------------- | ----------------------------------------- | -| **É tape 1** | Intro programmation IA, pensée produit | Mini-jeux, prototypes Web (Débutant & PM) | -| **Étape 2** | Développement Full-stack, IA, Bases de données | Application IA Full-stack complète | -| **Étape 3** | Claude Code avancé, Mobiles & Mini-progs | Applications multiplateformes niveau production | +| :--- | :--- | :--- | +| **Stage 1** | Carte d'apprentissage, Intro programmation IA, AI IDE, Pensée produit, Prototypage, Intégration capacités IA | Mini-jeux interactifs, Prototypes de produit complets | +| **Stage 2** | Développement Full-stack, Bases de données, Intégration IA, Déploiement et opérations | Applications IA Full-stack prêtes pour la production | +| **Stage 3** | Claude Code avancé, Développement multiplateforme | Applications multiplateformes de niveau production | +| **Annexe** | Fondamentaux informatique, Intro IA, 9 domaines de connaissance | Plus de 80 sujets interactifs | + +## 🔥 Nouvelles + +- **[2026-03-02]** 🦞 **Support OpenClaw & AI Agents** : Ajout du fichier de navigation AI `llms.txt`, permettant à OpenClaw, Claude, Cursor, Trae et autres AI Agents de comprendre rapidement la structure du dépôt et de localiser précisément le contenu du tutoriel. Nous espérons que chaque 🦞 appréciera l'apprentissage ! +- **[2026-03-01]** [Section développement avancé](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) mise à niveau complète : Ajout de sept guides détaillés Claude Code (MCP, Skills, Agent Teams, etc.) et huit tutoriels de développement multiplateforme (PWA, Electron, NFT, extensions VS Code, applications industrielles Qt, etc.). +- **[2026-02-25]** Mise à jour de la [Base de connaissances de l'annexe](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/), couvrant 9 domaines de connaissance et plus de 80 sujets interactifs. + +
+Past News + +- **[2026-01-16]** Restructuration du projet, établissement formel du chapitre "Introduction pour débutants", réduction des obstacles. +- **[2026-01-14]** Mise à jour massive du document Stage 1 "Construction de prototypes de produits". +- **[2026-01-13]** Reconstruction de l'architecture documentaire, support multilingue complet (i18n). +- **[2026-01-01]** Lancement de la carte d'apprentissage principale du projet. +
+ +### 📖 Navigation + +
+ Learning Map +
+ +### 📚 Base de connaissances de l'annexe + +> Covers **9 knowledge domains** and **80+ interactive topics** with animations and visual components to help you intuitively understand core concepts from computer fundamentals to AI frontiers. + + + + + + + +
+ 💻 Fondamentaux Informatiques

+ • Du transistor au CPU
+ • Systèmes d'exploitation
+ • Codage, stockage et transmission des données
+ • Réseaux : comment deux ordinateurs dialoguent
+ • Structures de données
+ • Introduction à la pensée algorithmique + 		+ 🔧 Outils de Développement

+ • Git : la machine à remonter le temps du code
+ • Ligne de commande et scripts Shell
+ • IDE et VS Code
+ • Outils de développement navigateur
+ • Gestionnaires de paquets + 		+ 💡 Programmation Web

+ • HTML & CSS
+ • JavaScript
+ • Manipulation du DOM
+ • Fetch API et programmation asynchrone
+ • Frameworks MV* (Vue/React) +
+ +### I. Entrée Zéro Base + +| Chapitre | Contenu clé | État | +| :----------------------------------------------------------------------------------------------- | :------------------------------------------------ | :--- | +| [Préface : Carte d'apprentissage](../../docs/zh-cn/stage-0/0.1-learning-map/index.md) | Navigation globale du parcours d'apprentissage | ✅ | +| [Niveau 1 : Ère de l'IA, Parler c'est programmer](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Expérimenter la programmation IA à travers des cas | ✅ | +| [Niveau 2 : Trouver de grandes idées](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | Apprendre à trouver et valider des idées produits | ✅ | +| [Niveau 3 : Introduction aux outils AI IDE](../../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Apprendre à utiliser l'IDE, créer des jeux localement | ✅ | +| [Niveau 4 : Construction de prototypes pratiques](../../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Des besoins aux prototypes mono/multipage | ✅ | +| [Niveau 5 : Ajouter des capacités IA aux prototypes](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Intégrer l'IA (texte, image, vidéo) | ✅ | +| [Niveau 6 : Pratique de projet complet](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Simuler des scénarios réels, itérer avec les retours | ✅ | + +#### Annexe : Pensée Commerciale + +| Chapitre | Contenu clé | État | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Annexe A : Pensée produit et conception de solutions](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Cadres de pensée pour créer des produits | ✅ | +| [Annexe B : Scènes d'application IA (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Applications IA dans différents secteurs | ✅ | +| [Annexe C : Inspiration scènes de consommation IA (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Explorer les applications IA grand public | ✅ | + +#### Annexe : Solutions Techniques + +| Chapitre | Contenu clé | État | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Annexe D : Que faire en cas d'erreur](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Erreurs courantes en vibe coding | ✅ | +| [Annexe E : Comparatif de 7 outils de programmation IA](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | Comparatif des plateformes IA | ✅ | +| [Annexe F : Conception de sites avec agents de design et programmation](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Collaboration multi-agents | ✅ | + +
+II. Développeur Intermédiaire + +#### Front-end + +| Chapitre | Contenu clé | État | +| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | +| [Front-end 0 : Assets avec Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | Générer en masse des assets visuels | 🚧 | +| [Front-end 1 : Introduction à Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | Organiser l'architecture de l'information et la structure des pages | 🚧 | +| [Front-end 2 : Construction du premier app moderne - UI Design](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | Workflow design-to-code avec composants | 🚧 | +| [Front-end 3 : Spécifications UI et design multi-produits](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | Design systématique multi-produits | 🚧 | +| [Front-end 4 : Portraits de Hogwarts ensemble](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | Créer une app front-end avec IA de 0 à 1 | ✅ | + +#### Back-end & Full-stack + +| Chapitre | Contenu clé | État | +| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- | +| [Back-end 1 : Qu'est-ce qu'une API](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | Comprendre HTTP et les modèles requête/réponse | ✅ | +| [Back-end 2 : De la base de données à Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | Implémenter DB et API sur Supabase | ✅ | +| [Back-end 3 : Code et documentation d'API assistés par IA](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | Générer docs et code d'API avec LLM | 🚧 | +| [Back-end 4 : Workflow Git](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | Contrôle de version et collaboration Git | ✅ | +| [Back-end 5 : Déploiement sur Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Déployer des applications sur Zeabur | ✅ | +| [Back-end 6 : Outils CLI modernes](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | Accélérer le développement avec CLI IA | ✅ | +| [Back-end 7 : Intégration de systèmes de paiement comme Stripe](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | Intégrer le paiement et le flux de règlement | 🚧 | +| [Projet 1 : Première application moderne - App Full-stack](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | Compléter une app Web full-stack production | 🚧 | +| [Projet 2 : Bibliothèque UI moderne + Pratique Trae](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | Produit indépendant avec auth et paiement | 🚧 | + +#### Annexe Capacité IA + +| Chapitre | Contenu clé | État | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [IA 1 : Introduction à Dify & Base de connaissances](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | Construire des produits utilitaires avec Dify & RAG | ✅ | +| [IA 2 : Dictionnaire IA & APIs multimodales](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | Rechercher modèles/APIs et intégrer le multimodal | 🚧 | + +
+ +
+III. Développeur Avancé + +#### Compétences Fondamentales Claude Code + +| Chapitre | Contenu clé | État | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Démarrage rapide Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | Installation, opérations de base, tips et commandes | ✅ | +| [Guide complet Claude Code MCP](../../docs/zh-cn/stage-3/core-skills/mcp/) | Connecter Claude Code à GitHub, DB, APIs via MCP | ✅ | +| [Guide complet Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/skills/) | Empaqueter les connaissances en skill packs réutilisables | ✅ | +| [Meilleures pratiques workflow Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | Meilleures pratiques pour dev quotidien, refactoring, code review | ✅ | +| [Guide complet Claude Agent Teams](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Collaboration multi-IA comme une vraie équipe de dev | ✅ | +| [Claude Code Superpowers Développement ingénierie](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Écrire du code de qualité professionnelle avec TDD et bonnes pratiques | ✅ | +| [Comment faire travailler Claude Code longtemps](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Concevoir des tâches de longue durée pour un travail continu | ✅ | + +#### Développement Multiplateforme + +| Chapitre | Contenu clé | État | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Comment construire un Mini Programme WeChat](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Écosystème mini programme, du template au lancement | ✅ | +| [Comment construire un Mini Programme WeChat avec Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Intégrer DB et logique back-end dans les mini programmes | ✅ | +| [Développement d'applications Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Développement Android unifié Web/Natif avec Expo | ✅ | +| [Développement d'applications iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Développement iOS unifié Web/Natif avec Expo | ✅ | +| [Comment construire un site personnel et blog académique](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Du choix tech au déploiement, construire une page personnelle | ✅ | +| [Développement PWA](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | Construire des Progressive Web Apps avec support offline | 🚧 | +| [Développement d'extension navigateur AI](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | Développer des extensions Chrome pour résumer des pages | 🚧 | +| [Développement d'application bureau Electron](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | Construire une app bureau reconnaissance vocale avec Electron | 🚧 | +| [Comment développer et créer un NFT rapidement](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | Écrire des smart contracts, déployer sur testnet Ethereum | 🚧 | +| [Développement d'extensions VS Code](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | Développer des extensions pour assistants de projet IA | 🚧 | +| [Développement d'applications industrielles Qt](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | Construire un système HMI de surveillance de pompe industrielle avec Qt | 🚧 | + +#### Annexe Capacité IA Avancée + +| Chapitre | Contenu clé | État | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [Qu'est-ce que le RAG et comment il fonctionne](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | Comprendre le RAG et les architectures courantes | ✅ | +| [RAG intermédiaire et orchestration de workflow : LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Concevoir des workflows multi-étapes et systèmes RAG avancés | 🚧 | + +
+ +## 🛠️ Comment apprendre + +- Choisissez les chapitres à lire et pratiquer selon votre niveau. N'hésitez pas à ouvrir une issue pour des questions. + +## 💻 Configuration locale + +### Approche moderne + +Dans un AI IDE (VS Code, Cursor, Trae, etc.), utilisez le prompt suivant : + +``` +Veuillez m'aider à exécuter le service local de ce projet. +``` + +### Approche traditionnelle + +1. npm install +2. npm run dev +3. Ouvrez `http://localhost:3000` dans votre navigateur. + +## 🤝 Contribuer + +- Si vous trouvez des problèmes ou avez des suggestions, veuillez ouvrir une Issue. +- Pour contribuer, veuillez soumettre une Pull Request. +- Si vous voulez démarrer un nouveau projet avec Datawhale, suivez le [Guide de projet open source Datawhale](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md). + +## 🙏 Remerciements + +- [Sanbu - Lead du projet](https://github.com/sanbuphy) (Membre Datawhale) +- Fang Ke - Advisor (Membre Datawhale, Université Tsinghua) +- [Yerim Kang](https://github.com/yerim25) (Projets pratiques - Université Tsinghua) +- Zhao Zhilin (Projets pratiques - Université Tsinghua) +- [Li Yixuan](https://yixuan20.github.io/) (Design visuel - Université Tsinghua) +- Liu Siyi (Projets pratiques - Université Tsinghua) +- Tous les beta-testeurs du groupe AI Vibe Coding 101 pour leurs retours. + +### Remerciements spéciaux + +- Merci à [@Sm1les](https://github.com/Sm1les) pour son support et son aide. +- Merci à tous les contributeurs et à tous ceux qui ont mis une étoile à ce projet ❤️ *(Voir les détails dans les autres langues ou le dépôt principal)* diff --git a/docs-readme/ja-JP/README.md b/docs-readme/ja-JP/README.md index a0a1fcc..358781a 100644 --- a/docs-readme/ja-JP/README.md +++ b/docs-readme/ja-JP/README.md @@ -112,15 +112,22 @@ AIアシスタントがいても、「コードが読めない」「環境構築 Easy-Vibeは以下の段階を経て、あなたを0から1へと導きます： +> あなたのレベルに応じて、異なるステージから始めることをお勧めします： +> - **ゼロベース / プロダクトマネージャー**：Stage 1 から始めて、プログラミング思考を身につけ、AI IDE でプロトタイプを素早く構築 +> - **開発者**：Stage 2 から始めて、フルスタック開発と AI 統合を深く学ぶ +> - **上級開発者**：Stage 3 に直接入り、Claude Code とマルチプラットフォーム開発を探求 + | ステージ | コアスキル | 成果物 | -| ------------ | -------------------------------- | ----------------------------------------- | -| **第一段階** | AIプログラミング入門、プロダクト思考、プロトタイプ設計 | インタラクティブゲーム、Webアプリのプロトタイプ (初心者 & PM) | -| **第二段階** | フルスタック開発、AI統合、データベース | 完全なフルスタックAIアプリケーション | -| **第三段階** | Claude Code活用、ミニプログラム・Android開発 | 本番級のマルチプラットフォームアプリケーション | -| **付録** | コンピュータとAIの基礎概念の理解を支援 | 9大知識領域、80以上のインタラクティブ特集 | +| :--- | :--- | :--- | +| **Stage 1** | 学習マップ、AIプログラミング入門、AI IDE、プロダクト思考、プロトタイプ設計、AI能力統合 | インタラクティブゲーム、完全な製品プロトタイプ | +| **Stage 2** | フルスタック開発、データベース、AI統合、デプロイ・運用 | 本番投入可能なフルスタックAIアプリケーション | +| **Stage 3** | Claude Code 上級、マルチプラットフォーム開発 | 本番級マルチプラットフォームアプリケーション | +| **付録** | コンピュータ基礎、AI入門、9大知識領域 | 80以上のインタラクティブ特集 | ## 🔥 News +- **[2026-03-02]** 🦞 **OpenClaw & AI Agent 対応強化**: `llms.txt` AI ナビゲーションファイルを追加。OpenClaw、Claude、Cursor、Trae などの AI Agent がリポジトリ構造を素早く理解し、チュートリアルコンテンツを正確に特定できるように。すべての🦞が楽しく学べることを願っています！ +- **[2026-03-01]** [上級開発セクション](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/)を全面的にアップグレード：Claude Code の7つの詳細ガイド（MCP、Skills、Agent Teams など）と8つのクロスプラットフォーム開発実践（PWA、Electron、NFT、VS Code 拡張機能、Qt 産業アプリなど）を追加。 - **[2026-02-25]** [付録知識ベース](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/)を更新。9大知識領域、80以上のインタラクティブ特集を網羅。 - **[2026-01-27]** AndroidおよびiOSプラットフォームのアプリ開発チュートリアルを追加。 - **[2026-01-19]** Prompt Engineering、AIの進化史、認証設計、Gitの原理などの一連のインタラクティブ・デモ・コンポーネントをリリース。 @@ -301,22 +308,30 @@ Easy-Vibeは以下の段階を経て、あなたを0から1へと導きます：
三、上級エンジニア -| 章 | 主要な内容 | 状態 | -| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | -| [上級一：MCPとClaude Code Skills](../../docs/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/) | MCPとSkillsによるIDE能力の拡張 | 🚧 | -| [上級二：Coding Toolsを長時間稼働させる方法](../../docs/zh-cn/stage-3/core-skills/3.2-long-running-tasks/) | 長時間実行されるタスクの設計と構成 | 🚧 | -| [上級三：マルチプラットフォーム開発：WeChatミニプログラムの構築](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | WeChatミニプログラムのエコシステムと開発フロー | ✅ | -| [上級四：マルチプラットフォーム開発：バックエンドを含むWeChatミニプログラム](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | ミニプログラムへのデータベースとバックエンドロジックの導入 | 🚧 | -| [上級五：マルチプラットフォーム開発：Androidアプリの構築](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Expoなどのツールを使用したAndroidアプリ開発 | ✅ | -| [上級六：マルチプラットフォーム開発：iOSアプリの構築](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Expoなどのツールを使用したiOSアプリ開発 | ✅ | -| [上級七：自分だけの個人ページと学術ブログの構築](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | 技術選定から構築、デプロイまでを網羅 | 🚧 | - -#### AI能力付録 +#### Claude Code コアスキル | 章 | 主要な内容 | 状態 | -| :-------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------ | :--- | -| [上級AI一：RAGとは何か、どのように動作するか](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future.md) | RAGの原理と一般的なアーキテクチャの体系的な理解 | ✅ | -| [上級AI二：中・上級RAGとワークフローオーケストレーション：LangGraphを例に](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | LangGraphを使用した複雑なワークフローと高度なRAGの設計 | 🚧 | +| :--- | :--- | :--- | +| [Claude Code クイックスタート](../../docs/zh-cn/stage-3/core-skills/basics/) | インストール、基本操作、実践的なヒントとよく使うコマンド | ✅ | +| [Claude Code MCP 完全ガイド](../../docs/zh-cn/stage-3/core-skills/mcp/) | MCPでClaude CodeをGitHub、データベース、APIなどの外部サービスに接続 | ✅ | +| [Claude Code Skills 完全ガイド](../../docs/zh-cn/stage-3/core-skills/skills/) | 専門知識を再利用可能なスキルパックにパッケージ化 | ✅ | +| [Claude Code ワークフローベストプラクティス](../../docs/zh-cn/stage-3/core-skills/workflow/) | 日常開発、リファクタリング、コードレビューなどのベストプラクティス | ✅ | +| [Claude Agent Teams 完全ガイド](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | 複数AIインスタンスの協調作業、本物の開発チームのように並行作業 | ✅ | +| [Claude Code Superpowers エンジニアリング開発](../../docs/zh-cn/stage-3/core-skills/superpowers/) | TDDとベストプラクティスに従ったエンジニアリンググレードのコードを書く | ✅ | +| [Claude Code を長時間稼働させる方法](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | 長時間実行タスクを設計し、完了まで継続的に動作させる | ✅ | + +#### マルチプラットフォーム開発 + +| 章 | 主要な内容 | 状態 | +| :--- | :--- | :--- | +| [WeChatミニプログラムの構築方法](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | WeChatミニプログラムのエコシステム、公式テンプレートからリリースまで | ✅ | +| [バックエンドを含むWeChatミニプログラムの構築方法](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | ミニプログラムへのデータベースとバックエンドロジックの導入 | ✅ | +| [Androidアプリ開発](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Expoなどのツールを使用したAndroidアプリ開発 | ✅ | +| [iOSアプリ開発](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Expoなどのツールを使用したiOSアプリ開発 | ✅ | +| [PWA開発](../../docs/zh-cn/stage-3/cross-platform/3.7-pwa/) | オフライン対応のプログレッシブWebアプリを構築 | 🚧 | +| [Electronデスクトップアプリ開発](../../docs/zh-cn/stage-3/cross-platform/3.8-electron/) | クロスプラットフォームデスクトップアプリケーションを構築 | 🚧 | +| [VS Code拡張機能開発](../../docs/zh-cn/stage-3/cross-platform/3.9-vscode-extension/) | VS Code拡張機能とプラグインを開発 | 🚧 | +| [Qt産業アプリケーション開発](../../docs/zh-cn/stage-3/cross-platform/3.10-qt-industrial/) | Qtを使用した産業グレードのデスクトップアプリケーションを構築 | 🚧 |
diff --git a/docs-readme/ko-KR/README.md b/docs-readme/ko-KR/README.md index 66d5576..9cafdc4 100644 --- a/docs-readme/ko-KR/README.md +++ b/docs-readme/ko-KR/README.md @@ -112,15 +112,22 @@ AI 어시스턴트가 있어도 "코드를 모르겠다", "환경 설정을 못 Easy-Vibe는 다음 단계들을 통해 당신을 0에서 1로 안내합니다: +> 당신의 수준에 따라 다른 단계에서 시작하는 것을 권장합니다: +> - **제로 베이스 / 제품 매니저**: Stage 1부터 시작하여 프로그래밍 사고를 기르고 AI IDE로 빠르게 프로토타입 구축 +> - **개발자**: Stage 2부터 시작하여 풀스택 개발과 AI 통합 심화 +> - **고급 개발자**: Stage 3으로 바로 들어가 Claude Code와 멀티 플랫폼 개발 탐구 + | 단계 | 핵심 기술 | 산출물 | -| ------------ | -------------------------------- | ----------------------------------------- | -| **1단계** | AI 프로그래밍 입문, 제품 사고, 프로토타입 설계 | 대화형 미니 게임, Web 앱 프로토타입 (초보자 & PM) | -| **2단계** | 풀스택 개발, AI 통합, 데이터베이스 | 완전한 풀스택 AI 애플리케이션 | -| **3단계** | Claude Code 심화, 미니 프로그램 및 안드로이드 개발 | 프로덕션급 멀티 플랫폼 애플리케이션 | -| **부록** | 컴퓨터 및 AI 기초 개념 이해 지원 | 9대 지식 영역, 80개 이상의 대화형 주제 | +| :--- | :--- | :--- | +| **Stage 1** | 학습 지도, AI 프로그래밍 입문, AI IDE, 제품 사고, 프로토타입 설계, AI 능력 통합 | 대화형 미니 게임, 완전한 제품 프로토타입 | +| **Stage 2** | 풀스택 개발, 데이터베이스, AI 통합, 배포 및 운영 | 프로덕션 준비 풀스택 AI 애플리케이션 | +| **Stage 3** | Claude Code 심화, 멀티 플랫폼 개발 | 프로덕션급 멀티 플랫폼 애플리케이션 | +| **부록** | 컴퓨터 기초, AI 입문, 9대 지식 영역 | 80개 이상의 대화형 주제 | ## 🔥 News +- **[2026-03-02]** 🦞 **OpenClaw & AI Agent 지원**: `llms.txt` AI 내비게이션 파일 추가. OpenClaw, Claude, Cursor, Trae 등 AI Agent가 저장소 구조를 빠르게 이해하고 튜토리얼 콘텐츠를 정확하게 찾을 수 있게 되었습니다. 모든 🦞가 즐겁게 학습하시길 바랍니다! +- **[2026-03-01]** [고급 개발 섹션](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) 전면 업그레이드: Claude Code 7개 상세 가이드(MCP, Skills, Agent Teams 등)와 8개 크로스 플랫폼 개발 튜토리얼(PWA, Electron, NFT, VS Code 확장, Qt 산업 앱 등) 추가. - **[2026-02-25]** [부록 지식 창고](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/) 업데이트. 9대 지식 영역, 80개 이상의 대화형 주제 포함. - **[2026-01-27]** 안드로이드 및 iOS 플랫폼 앱 개발 튜토리얼 추가. - **[2026-01-19]** Prompt Engineering, AI 진화사, 인증 설계, Git 원리 등 일련의 대화형 데모 컴포넌트 출시. @@ -301,22 +308,30 @@ Easy-Vibe는 다음 단계들을 통해 당신을 0에서 1로 안내합니다:
3단계: 고급 개발자 -| 장 | 핵심 내용 | 상태 | -| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | -| [고급 1: MCP 및 Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/) | IDE 능력 확장 및 도구 연동 | 🚧 | -| [고급 2: Coding Tools 장기 작업 환경 구축](../../docs/zh-cn/stage-3/core-skills/3.2-long-running-tasks/) | 안정적인 장기 작업 태스크 설계 | 🚧 | -| [고급 3: 위챗 미니 프로그램 개발](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | 미니 프로그램 생태계 및 배포 이해 | ✅ | -| [고급 4: 미니 프로그램 백엔드 연동](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | 복잡한 비즈니스 로직 연동 | 🚧 | -| [고급 5: 안드로이드 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Expo 기반 네이티브 앱 개발 | ✅ | -| [고급 6: iOS 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Expo 기반 iOS 앱 개발 | ✅ | -| [고급 7: 개인 웹사이트 및 학술 블로그 구축](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | 개인 브랜드 구축을 위한 블로그 제작 | 🚧 | - -#### AI 능력 부록 +#### Claude Code 핵심 스킬 | 장 | 핵심 내용 | 상태 | -| :-------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------ | :--- | -| [고급 AI 1: RAG의 이해와 작동 원리](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future.md) | RAG 아키텍처 및 원리 심화 이해 | ✅ | -| [고급 AI 2: LangGraph 기반 AI 워크플로우](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | 복잡한 AI 워크플로우 설계 | 🚧 | +| :--- | :--- | :--- | +| [Claude Code 퀵 스타트](../../docs/zh-cn/stage-3/core-skills/basics/) | 설치, 기본 조작, 실용 팁 및 자주 사용하는 명령어 | ✅ | +| [Claude Code MCP 완벽 가이드](../../docs/zh-cn/stage-3/core-skills/mcp/) | MCP로 Claude Code를 GitHub, 데이터베이스, API 등 외부 서비스에 연결 | ✅ | +| [Claude Code Skills 완벽 가이드](../../docs/zh-cn/stage-3/core-skills/skills/) | 전문 지식을 재사용 가능한 스킬 팩으로 패키징 | ✅ | +| [Claude Code 워크플로우 모범 사례](../../docs/zh-cn/stage-3/core-skills/workflow/) | 일상 개발, 리팩토링, 코드 리뷰 등 모범 사례 | ✅ | +| [Claude Agent Teams 완벽 가이드](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | 여러 AI 인스턴스가 실제 개발 팀처럼 병렬 협업 | ✅ | +| [Claude Code Superpowers 엔지니어링 개발](../../docs/zh-cn/stage-3/core-skills/superpowers/) | TDD와 모범 사례를 따르는 엔지니어링급 코드 작성 | ✅ | +| [Claude Code 장시간 작동 방법](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | 장기 실행 작업 설계, 완료까지 지속적으로 작동 | ✅ | + +#### 멀티 플랫폼 개발 + +| 장 | 핵심 내용 | 상태 | +| :--- | :--- | :--- | +| [위챗 미니 프로그램 구축 방법](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | 미니 프로그램 생태계, 공식 템플릿부터 출시까지 | ✅ | +| [백엔드 포함 위챗 미니 프로그램 구축 방법](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | 미니 프로그램에 데이터베이스와 백엔드 로직 통합 | ✅ | +| [안드로이드 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Expo 등 도구로 Web/네이티브 통합 안드로이드 앱 개발 | ✅ | +| [iOS 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Expo 등 도구로 Web/네이티브 통합 iOS 앱 개발 | ✅ | +| [PWA 개발](../../docs/zh-cn/stage-3/cross-platform/3.7-pwa/) | 오프라인 지원 프로그레시브 웹 앱 구축 | 🚧 | +| [Electron 데스크톱 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.8-electron/) | 크로스 플랫폼 데스크톱 애플리케이션 구축 | 🚧 | +| [VS Code 확장 개발](../../docs/zh-cn/stage-3/cross-platform/3.9-vscode-extension/) | VS Code 확장 및 플러그인 개발 | 🚧 | +| [Qt 산업 앱 개발](../../docs/zh-cn/stage-3/cross-platform/3.10-qt-industrial/) | Qt로 산업급 데스크톱 애플리케이션 구축 | 🚧 |
diff --git a/docs-readme/vi-VN/README.md b/docs-readme/vi-VN/README.md index 5e20abb..88be80e 100644 --- a/docs-readme/vi-VN/README.md +++ b/docs-readme/vi-VN/README.md @@ -73,13 +73,216 @@ Trong thời đại AI, những người biến ý tưởng thành sản phẩm --- -Easy-Vibe dẫn dắt bạn từ 0 đến 1 qua ba giai đoạn: +Easy-Vibe dẫn dắt bạn từ 0 đến 1 qua các giai đoạn sau: + +> Chọn điểm xuất phát theo trình độ của bạn: +> - **Người mới / Product Manager**: Bắt đầu từ Stage 1 để xây dựng tư duy lập trình và thành thạo AI IDE tạo prototype nhanh +> - **Lập trình viên**: Bắt đầu từ Stage 2 để đi sâu vào phát triển full-stack và tích hợp AI +> - **Lập trình viên nâng cao**: Đi thẳng vào Stage 3 để khám phá Claude Code và phát triển đa nền tảng | Giai đoạn | Kỹ năng cốt lõi | Sản phẩm đầu ra | -| ------------ | -------------------------------- | ----------------------------------------- | -| **Giai đoạn 1** | Nhập môn lập trình AI, Tư duy sản phẩm, Thiết kế Prototype | Trò chơi nhỏ tương tác, Prototype Web (Người mới & PM) | -| **Giai đoạn 2** | Phát triển Full-stack, Tích hợp AI, Cơ sở dữ liệu | Ứng dụng AI Full-stack hoàn chỉnh | -| **Giai đoạn 3** | Kỹ thuật Claude Code nâng cao, Mobile & Mini-app | Ứng dụng đa nền tảng cấp sản xuất | -| **Phụ lục** | Hiểu các khái niệm cơ bản về Máy tính & AI | 9 lĩnh vực kiến thức, hơn 80 chuyên đề tương tác | +| :--- | :--- | :--- | +| **Stage 1** | Bản đồ học tập, Nhập môn lập trình AI, AI IDE, Tư duy sản phẩm, Thiết kế prototype, Tích hợp năng lực AI | Trò chơi tương tác, Prototype sản phẩm hoàn chỉnh | +| **Stage 2** | Phát triển Full-stack, Cơ sở dữ liệu, Tích hợp AI, Triển khai và vận hành | Ứng dụng AI Full-stack sẵn sàng sản xuất | +| **Stage 3** | Claude Code nâng cao, Phát triển đa nền tảng | Ứng dụng đa nền tảng cấp sản xuất | +| **Phụ lục** | Cơ sở máy tính, Nhập môn AI, 9 lĩnh vực kiến thức | Hơn 80 chuyên đề tương tác | + +## 🔥 Tin tức + +- **[2026-03-02]** 🦞 **Hỗ trợ OpenClaw & AI Agents**: Đã thêm file điều hướng AI `llms.txt`, cho phép OpenClaw, Claude, Cursor, Trae và các AI Agents khác nhanh chóng hiểu cấu trúc repository và định vị chính xác nội dung hướng dẫn. Chúc mỗi 🦞 có trải nghiệm học tập thú vị! +- **[2026-03-01]** [Phần phát triển nâng cao](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/) đã được nâng cấp toàn diện: Thêm bảy hướng dẫn chi tiết về Claude Code (MCP, Skills, Agent Teams, v.v.) và tám bài học phát triển đa nền tảng (PWA, Electron, NFT, tiện ích VS Code, ứng dụng công nghiệp Qt, v.v.). +- **[2026-02-25]** Đã cập nhật [Cơ sở kiến thức phụ lục](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/), bao gồm 9 lĩnh vực kiến thức và hơn 80 chuyên đề tương tác. + +
+Tin tức trước đó + +- **[2026-01-16]** Tái cấu trúc dự án, chính thức thành lập chương "Giới thiệu cho người mới bắt đầu", giảm rào cản. +- **[2026-01-14]** Cập nhật toàn diện tài liệu Stage 1 "Xây dựng prototype sản phẩm". +- **[2026-01-13]** Hoàn thành xây dựng lại kiến trúc tài liệu, hỗ trợ đa ngôn ngữ đầy đủ (i18n). +- **[2026-01-01]** Ra mắt bản đồ học tập chính của dự án. +
+ +### 📖 Điều hướng + +
+ Learning Map +
+ +### 📚 Cơ sở kiến thức phụ lục + + + + + + + +
+ 💻 Cơ sở máy tính

+ • Từ Transistor đến CPU
+ • Hệ điều hành
+ • Mã hóa, lưu trữ và truyền dữ liệu
+ • Mạng máy tính: Hai máy nói chuyện như thế nào
+ • Cấu trúc dữ liệu
+ • Giới thiệu về tư duy thuật toán + 		+ 🔧 Công cụ phát triển

+ • Git: Máy thời gian của code
+ • Dòng lệnh và Shell scripts
+ • IDE và VS Code
+ • Công cụ phát triển trình duyệt
+ • Quản lý packages + 		+ 💡 Lập trình Web

+ • HTML & CSS
+ • JavaScript
+ • Thao tác DOM
+ • Fetch API và lập trình bất đồng bộ
+ • Frameworks (Vue/React) +
+ +### I. Khởi đầu từ số khô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) | Điều hướng lộ trình học tập tổng thể | ✅ | +| [Cấp 1: Kỷ nguyên AI, Nói là lập trình](../../docs/zh-cn/stage-0/0.2-ai-capabilities-through-games/index.md) | Trải nghiệm lập trình AI qua các ví dụ | ✅ | +| [Cấp 2: Tìm kiếm ý tưởng tuyệt vời](../../docs/zh-cn/stage-1/1.0-finding-great-idea/index.md) | Học cách tìm và xác thực ý tưởng sản phẩm | ✅ | +| [Cấp 3: Giới thiệu AI IDE Tools](../../docs/zh-cn/stage-1/1.1-introduction-to-ai-ide/index.md) | Học cách sử dụng IDE, tạo game cục bộ | ✅ | +| [Cấp 4: Xây dựng Prototype thực hành](../../docs/zh-cn/stage-1/1.2-building-prototype/index.md) | Từ phân tích nhu cầu đến prototype | ✅ | +| [Cấp 5: Thêm khả năng AI vào Prototype](../../docs/zh-cn/stage-1/1.3-integrating-ai-capabilities/index.md) | Học cách tích hợp AI (text, image, video) | ✅ | +| [Cấp 6: Thực hành dự án hoàn chỉnh](../../docs/zh-cn/stage-1/1.4-complete-project-practice/index.md) | Mô phỏng kịch bản thực, lặp lại với phản hồi | ✅ | + +#### Phụ lục: Tư duy kinh doanh + +| Chương | Nội dung chính | Trạng thái | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Phụ lục A: Tư duy sản phẩm và thiết kế giải pháp](../../docs/zh-cn/stage-1/appendix-a-product-thinking/index.md) | Khung tư duy khi tạo sản phẩm | ✅ | +| [Phụ lục B: Các kịch bản ứng dụng AI (B2B)](../../docs/zh-cn/stage-1/appendix-industry-scenarios/index.md) | Ứng dụng AI trong các ngành công nghiệp khác nhau | ✅ | +| [Phụ lục C: Cảm hứng kịch bản người tiêu dùng AI (B2C)](../../docs/zh-cn/stage-1/appendix-c-consumer-scenarios/index.md) | Khám phá ứng dụng AI trong sản phẩm người tiêu dùng | ✅ | + +#### Phụ lục: Giải pháp kỹ thuật + +| Chương | Nội dung chính | Trạng thái | +| :----------------------------------------------------------------------------------------- | :----------------------------------------- | :--- | +| [Phụ lục D: Khi gặp lỗi phải làm gì](../../docs/zh-cn/stage-1/appendix-b-common-errors/index.md) | Lỗi phổ biến trong vibe coding | ✅ | +| [Phụ lục E: So sánh 7 công cụ lập trình AI](../../docs/zh-cn/stage-1/appendix-articles/example0-1/vibe-coding-tools-snake-game-tutorial.md) | So sánh các nền tảng AI chính | ✅ | +| [Phụ lục F: Thiết kế trang web với agents thiết kế và lập trình](../../docs/zh-cn/stage-1/appendix-articles/example0-2/vibe-coding-tools-build-website-with-ai-coding-and-design-agents.md) | Hợp tác đa agent | ✅ | + +
+II. Lập trình viên trung cấp + +#### Front-end + +| Chương | Nội dung chính | Trạng thái | +| :------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------- | :--- | +| [Front-end 0: Assets với Lovart](../../docs/zh-cn/stage-2/frontend/2.0-lovart-assets/) | Tạo tài sản hình ảnh số lượng lớn | 🚧 | +| [Front-end 1: Giới thiệu Figma & MasterGo](../../docs/zh-cn/stage-2/frontend/2.1-figma-mastergo/) | Tổ chức kiến trúc thông tin và cấu trúc trang | 🚧 | +| [Front-end 2: Xây dựng ứng dụng hiện đại đầu tiên - UI Design](../../docs/zh-cn/stage-2/frontend/2.2-ui-design/) | Quy trình thiết kế đến code với components | 🚧 | +| [Front-end 3: UI Design Specs & Multi-product UI](../../docs/zh-cn/stage-2/frontend/2.3-multi-product-ui/) | Thiết kế hệ thống đa sản phẩm | 🚧 | +| [Front-end 4: Hogwarts Portraits cùng nhau](../../docs/zh-cn/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits.md) | Xây dựng ứng dụng front-end với AI từ đầu | ✅ | + +#### Back-end & Full-stack + +| Chương | Nội dung chính | Trạng thái | +| :-------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------ | :--- | +| [Back-end 1: API là gì](../../docs/zh-cn/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api.md) | Hiểu HTTP và mô hình request/response | ✅ | +| [Back-end 2: Từ Database đến Supabase](../../docs/zh-cn/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase.md) | Triển khai DB và API trên Supabase | ✅ | +| [Back-end 3: Sinh mã và tài liệu API với AI](../../docs/zh-cn/stage-2/backend/2.3-ai-interface-code/) | Tạo tài liệu và mã với AI | 🚧 | +| [Back-end 4: Git Workflow](../../docs/zh-cn/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github.md) | Quản lý phiên bản và cộng tác Git | ✅ | +| [Back-end 5: Triển khai trên Zeabur](../../docs/zh-cn/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications.md) | Triển khai ứng dụng lên Zeabur | ✅ | +| [Back-end 6: Công cụ CLI hiện đại](../../docs/zh-cn/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development.md) | Tăng tốc phát triển với CLI AI | ✅ | +| [Back-end 7: Tích hợp hệ thống thanh toán như Stripe](../../docs/zh-cn/stage-2/backend/2.7-stripe-payment/) | Tích hợp thanh toán và thanh toán | 🚧 | +| [Dự án 1: Ứng dụng hiện đại đầu tiên - App Full-stack](../../docs/zh-cn/stage-2/assignments/2.1-fullstack-app/) | Hoàn thành ứng dụng web full-stack | 🚧 | +| [Dự án 2: Thư viện UI hiện đại + Thực hành Trae](../../docs/zh-cn/stage-2/assignments/2.2-modern-frontend-trae/) | Sản phẩm độc lập với auth và thanh toán | 🚧 | + +#### Phụ lục Năng lực AI + +| Chương | Nội dung chính | Trạng thái | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [AI 1: Giới thiệu Dify & Tích hợp Knowledge Base](../../docs/zh-cn/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration.md) | Xây dựng sản phẩm tiện ích với Dify & RAG | ✅ | +| [AI 2: Từ điển AI & APIs đa phương thức](../../docs/zh-cn/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook.md) | Tìm kiếm models/APIs và tích hợp đa phương thức | 🚧 | + +
+ +
+III. Lập trình viên nâng cao + +#### Kỹ năng cốt lõi Claude Code + +| Chương | Nội dung chính | Trạng thái | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Khởi đầu nhanh Claude Code](../../docs/zh-cn/stage-3/core-skills/basics/) | Cài đặt, thao tác cơ bản, tips và commands | ✅ | +| [Hướng dẫn đầy đủ Claude Code MCP](../../docs/zh-cn/stage-3/core-skills/mcp/) | Kết nối Claude Code với GitHub, DB, APIs qua MCP | ✅ | +| [Hướng dẫn đầy đủ Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/skills/) | Đóng gói kiến thức thành skill packs có thể tái sử dụng | ✅ | +| [Best practices workflow Claude Code](../../docs/zh-cn/stage-3/core-skills/workflow/) | Best practices cho dev hàng ngày, refactoring, code review | ✅ | +| [Hướng dẫn đầy đủ Claude Agent Teams](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | Cộng tác đa AI như một đội dev thực sự | ✅ | +| [Claude Code Superpowers phát triển engineering](../../docs/zh-cn/stage-3/core-skills/superpowers/) | Viết code chất lượng engineering với TDD | ✅ | +| [Làm thế nào để Claude Code chạy lâu](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | Thiết kế nhiệm vụ dài hạn cho công việc liên tục | ✅ | + +#### Phát triển đa nền tảng + +| Chương | Nội dung chính | Trạng thái | +| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | +| [Cách xây dựng Mini Program WeChat](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | Hệ sinh thái mini program, từ template đến ra mắt | ✅ | +| [Cách xây dựng Mini Program WeChat với Back-end](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | Tích hợp DB và logic back-end | ✅ | +| [Phát triển ứng dụng Android](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | Phát triển Android thống nhất Web/Native với Expo | ✅ | +| [Phát triển ứng dụng iOS](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | Phát triển iOS thống nhất Web/Native với Expo | ✅ | +| [Cách xây dựng website cá nhân và blog học thuật](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | Từ chọn tech đến deploy, xây dựng trang cá nhân | ✅ | +| [Phát triển PWA](../../docs/zh-cn/stage-3/cross-platform/3.8-pwa-local-app/) | Xây dựng Progressive Web Apps với hỗ trợ offline | 🚧 | +| [Phát triển AI browser extension](../../docs/zh-cn/stage-3/cross-platform/3.9-browser-ai-extension/) | Phát triển Chrome extensions để tóm tắt trang | 🚧 | +| [Phát triển ứng dụng Electron desktop](../../docs/zh-cn/stage-3/cross-platform/3.10-electron-voice-to-text/) | Xây dựng ứng dụng desktop nhận dạng giọng nói | 🚧 | +| [Cách phát triển và đúc NFT nhanh](../../docs/zh-cn/stage-3/cross-platform/3.11-nft-minting/) | Viết smart contracts, deploy lên testnet Ethereum | 🚧 | +| [Phát triển VS Code extensions](../../docs/zh-cn/stage-3/cross-platform/3.12-vscode-extension/) | Phát triển extensions cho AI project assistants | 🚧 | +| [Phát triển ứng dụng Qt công nghiệp](../../docs/zh-cn/stage-3/cross-platform/3.13-qt-industrial-hmi/) | Xây dựng HMI giám sát bơm công nghiệp với Qt | 🚧 | + +#### Phụ lục Năng lực AI nâng cao + +| Chương | Nội dung chính | Trạng thái | +| :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------------- | :--- | +| [RAG là gì và hoạt động như thế nào](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/) | Hiểu RAG và các kiến trúc phổ biến | ✅ | +| [RAG trung cấp và điều phối workflow: LangGraph](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | Thiết kế workflow đa bước và hệ thống RAG nâng cao | 🚧 | + +
+ +## 🛠️ Cách học + +- Chọn các chương để đọc và thực hành theo cấp độ của bạn. Đừng ngần ngại mở issue để hỏi câu hỏi. + +## 💻 Thiết lập cục bộ + +### Cách hiện đại + +Trong AI IDE (VS Code, Cursor, Trae, v.v.), sử dụng prompt sau: + +``` +Vui lòng giúp tôi chạy dịch vụ cục bộ của dự án này. +``` + +### Cách truyền thống + +1. npm install +2. npm run dev +3. Mở `http://localhost:3000` trong trình duyệt của bạn. + +## 🤝 Đóng góp + +- Nếu bạn gặp vấn đề hoặc có đề xuất, vui lòng mở Issue. +- Để đóng góp, vui lòng gửi Pull Request. +- Nếu bạn muốn bắt đầu dự án mới với Datawhale, hãy làm theo [Hướng dẫn dự án mã nguồn mở Datawhale](https://github.com/datawhalechina/DOPMC/blob/main/GUIDE.md). + +## 🙏 Cảm ơn + +- [Sanbu - Trưởng nhóm dự án](https://github.com/sanbuphy) (Thành viên Datawhale) +- Fang Ke - Cố vấn (Thành viên Datawhale, Đại học Thanh Hoa) +- [Yerim Kang](https://github.com/yerim25) (Dự án thực hành - Đại học Thanh Hoa) +- Zhao Zhilin (Dự án thực hành - Đại học Thanh Hoa) +- [Li Yixuan](https://yixuan20.github.io/) (Thiết kế thị giác - Đại học Thanh Hoa) +- Liu Siyi (Dự án thực hành - Đại học Thanh Hoa) +- Tất cả beta testers trong nhóm AI Vibe Coding 101 đã đóng góp ý kiến. + +### Cảm ơn đặc biệt + +- Cảm ơn [@Sm1les](https://github.com/Sm1les) đã hỗ trợ và giúp đỡ. +- Cảm ơn tất cả những người đóng góp và tất cả những người đã thêm sao vào dự án này ❤️ *(Xem chi tiết trong tài liệu trực tuyến hoặc repo chính)* diff --git a/docs-readme/zh-TW/README.md b/docs-readme/zh-TW/README.md index 308c266..46a5a4d 100644 --- a/docs-readme/zh-TW/README.md +++ b/docs-readme/zh-TW/README.md @@ -112,15 +112,22 @@ Easy-Vibe 通過以下幾個階段，帶你從 0 到 1： -| 階段 | 核心技能 | 產出 | -| ------------ | -------------------------------- | ----------------------------------------- | -| **第一階段** | AI 編程入門、產品思維、原型設計 | 互動小遊戲、Web 應用原型（新手入門 & PM） | -| **第二階段** | 全棧開發、AI 集成、數據庫 | 完整的全棧 AI 應用 | -| **第三階段** | claude code 進階、小程序安卓開發 | 生產級多平台應用 | -| **附錄** | 幫你理解計算機、人工智能基礎概念 | 9 大知識領域、80+ 交互式專題 | +> 根據你的基礎水平，推薦從不同階段開始： +> - **零基礎/產品經理**：從 Stage 1 開始，建立編程思維，掌握 AI IDE 快速構建產品原型 +> - **開發者**：從 Stage 2 開始，深入全棧開發和 AI 集成 +> - **進階開發者**：直接進入 Stage 3，探索 Claude Code 和多平台開發 + +| 階段 | 核心技能 | 產出 | +| :--- | :--- | :--- | +| **Stage 1** | 學習地圖、AI 編程入門、AI IDE、產品思維、原型設計、AI 能力集成 | 互動小遊戲、完整的產品原型 | +| **Stage 2** | 全棧開發、數據庫、AI 集成、部署運維 | 可上線的全棧 AI 應用 | +| **Stage 3** | Claude Code 進階、多平台開發 | 生產級多平台應用 | +| **附錄** | 計算機基礎、AI 入門、9 大知識領域 | 80+ 交互式專題 | ## 🔥 News +- **[2026-03-02]** 🦞 **OpenClaw & AI Agent 友好支持**：新增 `llms.txt` AI 導航文件，讓 OpenClaw、Claude、Cursor、Trae 等 AI Agent 能夠快速理解本倉庫結構，精準定位教程內容。希望每個🦞都學得愉快！ +- **[2026-03-01]** [高級開發部分](https://datawhalechina.github.io/easy-vibe/zh-cn/stage-3/)全面升級：新增 Claude Code 七大深度指南（MCP、Skills、Agent Teams 等）及八大跨平台開發實戰（PWA、Electron、NFT、VS Code 插件、Qt 工業應用等）。 - **[2026-02-25]** 更新[附錄知識庫](https://datawhalechina.github.io/easy-vibe/zh-cn/appendix/)，涵蓋 9 大知識領域、80+ 交互式專題。 - **[2026-01-27]** 新增 Android 和 iOS 平台應用開發教程。 - **[2026-01-19]** 發佈 Prompt Engineering、AI 演進史、鑑權設計、Git 原理等一系列交互式演示組件，大幅提升可視化學習體驗。 @@ -301,22 +308,30 @@ Easy-Vibe 通過以下幾個階段，帶你從 0 到 1：
三、高級開發工程師 -| 章節 | 關鍵內容 | 狀態 | -| :------------------------------------------------------------------------------------------------------------------- | :----------------------------------------------------------- | :--- | -| [高級一：MCP 與 Claude Code Skills](../../docs/zh-cn/stage-3/core-skills/3.1-mcp-claude-code-skills/) | 通過 MCP 與 Skills 擴展 IDE 能力，把外部服務接成工具 | 🚧 | -| [高級二：如何讓 Coding Tools 長時間工作](../../docs/zh-cn/stage-3/core-skills/3.2-long-running-tasks/) | 設計和配置長時間運行的任務，讓 Coding Tools 更穩定可靠 | 🚧 | -| [高級三：多平台開發：如何構建微信小程序](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | 了解微信小程序生態，從官方模板到上線完成一個前端小程序 | ✅ | -| [高級四：多平台開發：如何構建微信小程序-包含後端](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | 在小程序中接入數據庫與後端邏輯，打通完整業務閉環 | 🚧 | -| [高級五：多平台開發：如何構建安卓程序](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | 使用 Expo 等工具，完成 Web/原生一體化的安卓應用開發 | ✅ | -| [高級六：多平台開發：如何構建 iOS 程序](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | 使用 Expo 等工具，完成 Web/原生一體化的 iOS 應用開發 | ✅ | -| [高級七：如何構建屬於自己的個人網頁與學術博客](../../docs/zh-cn/stage-3/personal-brand/3.7-personal-website-blog/) | 從選型、搭建到部署，構建展示個人項目與學術成果的長久在線主頁 | 🚧 | +#### Claude Code 核心技能 -#### AI 能力附錄 +| 章節 | 關鍵內容 | 狀態 | +| :--- | :--- | :--- | +| [Claude Code 快速上手](../../docs/zh-cn/stage-3/core-skills/basics/) | 安裝配置、基礎操作、實用技巧和常用指令 | ✅ | +| [Claude Code MCP 完全指南](../../docs/zh-cn/stage-3/core-skills/mcp/) | 通過 MCP 讓 Claude Code 連接 GitHub、數據庫、API 等外部服務 | ✅ | +| [Claude Code Skills 完全指南](../../docs/zh-cn/stage-3/core-skills/skills/) | 將專業知識打包成可復用技能包，一次配置反覆使用 | ✅ | +| [Claude Code 工作流最佳實踐](../../docs/zh-cn/stage-3/core-skills/workflow/) | 日常開發、代碼重構、Code Review 等場景的最佳實踐 | ✅ | +| [Claude Agent Teams 完全指南](../../docs/zh-cn/stage-3/core-skills/agent-teams/) | 多 AI 實例協同工作，像真正的開發團隊一樣並行協作 | ✅ | +| [Claude Code Superpowers 工程級開發](../../docs/zh-cn/stage-3/core-skills/superpowers/) | 讓 AI 寫出工程級代碼，遵循 TDD 和最佳實踐 | ✅ | +| [如何讓 Claude Code 長時間工作](../../docs/zh-cn/stage-3/core-skills/long-running-tasks/) | 設計長時間運行的任務，讓 Coding Tools 持續工作直到完成 | ✅ | -| 章節 | 關鍵內容 | 狀態 | -| :-------------------------------------------------------------------------------------------------------------------------------------------------- | :------------------------------------------------------ | :--- | -| [高級 AI 一：什麼是 RAG 以及它如何工作](../../docs/zh-cn/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future.md) | 系統理解 RAG 原理與常見架構，為複雜應用提供知識檢索基礎 | ✅ | -| [高級 AI 二：中高級 RAG 與工作流編排：以 LangGraph 為例](../../docs/zh-cn/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/) | 使用 LangGraph 等工具設計多步工作流與中高級 RAG 系統 | 🚧 | +#### 多平台開發 + +| 章節 | 關鍵內容 | 狀態 | +| :--- | :--- | :--- | +| [如何構建微信小程序](../../docs/zh-cn/stage-3/cross-platform/3.3-wechat-miniprogram/) | 了解微信小程序生態，從官方模板到上線完成一個前端小程序 | ✅ | +| [如何構建微信小程序-包含後端](../../docs/zh-cn/stage-3/cross-platform/3.4-wechat-miniprogram-backend/) | 在小程序中接入數據庫與後端邏輯，打通完整業務閉環 | ✅ | +| [Android 應用開發](../../docs/zh-cn/stage-3/cross-platform/3.5-android-app/) | 使用 Expo 等工具，完成 Web/原生一體化的安卓應用開發 | ✅ | +| [iOS 應用開發](../../docs/zh-cn/stage-3/cross-platform/3.6-ios-app/) | 使用 Expo 等工具，完成 Web/原生一體化的 iOS 應用開發 | ✅ | +| [PWA 開發](../../docs/zh-cn/stage-3/cross-platform/3.7-pwa/) | 構建漸進式 Web 應用，支持離線訪問 | 🚧 | +| [Electron 桌面應用開發](../../docs/zh-cn/stage-3/cross-platform/3.8-electron/) | 構建跨平台桌面應用程序 | 🚧 | +| [VS Code 插件開發](../../docs/zh-cn/stage-3/cross-platform/3.9-vscode-extension/) | 開發 VS Code 擴展和插件 | 🚧 | +| [Qt 工業應用開發](../../docs/zh-cn/stage-3/cross-platform/3.10-qt-industrial/) | 使用 Qt 構建工業級桌面應用程序 | 🚧 |