Koa2框架從0開始構建預告片網站

第1章 2018 年的編程姿式
2018 年, Nodejs 版本如何跟進,Promise 要不要用,Async Function 若是使用,經過 Babel 如何編譯,代碼風格老是沒有事實標準,激進的換成 Standard 會不會更清爽。
1-1 koa2導學
1-2 安裝跟進最新的 Node.js 版本
1-3 堅決果斷的使用 Promise(callback到Promise再到Promisify)
1-4 使用 Babel 編譯 ES7 Async Functioncss

第2章 必會 ES6-7 語法特性與規範
ES6/7/8 時代到來,重要的語法特性,如 Generator Function 與迭代器的關係,如何經過 co 來執行 Promise 和 Generator Function,箭頭函數的常見用法,import 和 export 若是使用 Babel 如何進行編譯,如何在生產環境進行編譯構建。
2-1 生成器函數 Generator Function
2-2 co 庫執行 Promise 和 Generator Function
2-3 箭頭函數 Arrow Function
2-4 異步函數 Async Function 統一世界
2-5 藉助 Babel 編譯 import 與 export
2-6 生產環境使用 Babel 支持 ES6-7html

第3章 層層學習 Koa 框架的 API
經過一個個文件,一個模塊一個模塊的分解,從源代碼裏調出核心的代碼,一層層進入去了解 koa 的核心對象、服務類、上下文對象、請求與相應對象他們的代碼架構和角色構成,同時去研究 koa 核心知識點 - 中間件機制以及藉助 koa-compose 而實現的魔法遞歸流轉過程,最後學習會話和 cookie 的基礎知識。...
3-1 Koa 核心對象
3-2 Web 服務類 Application
3-3 HTTP 上下文對象 context(ctx)
3-4 HTTP 請求對象 request(req)
3-5 HTTP 響應對象 response(res)
3-6 Koa 中間件 middlewares
3-7 純函數-尾遞歸與魔法大師 koa-compose
3-8 session-cookie-路由與 Koa 小結前端

第4章 Koa2 與 Koa1 、Express 框架對比
對比 Koa 的兩個重大版本,也就是 Koa1 和 Koa2,兩代版本的區別,以及其餘框架如 Express 框架的架構區別和語法、用法區別。
4-1 Koa2 與 Koa1 的用法對比
4-2 Koa 與 Express 的 API 能力對比
4-3 Koa 與 Express 的 中間件執行模型對比
4-4 Koa2 Express 選型及小結(含獎勵哦)react

第5章 從 0 開發一個電影預告片網站
從 new Koa() 開始起一個乾淨的 Server 服務,來了解 Koa 簡潔的請求處理流程,到能夠返回一個靜態 HTML 頁面,到能夠集成模板引擎返回動態內容,到 Bootstrap 搭建傳統網站頁面來學習項目 從 0 到 1 的搭建流程。
5-1 設計與分析
5-2 6 行代碼擼一個服務器推到 Git 倉庫
5-3 服務器返回一個靜態 HTML 頁面
5-4 增長 Pug ejs 動態模板引擎渲染
5-5 集成模板引擎到 Koa 搭建初始模板目錄
5-6 藉助 BootStrap 4-x 搭建網站首頁
5-7 關於構建工具 Parcel 解決的問題
5-8 利用 Parcel 打包普通網站以及 React 架構網站的資源方案ios

第6章 利用爬蟲搞定網站基礎數據
學習如何在 Koa 裏面起多個子進程,如何子進程中跑重的腳本任務,好比經過 Google Puppeteer 無頭瀏覽器來模擬真實用戶訪問,來爬取到設置過反爬機制的網頁文本,以及如何經過 Koa 發起服務器端的 HTTP 請求,進而拿到圖片和視頻地址,最終自動的上傳到七牛圖牀上託管以加速訪問,節省帶寬。...
6-1 設計與分析
6-2 利用 puppeteer 爬取和分析電影列表
6-3 child_process fork 子進程來運行爬蟲腳本
6-4 服務器端經過 request 向豆瓣 API 請求詳細數據
6-5 Scott 與妹子合租引起的同步異步與阻塞
6-6 puppeteer 深度爬取封面圖和視頻地址
6-7 上傳線上封面圖和視頻搬磚到七牛雲圖牀上數據庫

第7章 彩蛋篇 - [高難度拔高幹貨] 深度理解 Node.js 異步 IO 模型
本篇是課程精心贈送之高難度拔高彩蛋篇,意在幫助有基礎的同窗進一步加深對 Node.js 底層的組成,底層的 Libuv 事件循環階段,microtasks 事件優先級,結合大量代碼案例來掌握 Node.js 核心知識 - 能夠橫向擴展的多進程單進程無阻塞事件驅動模型。...
7-1 Nodejs 在本期課程彩蛋知識點
7-2 從異步非阻塞的代碼案例切入事件循環
7-3 從 libuv 源碼來理解 Event Loop 的 6 個階段
7-4 設計一個測試用例來驗證本身對事件循環的理解
7-5 單線程多進程模型 事件循環及進程通訊編程

第8章 實戰篇 - 在 Koa 中向 MongoDB 創建數據模型
在 Mac/Windows/Ubuntu/Centos 上安裝 MongoDB 數據庫,而且在 Koa 集成 Mongoose 中間件後,爲電影,分類設計 schema 來建立數據模型,以導入以前爬到的預告片數據。
8-1 Windows Mac CentOS Ubuntu 安裝 MongoDB
8-2 Koa2 中利用 Mongoose 鏈接數據庫
8-3 MongoDB 和 Mongoose 關於 collection schema model entity 的基本概念
8-4 利用 schema model 建立電影的數據模型
8-5 建立用戶數據模型並實現加鹽加密和敏感登陸控制
8-6 建立電影分類以及初始化全部 schema
8-7 向數據庫導入爬到的電影數據
8-8 圖牀資源同步以及管理換帳號初始化axios

第9章 實戰篇 - 爲網站增長路由與控制器層對外提供 API 服務
經過在 Koa 中集成多箇中間件,同時封裝基於裝飾器的路由組件,來提供更易於拓展的路由層級,而且實現控制器與數據服務層的分離,對外提供 API 接口服務。
9-1 [第 2 次迭代] 快速實現一個最小統計的 API 服務器
9-2 [第 2 次迭代] 瞭解 Koa-router 的基本能力以及取捨套路
9-3 [第 2 次迭代] 經過裝飾器來把路由進行拆分和集成
9-4 [第 2 次迭代] 結合 Decorator 對 koa-router 進行抽象封裝支持路由空間分離
9-5 [第 2 次迭代] 分拆項目服務層與路由層對外暴露 API 服務後端

第10章 實戰篇 - 集成 AntDesign 與 Parcel 打通先後端與構建
把 AntDesign 集成到項目中,而且把 Parcel 也集成到 Koa 的本地開發環境中,同時配置構建中間層來作到本地開發與生產環境的構建分離,讓整個先後端的項目貫穿起來
10-1 [第 3 次迭代] 配置 Babel Postcss 來支持 Parcel 的打包構建
10-2 [第 3 次迭代] 在 Koa 中集成 Parcel 開發與生產環境的構建中間件
10-3 [第 3 次迭代] 結合 react-router-dom 與 import 來動態加載前端路由業務組件
10-4 [第 3 次迭代] 實現網站的佈局模板組件和導航菜單瀏覽器

第11章 實戰篇 - 實現網站前端路由與頁面功能
以底層的 Koa 爲服務底層,在上層 AntDesign 項目中開發首頁、詳情頁、播放功能、推薦功能、篩選功能,以及路由分拆來實現網站的基礎頁面。
11-1 [第 4 次迭代] 基於 axios 封裝能夠控制 loading 前置狀態的請求組件
11-2 [第 4 次迭代] 開發網站首頁電影列表
11-3 [第 4 次迭代] 抽象網站首頁電影卡片內容組件
11-4 [第 4 次迭代] 爲電影卡片增長視頻播放及切換功能
11-5 [第 4 次迭代] 開發電影詳情頁

第12章 實戰篇 - 實現後臺登陸權限與管理功能
實現網站的後臺用戶登陸校驗加鹽與列表管理功能,同時維持用戶的登陸狀態。
12-1 [第 5 次迭代] 實現網站的後臺登陸頁面及密碼校驗
12-2 [第 5 次迭代] 實現網站後臺管理列表頁
12-3 [第 5 次迭代] 增長登陸權限以及參數驗證
12-4 [第 5 次迭代] 增長用戶會話保持與數據刪除功能

第13章 服務器部署與發佈
詳細講解服務器部署與發佈的相關內容。
13-1 簡單配置本地與服務器的 PM2 環境及發佈腳本
13-2 服務器第一次部署與發佈

第14章 課程總結與展望
對 Koa2 及 Node.js 核心知識進行回顧總結,而且對 Koa3 進行展望,整理整個項目的應用場景與上線維護注意事項。
14-1 Koa2 課程回顧總結

下載地址:百度網盤下載

相關文章
相關標籤/搜索