歡迎來到 Repl.it 的 Vibe Coding 101

這個課程是與 Repl.it 合作建立的 Vive Coding 101。在課程中，你將學習如何使用 Repl.it 和 AI 代理 進行程式碼編寫。

Repl.it 提供了一個強大的雲端環境，讓你可以：

• 建立 (build) 應用程式
• 託管 (host) 應用程式
• 分享 (share) 應用程式

最近，Repl.it 新增了一個非常受歡迎的 程式碼編寫代理 (coding agent)，它能讓生成和託管基於網路的應用程式變得快速且高效。

AI 程式碼代理如何改變開發流程

程式碼代理正在徹底改變我們編寫程式碼的方式。我本人仍然進行相當多的軟體開發，但我現在發現，我依賴 OMs 來為我編寫大部分程式碼。

我的工作流程通常是：

1. 將問題分解：我會將一個複雜的問題簡單地劃分為可管理的區塊。
2. 建立提示 (prompt)：然後，我會花時間建立一個清晰描述我想要什麼的提示。
3. 模型生成程式碼：接著，我會使用模型一次生成一個模組的程式碼。

這種流程讓我以及許多其他開發人員變得更有效率，而且無疑是快得多的開發者。

課程形式與 Vive Coding

我想特別指出，由於 Repl.it 是一個雲端託管環境，我們無法在我們通常的平台上呈現這個課程。因此，這是一個純影片課程。

如果你只觀看影片，你將學習到：

• 使用程式碼代理背後的關鍵概念。
• 使用 OMs 編寫程式碼的流程。

有時，你甚至幾乎不需要查看程式碼本身，這種方式現在有些人稱之為 Vive coding。

使用 Repl.it 的先決條件與課程講師

如果你在觀看影片之餘，還想實際使用 Repl.it，你需要在該平台建立一個使用者帳戶。

我很高興地宣布，本課程的講師是：

• Michele Catasta：Repl.it 的總裁。
• Matt Palmer：開發者關係主管。

AI 程式碼代理的崛起與開發變革

>> 謝謝 Andrew，我們非常興奮能呈現這個課程。

Michele，請你告訴我，隨著 AI 程式碼代理的興起，你看到了開發領域發生了哪些變化？

Repl.it 如何降低開發門檻

>> 嗯，Repl.it 消除了許多阻礙使用者建立和部署應用程式的障礙。

首先，Repl.it 提供了一個強大的程式碼編輯器和一個通用的套件管理器。這意味著你不需要費力安裝 Python 和 JavaScript 套件。

其次，版本控制由 Git 提供支援，但我們為使用者將其設計得盡可能簡潔。

此外，Repl.it 還提供內建的鍵值儲存 (key-value stores)、資料庫和部署解決方案。

但現在，有了 Repl.it Agent，每個沒有程式碼經驗的人都可以建立應用程式並將其公開部署。你只需幾分鐘即可開始。即使你不知道我剛才使用的許多術語，你仍然可以建立一個應用程式。Matt 將在本課程中向你展示具體的操作方法。

掌握 Vibe Coding 與課程專案

>> 所以，今天一個流行的術語是 Vibe Coding，它指的是你傾向於讓程式碼代理完成大部分繁重的工作。

我們將：

• 最大化代理的能力。
• 展示一些規劃如何改善你的結果。

在此過程中，你將學習到一些提示和技巧，以從我們的代理那裡獲得最佳的結果。

實作專案：SEO 分析器與投票應用程式

我們將從建立一個 搜尋引擎優化 (Search Engine Optimization, SEO) 分析器 開始。這是一個基礎應用程式，將引導我們入門並介紹一些關鍵概念。

接著，你將建立一個一對一投票應用程式 (head-to-head voting app)，它將展示資料提取 (data extraction) 和儲存 (storage) 的功能。

在整個課程中，我們將學習網路應用程式的基本構成要素。我相信你將會對自己能建立多少東西感到驚訝。我知道，我本人確實感到驚訝。

Repl.it 的代理工作流程與實用見解

>> 培養你使用程式碼代理的直覺。

Michele 也將分享一些關於 Repl.it 如何建構的細節。我希望他們在建構 Repl.it（它本身就是一個複雜的代理工作流程）時所學到的一些經驗教訓，也能為你如何建構其他代理式 AI 應用程式提供有用的見解。

>> 是的，我們在過去一年學到了很多，我很高興能分享這些。

課程致謝

>> 許多人為創建本課程付出了努力。

我謹此感謝來自 deeplearning.ai 的 Hara Salami 和 Jeff Lodgway。