透過對話式互動,一步步用 AI 打造真實的網頁作品。從個人名片開始,學會用精準的 Prompt 控制 AI 產出。
王小明
資深前端工程師,10年開發經驗,專注於 React 生態系
✓ 終身訪問
✓ 互動式編碼練習
✓ 完成證書
用對話一步步建立一張個人簡介卡片。選名字、挑顏色、調風格,每一步都即時看到結果。
延續你的個人名片,學會用具體數值設定版面、字體、顏色、圓角、背景。不再說「大一點」,而是說「700」「#ffffff」「12px」。
為名片加上可以點的按鈕、滑鼠移上去的效果、圖片區塊和影片區塊。讓名片從「只能看」變成「能用」。
為名片加上 IG、Twitter、GitHub 等社群圖示,調整樣式和排列方式,學會用截圖描述問題讓 AI 修正。
從「自己拼」到「用元件」的思維轉換。體驗失敗→回退→用對的工具解決問題的完整流程。
把名片發布成公開網頁,學會檢查桌機和手機的顯示效果,以及如何更新已發布的內容。