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，就什麼都想塞進去。其實它不是萬用鉤子，而是專門處理副作用的工具。這篇帶你從零搞懂它該用在哪裡。

前端工具 開發環境

新手第十步：Vite 入門　現代前端開發環境，快到你不敢相信！

還在用 CDN 引入套件？Vite 讓你在 0.1 秒內啟動開發伺服器，熱更新快到眼睛跟不上，一鍵整合 Vue、Tailwind、SCSS，是現代前端的標配工具。