1.1 koa靜態官網之教程簡介

本節將對 從0搭建koa靜態官網 這個教程做一 簡單介紹。

為什麼準備這個課程？

• 首先，靜態網站是前端開發的常見需求之一，也是JS全棧開發的基礎；
• 其次，想通過分析專案中 用到的koa-static中介軟體和koa 這個web框架的原始碼，來分享學習原始碼的一些經驗；
• 最後，太多開發過於依賴開源庫，造成基礎不紮實，所以想通過在本專案中，儘量不依賴開源庫，從0實現一些前端的基礎需求，如響應式導航欄、輪播圖等，以此打牢前端技術基礎。

同時，本門課也是學習我後續 koa+vue全棧開發和JS全棧專案部署等教程的基礎。

教程的內容有？

• 1 課程介紹：課程簡介、最終效果和程式碼演示、學習建議；
• 2 環境搭建：node簡介及安裝、VS code 的安裝、配置和使用；
• 3 搭建靜態網站：Linux基礎及常用命令、使用命令初始化專案、引入koa-static 處理靜態資源；分析koa-static的原始碼；
• 4 koa從瞭解到深入：koa的由來、koa原始碼淺析、koa的中介軟體機制。
• 5 網站的完善：從0實現響應式導航欄、從0實現輪播圖、CSS3文字特效；
• 6 上線部署：靜態檔案的打包壓縮、基於koa部署靜態網站、基於ngnix部署靜態網站；
• 7 課程回顧：所學知識技能、後續學習建議。

教程的重難點？

• 重點：掌握分析 依賴庫 原始碼的方法；
• 難點：理解koa的內部原理；

本課程雖然看似簡單，但也有很深入的東西，比如核心依賴庫的內部原理，不僅適合小白入門前端，也適合多數前端碼農提升內功。

OK，介紹到此為止，我們開始吧