用 AI 當你的學習夥伴，從零開始打造屬於自己的第一個網頁。
不需要任何程式基礎，只要好奇心就夠了。
專為 Vibe Coding 初學者打造，結合 AI 工具的現代學習方式
每個章節都會教你如何善用 AI 工具加速學習，不再一個人卡關。
不用看懂英文文件，所有概念都用最簡單的中文說明清楚。
每個程式碼範例都能複製貼上後直接看到結果，邊做邊學最有效。
從 Hello World 到完整的個人介紹頁，每章都有實際可見的成果。
8 個章節，帶你從零認識網頁開發的世界
認識用 AI 輔助寫程式的新方式，了解 Vibe Coding 的概念與適合的工具。
了解三種技術各自的角色，以及為什麼它們是網頁開發的基本功。
動手建立你人生中的第一個 HTML 檔案，在瀏覽器看到自己寫的網頁！
深入學習 HTML 標籤的使用方式，包含標題、段落、連結、圖片與清單。
學會用 CSS 美化網頁，掌握顏色、字型、間距與 Flexbox 基礎排版。
讓網頁「活起來」！學習變數、函式與事件，製作會動的互動效果。
學會如何精準地向 AI 提問，快速解決 Bug、加新功能、優化樣式。
整合前七章所學，用 HTML + CSS + JS 完成一個完整的個人介紹網頁。
按照這個順序學習，效果最好
建立正確的學習觀念，了解 AI 如何幫你寫程式（第 1–2 章）
學會建立網頁結構，標籤、標題、段落、連結都難不倒你（第 3–4 章）
美化你的網頁，掌握顏色、字型、排版與響應式設計（第 5 章）
讓網頁會動、會反應，實作真正有互動感的功能（第 6 章）
學會用 AI 解決問題，並完成第一個完整的個人作品集頁（第 7–8 章）
如果你符合以下任一描述，這本書就是為你寫的
不懂任何程式語言也沒關係，本書從最基礎的概念開始，一步步帶你上手。
本書會教你如何正確地使用 ChatGPT、Copilot 等工具輔助學習程式。
學完就能做出個人介紹頁，放上 GitHub Pages 分享給任何人看。