FuFan-VibeCodingCourse

KO | EN

gitlite — search

#python #hacktoberfest #react #llm #golang #go #deep-learning #linux #java #cli #awesome-list #ios #mcp #open-source

FuFan-VibeCodingCourse

(★ 65)

赋范空间-《Vibe Coding AI编程实战课》

FuFan-VibeCodingCourse Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
  <img src="./images/course_cover.png" width="600" alt="Vibe Coding AI Programming Practice Course">
  <p>
    <a href="./README.md">English</a> | <a href="./README_CN.md">中文</a>
  </p>
</div>

<h1 align="center">Vibe Coding: AI Programming Practice Course</h1>

<p align="center">
  <b>Hit Course · Fully Upgraded</b><br>
  Master Cursor + Claude Code + OpenCode from scratch | Become an AI-era super individual
</p>

---

## 🎯 How to Learn This Course

> ⚠️ **Important**: Complete the **Introduction** section before starting Stage 1!

### Step 1: Complete Introduction (Environment Setup)

**👉 [Go to Introduction →](./00_Introduction/)**

</div>

✅ After completing Introduction, you should have:
- VPN configured (ip138.com shows overseas IP)
- Cursor installed and logged in
- Git installed with GitHub Token configured

### Step 2: Follow the Stages

</div>

### Stage 4 Latest Update

- **[Lesson 07: Document Review Agent](./Stage4_Enterprise_Practice/Lesson07_Document_Review_Agent/)** is now available.
- Includes complete project code in `AgentTeamProject` and teaching materials in `CourseWare`.

---

## 🚀 The Vibe Coding Development Paradigm

**Three Phases of AI-Driven Development:**

</div>

---

## 🏗️ Four Industrial-Grade Projects

<table>
<tr>
<td width="50%" align="center">
<h3>Project 1: Smart Data Analysis Assistant</h3>
<img src="./images/project_01_data_assistant.png" width="100%">
<p><b>Stage 1</b> · Text-to-SQL Data Analysis</p>
<p><code>Cursor</code> <code>React</code> <code>FastAPI</code> <code>SQLite</code></p>
</td>
<td width="50%" align="center">
<h3>Project 2: ClawdBot Multimodal Agent</h3>
<img src="./images/project_02_doubao_clone.png" width="100%">
<p><b>Stage 2</b> · Frontend-Backend Data Flow</p>
<p><code>Cursor</code> <code>React</code> <code>FastAPI</code> <code>WebSocket</code></p>
</td>
</tr>
<tr>
<td width="50%" align="center">
<h3>Project 3: Multimodal RAG Knowledge Base</h3>
<img src="./images/project_03_multimodal_rag.png" width="100%">
<p><b>Stage 3</b> · End-to-End Private Knowledge Base</p>
<p><code>Claude Code</code> <code>React</code> <code>LangChain</code> <code>FastAPI</code></p>
</td>
<td width="50%" align="center">
<h3>Project 4: Document Review Agent</h3>
<img src="./images/project_04_doc_review_agent.png" width="100%">
<p><b>Stage 4</b> · Production-Ready Deployable System</p>
<p><code>Claude Code</code> <code>React</code> <code>LangChain</code> <code>Docker</code></p>
</td>
</tr>
</table>

---

## 📋 Course Overview

</div>

---

## ✅ What You'll Learn

- Vibe Coding vs Traditional Development: the essential differences
- Complete Cursor & Claude Code hands-on practice
- High-performance AI programming techniques
- Prompt engineering and context optimization
- Agent Skills and MCP tool integration
- Four industrial-grade project experiences

---

## 📦 Prerequisites

- Basic computer operation skills
- Learning enthusiasm and patience
- **No programming experience required** (we start from zero)

---

## 🚀 Get Started Now!

```bash
# 1. Clone this repository
git clone https://github.com/fufankeji/FuFan-VibeCodingCourse.git

# 2. Start with Introduction
cd VibeCodingCourse/00_Introduction
```

**👉 [Begin Your Journey: Introduction →](./00_Introduction/)**

---

## License

MIT License

---

## 📬 Contact Us

Interested in the course? Scan to connect with our teaching assistant for more resources and support:

<div align="center">
  <img src="./images/course.png" width="200" alt="Teaching Assistant QR Code">
  <p><b>Scan to Add Teaching Assistant</b></p>
</div>

---

<p align="center">
  <b>Vibe Coding: AI Programming Practice Course</b><br>
  Hit Course from Season 1 · Fully Upgraded for Season 2<br>
  <br>
  <b>Instructor: Teacher Muyu (木羽老师)</b>
</p>

FuFan-VibeCodingCourse

FuFan-VibeCodingCourse Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

FuFan-VibeCodingCourse

FuFan-VibeCodingCourse Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README