2024-09-11 | 15:30 - 17:00

使用 Angular 打造 Static Site Generator

隨著 Angular 持續發展,其中的 Angular Universal(Server Side Rendering) 功能越來越完整,要建立高效能和 SEO 表現的網站越來越容易,再加上 Prerender 功能,就算沒有後端與資料庫,也能輕易地建立靜態網站上傳到免費的空間如 GitHub Page 上。也可以搭配 Angular CLI Builder 和 Angular Schematics 設計出更符合個人需求的環境,達到極致的開發體驗!

本次分享將以 Angular 18 為基礎,實際寫 code 給你看,透過上述功能一步一步示範製作一個靜態網頁產生器 (Static Site Generator) 的所有細節,重造輪子雖然累,但一定是最適合自己的輪子!

課程目標
  • 學習透過 Angular Universal 打造高效能且更符合 SEO 優化的網站
  • 透過 Prerender 機制建立靜態網站產生器
  • 學習 Angular CLI Builder 以及 Angular Schematics 建立客製化開發環境
  • 一步一步做給你看,程式碼 repo 也給你,讓你輕鬆擴充做出更適合自己的功能
學員自備裝置

此工作坊需自備筆記型電腦

講者

黃升煌(Mike Huang)

Angular Taiwan
打雜義工
  • 現為 Angular GDE,主要熟悉 .NET WebAPI 與 Angular 開發技術,並經常於個人部落格分享學習知識。
  • 參加過四次 iT 邦幫忙鐵人賽,榮獲兩次冠軍與一次優選。並著有「打通 RxJS 任督二脈:從菜雞前進老鳥必學的關鍵知識」一書,該書曾榮獲天瓏書局 2021/8 繁體中文書 銷售排行 第 1 名!。