iT邦幫忙

鐵人檔案

2026 iThome 鐵人賽
回列表
Vibe Coding

邁向 AI Coding 勇者之路:沒有程式基礎也能上線 系列

你手上已經有一把很強的武器,AI 什麼都能幫你寫。但一走出新手村就會發現,畫面跑不出來、東西做好了卻只有自己看得到。

AI 不一定會跟你解釋,因為他以為你知道,又或者你根本不知道怎麼問。

這 30 天就是新手村的補課時間,給沒寫過程式、但很想靠 AI 做出一個網站的人。

我們會先搞懂 AI 到底在幫你做什麼、它會什麼又不會什麼,接著把那些每天看到卻沒人解釋的名詞一個一個拆開:網站怎麼運作、資料怎麼傳、終端機那個黑黑的視窗在忙什麼。然後學會存檔跟還原這個保命技能,最後把作品真的推上網路,讓別人打開網址就看得到。

參賽天數 18 天 | 共 18 篇文章 | 2 人訂閱 訂閱系列文 RSS系列文 |團隊六角爆肝王
DAY 11

AI Skill 是什麼?把重複規則整理成 AI 工作手冊

☝️☝️☝️☝️☝️ 影片連結 有些工作第一次交給 AI 時,多說一點很合理;但到了第五次,還要重新貼上同一套格式、步驟和檢查清單,就會開始覺得哪裡不太對。這...

2026-09-24 ‧ 由 卡斯伯 分享
DAY 12

輸入網址後發生什麼事?前端、後端、伺服器與資料庫一次看懂

☝️☝️☝️☝️☝️ 影片連結 在瀏覽器輸入網址、按下 Enter,過一下子就看到完整畫面,這個動作平常快到不太會特別注意。不過當你開始請 AI 做網站,問題...

2026-09-25 ‧ 由 卡斯伯 分享
DAY 13

HTML、CSS、JavaScript 差在哪?前端三層架構一次搞懂

☝️☝️☝️☝️☝️ 影片連結 HTML、CSS、JavaScript 幾乎總是一起出現,新手很容易把它們看成三種都能拿來做網頁的語言。實際上,它們處理的是不...

2026-09-26 ‧ 由 卡斯伯 分享
DAY 14

AI Coding 一定需要後端與資料庫嗎?新手先判斷網站是哪一級

☝️☝️☝️☝️☝️ 影片連結 請 AI 做網站時,只要提到登入或保存資料,很快就會看到後端、資料庫、雲端服務等一長串名詞。這時最容易出現兩個極端:不是覺得太...

2026-09-27 ‧ 由 卡斯伯 分享
DAY 15

API 是什麼?看懂前端、後端如何交換資料與除錯

☝️☝️☝️☝️☝️ 影片連結 前端和後端是兩套分開執行的程式,但你在購物網站按下「加入購物車」後,商品資料卻能送到後端保存,畫面也會跟著更新。中間負責接收請...

2026-09-28 ‧ 由 卡斯伯 分享
DAY 16

JSON 是什麼?看懂 API 資料格式,以及它和資料庫的關係

☝️☝️☝️☝️☝️ 影片連結 上一篇談到 API 時,畫面上已經出現過一包由大括號、中括號和許多欄位組成的資料,那就是 JSON。它看起來很像程式碼,但本身...

2026-09-29 ‧ 由 卡斯伯 分享
DAY 17

終端機是什麼?AI 為什麼靠黑色視窗操作你的電腦

☝️☝️☝️☝️☝️ 影片連結 使用 AI Coding 工具時,畫面上常常會跑出一個黑色視窗,接著一行一行出現檔名、指令與執行結果。這不是只有工程師才看得懂...

2026-09-30 ‧ 由 卡斯伯 分享
DAY 18

AI 把程式改壞怎麼辦?用 Git 回到「剛剛還好好的」版本

☝️☝️☝️☝️☝️ 影片連結 AI 一次可以修改很多檔案,這是它很方便的地方,也是最容易讓人冒冷汗的地方。原本只是想改按鈕顏色,回過神來卻發現登入、版面和資...

2026-10-01 ‧ 由 卡斯伯 分享