部署 版本控制

新手第十二步：GitHub Pages 部署　免費讓你的網站上線，讓全世界看到！

做完的作品放在電腦裡誰都看不到。這篇教你用 GitHub Pages 免費部署靜態網站，從靜態 HTML 到 Vite 專案全部涵蓋，5 分鐘讓你的網站有專屬網址！

JavaScript API

新手第十三步：Async / Await 與 API 串接　讓網頁讀取真實世界的資料！

靜態網頁的內容是死的，串接 API 才能讓你的網頁活起來！這篇從同步非同步的概念、fetch、Promise，到 async/await 和實戰 API 串接，一步一步帶你搞懂。

React 前端框架

新手第十五步：React 入門　前端最熱門的框架，到底在紅什麼？

你一定聽過 React，很紅、很多公司在用、職缺也很多。但 React 到底在解決什麼問題？這篇用新手聽得懂的方式，帶你一次搞懂 React 的核心觀念。

前端工具 開發工具

新手第十六步：CodePen 入門　不用建專案，也能立刻開始寫前端！

剛學前端時，常常只是想試一小段 HTML、CSS、JavaScript，卻還要開資料夾、建檔案、跑 Live Server。CodePen 就是讓你打開瀏覽器就能直接寫前端的神器。

React 前端框架

新手第十四步：React useEffect 入門　搞懂副作用，不再亂用！

很多 React 新手一學到 useEffect，就什麼都想塞進去。其實它不是萬用鉤子，而是專門處理副作用的工具。這篇帶你從零搞懂它該用在哪裡。