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](/ar-sa/appendix/prompt-engineering)
|
||||
- [AI Evolution](/ar-sa/appendix/ai-evolution)
|
||||
- [LLM Introduction](/ar-sa/appendix/llm-intro)
|
||||
- [VLM Introduction](/ar-sa/appendix/vlm-intro)
|
||||
- [AI Image Generation](/ar-sa/appendix/image-gen-intro)
|
||||
- [AI Audio Models](/ar-sa/appendix/audio-intro)
|
||||
- [Context Engineering](/ar-sa/appendix/context-engineering)
|
||||
- [AI Agents](/ar-sa/appendix/agent-intro)
|
||||
- [AI Capability Dictionary](/ar-sa/appendix/ai-capability-dictionary)
|
||||
|
||||
### Frontend Development
|
||||
- [Web Basics (HTML/CSS/JS)](/ar-sa/appendix/web-basics)
|
||||
- [Frontend Evolution](/ar-sa/appendix/frontend-evolution)
|
||||
- [Frontend Performance](/ar-sa/appendix/frontend-performance)
|
||||
- [Canvas 2D](/ar-sa/appendix/canvas-intro)
|
||||
- [URL to Browser](/ar-sa/appendix/url-to-browser)
|
||||
- [Browser DevTools](/ar-sa/appendix/browser-devtools)
|
||||
|
||||
### Backend Development
|
||||
- [Backend Evolution](/ar-sa/appendix/backend-evolution)
|
||||
- [Backend Languages](/ar-sa/appendix/backend-languages)
|
||||
- [Database Principles](/ar-sa/appendix/database-intro)
|
||||
- [Cache Design](/ar-sa/appendix/cache-design)
|
||||
- [Message Queues](/ar-sa/appendix/queue-design)
|
||||
- [Authentication](/ar-sa/appendix/auth-design)
|
||||
- [Tracking Design](/ar-sa/appendix/tracking-design)
|
||||
- [Operations](/ar-sa/appendix/operations)
|
||||
|
||||
### General Skills
|
||||
- [API Introduction](/ar-sa/appendix/api-intro)
|
||||
- [IDE Introduction](/ar-sa/appendix/ide-intro)
|
||||
- [Terminal Introduction](/ar-sa/appendix/terminal-intro)
|
||||
- [Git Introduction](/ar-sa/appendix/git-intro)
|
||||
- [Computer Networks](/ar-sa/appendix/computer-networks)
|
||||
- [Deployment](/ar-sa/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](/ar-sa/stage-0/0.1-learning-map/)
|
||||
- [2. If you can speak, you can code](/ar-sa/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](/ar-sa/stage-1/1.1-introduction-to-ai-ide/)
|
||||
- [2. Building a Prototype](/ar-sa/stage-1/1.2-building-prototype/)
|
||||
- [3. Integrating AI Capabilities](/ar-sa/stage-1/1.3-integrating-ai-capabilities/)
|
||||
- [4. Complete Project Practice](/ar-sa/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](/ar-sa/stage-2/frontend/2.0-lovart-assets/)
|
||||
- [Frontend 1: Figma & MasterGo](/ar-sa/stage-2/frontend/2.1-figma-mastergo/)
|
||||
- [Frontend 2: UI Design](/ar-sa/stage-2/frontend/2.2-ui-design/)
|
||||
- [Frontend 3: Multi-Product UI](/ar-sa/stage-2/frontend/2.3-multi-product-ui/)
|
||||
- [Frontend 4: Hogwarts Portraits](/ar-sa/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](/ar-sa/stage-2/backend/2.1-what-is-api/extra2/extra2-what-is-api)
|
||||
- [Backend 2: Database & Supabase](/ar-sa/stage-2/backend/2.2-database-supabase/chapter5/chapter5-from-database-to-supabase)
|
||||
- [Backend 3: AI Interface Code](/ar-sa/stage-2/backend/2.3-ai-interface-code/)
|
||||
- [Backend 4: Git Workflow](/ar-sa/stage-2/backend/2.4-git-workflow/extra1/extra1-what-is-git-and-what-is-github)
|
||||
- [Backend 5: Zeabur Deployment](/ar-sa/stage-2/backend/2.5-zeabur-deployment/extra6/extra6-zeabur-what-is-it-and-how-to-deploy-web-applications)
|
||||
- [Backend 6: Modern CLI Tools](/ar-sa/stage-2/backend/2.6-modern-cli/extra7/extra7-cli-ai-coding-tools-and-the-principles-of-test-driven-development)
|
||||
- [Backend 7: Stripe Payment](/ar-sa/stage-2/backend/2.7-stripe-payment/)
|
||||
|
||||
### Assignments
|
||||
Practical projects to apply your full-stack skills.
|
||||
|
||||
- [Assignment 1: Full-Stack App](/ar-sa/stage-2/assignments/2.1-fullstack-app/)
|
||||
- [Assignment 2: Modern Frontend + Trae](/ar-sa/stage-2/assignments/2.2-modern-frontend-trae/)
|
||||
|
||||
### AI Capabilities
|
||||
Integrate AI features like knowledge bases and multimodal APIs.
|
||||
|
||||
- [AI 1: Dify & Knowledge Base](/ar-sa/stage-2/ai-capabilities/2.1-dify-knowledge-base/chapter3/chapter3-getting-started-with-dify-and-its-knowledge-base-integration)
|
||||
- [AI 2: Multimodal API](/ar-sa/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](/ar-sa/stage-3/core-skills/3.1-mcp-claudecode-skills/)
|
||||
- [Advanced 2: Long-running Tasks](/ar-sa/stage-3/core-skills/3.2-long-running-tasks/)
|
||||
|
||||
### Cross-Platform Development
|
||||
Build apps for WeChat, Android, and iOS.
|
||||
|
||||
- [Advanced 3: WeChat Mini-Program](/ar-sa/stage-3/cross-platform/3.3-wechat-miniprogram/)
|
||||
- [Advanced 4: WeChat Mini-Program (Backend)](/ar-sa/stage-3/cross-platform/3.4-wechat-miniprogram-backend/)
|
||||
- [Advanced 5: Android App](/ar-sa/stage-3/cross-platform/3.5-android-app/)
|
||||
- [Advanced 6: iOS App](/ar-sa/stage-3/cross-platform/3.6-ios-app/)
|
||||
|
||||
### Personal Brand
|
||||
Build your personal website and blog.
|
||||
|
||||
- [Advanced 7: Personal Website & Blog](/ar-sa/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](/ar-sa/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](/ar-sa/stage-3/ai-advanced/3.a2-langgraph-advanced-rag/)
|
||||
Reference in New Issue
Block a user