feat: refactor landing pages with ArticleGrid component and fix navigation
This commit is contained in:
sanbuphy
@@ -0,0 +1,42 @@
|
||||
# Appendix
|
||||
|
||||
Knowledge base for AI, Frontend, Backend, and General Skills.
|
||||
|
||||
## Content Overview
|
||||
|
||||
### AI Basics
|
||||
- [Prompt Engineering](/fr-fr/appendix/prompt-engineering)
|
||||
- [AI Evolution](/fr-fr/appendix/ai-evolution)
|
||||
- [LLM Introduction](/fr-fr/appendix/llm-intro)
|
||||
- [VLM Introduction](/fr-fr/appendix/vlm-intro)
|
||||
- [AI Image Generation](/fr-fr/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/fr-fr/appendix/audio-intro)
|
||||
- [Context Engineering](/fr-fr/appendix/context-engineering)
|
||||
- [AI Agents](/fr-fr/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/fr-fr/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/fr-fr/appendix/web-basics)
|
||||
- [Frontend Evolution](/fr-fr/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/fr-fr/appendix/frontend-performance)
|
||||
- [Canvas 2D](/fr-fr/appendix/canvas-intro)
|
||||
- [URL to Browser](/fr-fr/appendix/url-to-browser)
|
||||
- [Browser DevTools](/fr-fr/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/fr-fr/appendix/backend-evolution)
|
||||
- [Backend Languages](/fr-fr/appendix/backend-languages)
|
||||
- [Database Principles](/fr-fr/appendix/database-intro)
|
||||
- [Cache Design](/fr-fr/appendix/cache-design)
|
||||
- [Message Queues](/fr-fr/appendix/queue-design)
|
||||
- [Authentication](/fr-fr/appendix/auth-design)
|
||||
- [Tracking Design](/fr-fr/appendix/tracking-design)
|
||||
- [Operations](/fr-fr/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/fr-fr/appendix/api-intro)
|
||||
- [IDE Introduction](/fr-fr/appendix/ide-intro)
|
||||
- [Terminal Introduction](/fr-fr/appendix/terminal-intro)
|
||||
- [Git Introduction](/fr-fr/appendix/git-intro)
|
||||
- [Computer Networks](/fr-fr/appendix/computer-networks)
|
||||
- [Deployment](/fr-fr/appendix/deployment)
|
||||
@@ -0,0 +1,19 @@
|
||||
# AI Product Manager
|
||||
|
||||
Welcome to the AI Product Manager stage. Here, you will start from scratch and master the Vibe Coding workflow to become a super individual capable of independent product design.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Getting Started
|
||||
Suitable for product, operations, and non-technical backgrounds. Understand AI programming logic through games and build confidence.
|
||||
|
||||
- [1. Learning Map](/fr-fr/stage-0/0.1-learning-map/)
|
||||
- [2. If you can speak, you can code](/fr-fr/stage-0/0.2-ai-capabilities-through-games/)
|
||||
|
||||
### Product Manager
|
||||
Master the Vibe Coding workflow. Learn to break down requirements and independently complete high-fidelity web application prototypes.
|
||||
|
||||
- [1. Introduction to AI IDE](/fr-fr/stage-1/1.1-introduction-to-ai-ide/)
|
||||
- [2. Building a Prototype](/fr-fr/stage-1/1.2-building-prototype/)
|
||||
- [3. Integrating AI Capabilities](/fr-fr/stage-1/1.3-integrating-ai-capabilities/)
|
||||
- [4. Complete Project Practice](/fr-fr/stage-1/1.4-complete-project-practice/)
|
||||
@@ -0,0 +1,37 @@
|
||||
# Full-Stack Development
|
||||
|
||||
Deep dive into full-stack development. Frontend componentization, database design, backend API development, and deployment.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Frontend Development
|
||||
Master modern frontend development with component libraries and design tools.
|
||||
|
||||
- [Frontend 0: Lovart Assets](/fr-fr/stage-2/frontend/2.0-lovart-assets/)
|
||||
- [Frontend 1: Figma & MasterGo](/fr-fr/stage-2/frontend/2.1-figma-mastergo/)
|
||||
- [Frontend 2: UI Design](/fr-fr/stage-2/frontend/2.2-ui-design/)
|
||||
- [Frontend 3: Multi-Product UI](/fr-fr/stage-2/frontend/2.3-multi-product-ui/)
|
||||
- [Frontend 4: Hogwarts Portraits](/fr-fr/stage-2/frontend/2.4-hogwarts-portraits/chapter4-lets-build-hogwarts-portraits)
|
||||
|
||||
### Backend & Full-Stack
|
||||
Learn API design, database management, and deployment strategies.
|
||||
|
||||
- [Backend 1: What is API](/fr-fr/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api)
|
||||
- [Backend 2: Database & Supabase](/fr-fr/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase)
|
||||
- [Backend 3: AI Interface Code](/fr-fr/stage-2/backend/2.3-ai-interface-code/)
|
||||
- [Backend 4: Git Workflow](/fr-fr/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github)
|
||||
- [Backend 5: Zeabur Deployment](/fr-fr/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications)
|
||||
- [Backend 6: Modern CLI Tools](/fr-fr/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development)
|
||||
- [Backend 7: Stripe Payment](/fr-fr/stage-2/backend/2.7-stripe-payment/)
|
||||
|
||||
### Assignments
|
||||
Practical projects to apply your full-stack skills.
|
||||
|
||||
- [Assignment 1: Full-Stack App](/fr-fr/stage-2/assignments/2.1-fullstack-app/)
|
||||
- [Assignment 2: Modern Frontend + Trae](/fr-fr/stage-2/assignments/2.2-modern-frontend-trae/)
|
||||
|
||||
### AI Capabilities
|
||||
Integrate AI features like knowledge bases and multimodal APIs.
|
||||
|
||||
- [AI 1: Dify & Knowledge Base](/fr-fr/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration)
|
||||
- [AI 2: Multimodal API](/fr-fr/stage-2/ai-capabilities/2.2-multimodal-api/extra3/extra3-ai-capability-starter-handbook)
|
||||
@@ -0,0 +1,30 @@
|
||||
# Advanced Development
|
||||
|
||||
Build complex cross-platform applications. WeChat Mini-Program practice, challenge higher-level AI-native application development.
|
||||
|
||||
## Stage Overview
|
||||
|
||||
### Core Skills
|
||||
Advanced AI coding skills and long-running task management.
|
||||
|
||||
- [Advanced 1: MCP & ClaudeCode Skills](/fr-fr/stage-3/core-skills/3.1-mcp-claudecode-skills/)
|
||||
- [Advanced 2: Long-running Tasks](/fr-fr/stage-3/core-skills/3.2-long-running-tasks/)
|
||||
|
||||
### Cross-Platform Development
|
||||
Build apps for WeChat, Android, and iOS.
|
||||
|
||||
- [Advanced 3: WeChat Mini-Program](/fr-fr/stage-3/cross-platform/3.3-wechat-miniprogram/)
|
||||
- [Advanced 4: WeChat Mini-Program (Backend)](/fr-fr/stage-3/cross-platform/3.4-wechat-miniprogram-backend/)
|
||||
- [Advanced 5: Android App](/fr-fr/stage-3/cross-platform/3.5-android-app/)
|
||||
- [Advanced 6: iOS App](/fr-fr/stage-3/cross-platform/3.6-ios-app/)
|
||||
|
||||
### Personal Brand
|
||||
Build your personal website and blog.
|
||||
|
||||
- [Advanced 7: Personal Website & Blog](/fr-fr/stage-3/personal-brand/3.7-personal-website-blog/)
|
||||
|
||||
### AI Advanced
|
||||
Deep dive into RAG and advanced agent workflows.
|
||||
|
||||
- [Advanced AI 1: What is RAG](/fr-fr/stage-3/ai-advanced/3.a1-rag-introduction/extra5-what-is-rag-and-how-does-it-work-and-future)
|
||||
- [Advanced AI 2: Advanced RAG with LangGraph](/fr-fr/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/)
|
||||
Reference in New Issue
Block a user