###### tags: `學期 2-3` `week3`
[toc]
# [Archived]Middleware 實作工作坊
這場工作坊已經剪成求救按鈕放在期末考題 middleware 中

## 報名 Week 3 Middleware 實作工作坊！【2020/8 月班】

#### 線上工作坊是什麼
在「學期 2-3：後端開發實務」課程中，我們設計了不同線上工作坊，透過更多互動式的學習體驗與課程重點主題練習，協助同學們走完四周的學習旅程。

#### Week 3 Middleware 實作工作坊資訊

<div style="width:65%; background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width:fit-content;">
日期與時間：9/01 (二) 19:30 - 21:00 <br>
登記參加連結：<a href="https://alphacamp.webex.com/alphacamp-tc/j.php?MTID=m0f4dd12bd1fb4548b8b59848151fdae2">https://alphacamp.webex.com/alphacamp-tc/j.php?MTID=m0f4dd12bd1fb4548b8b59848151fdae2</a></div>

<div style="height: 16px;"></div>

<div style="display: flex;align-items: center; padding: 0 10px;">
<div style="width:10%; text-align:center; line-height:10px;"><img style="width:100%; display:block; border-radius:50%; margin:auto; box-shadow:none;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/2641/medium_hobC2A6.png">
</div>
<div style="width: 2%;"></div>
<div style="width: 58%;"><b>講師｜懷恩</b><br>不侷限自己的視野，不斷嘗試與學習，夢想改變世界，開發只是夢想的開端</div>
</div>

<div style="line-height:16px;padding:5px;"></div>

在這場工作坊裡，我們會嘗試製作 server log，並深入討論：

* 在 HTTP request/reponse 週期之間，Express.js 內部到底發生什麼事？
* 我們要如何控制 Express.js 內部的工作流程？

我們會用學期 2-3 的期末作業「middleware 實作練習 (兩次時間戳記)」當成討論案例，並加入延伸變化。

無論你目前的進度到哪，只要熟悉 Express.js CRUD 流程 (也就是你已經做過 todo list 的內容)，都能夠在這場工作坊裡深化對 Express.js、對 HTTP 的瞭解。

可能討論要點：

* 當伺服器收到 request 時，究竟會進入到哪一條路由？
* 如何截取到「伺服器發出 response」 的時機點，加入新的流程？
* 在這個過程中是否會遇到非同步處理的問題？如何解決？

#### 行前準備

* 同學們實作中遇到什麼想提出討論的問題，可以在 [slido](https://app.sli.do/event/b7dt7whr) 上留言發問。

<iframe src="https://app.sli.do/event/b7dt7whr" height="550px" width="100%"></iframe>

---

## 9/1 Middleware 實作工作坊 - 行前提醒

<div style="width:100%">
<img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14049/_____2020-08-27___5.01.56.png">
</div>

經過將近一週的後端學習，同學們也漸漸上手 Express 的操作，部分同學也已經啟動 To do list 專案的製作了。

接下來，我們要帶大家深入了解 Express/HTTP 背後運行的原理，完整建立後端觀念。

現在就去看看這次工作坊的內容吧 ➡️ [報名 Week 3 Middleware 實作工作坊](https://lighthouse.alphacamp.co/courses/41/units/7938)

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.s3.amazonaws.com/uploads/image/file/4416/banner_2.001.jpeg"></div>

---

## Week 3 Middleware 實作工作坊 -- 2020/8 月班會後精華

9/01 舉辦的 Middleware 實作分享工作坊，目的是幫助同學綜合複習、統整過去 10 週以來運用 JavaScript、Node.js、Express.js 的技術觀念。

TD 助教與懷恩助教除了提出不同的技術觀念題，讓同學回答，也藉此與同學釐清環境、語言使用、應用場請的相同與不同。

更近一步帶同學去思考 Express 的根本目的，與了解「Middleware 中介軟體」的設計與使用概念，例如：

- Express 是為了什麼東西而發明的？跟 Node.js 的關係是？
- app.get()、app.use() 的源頭、差異是什麼？
- Middleware 在哪裡用到？使用情境是什麼？

<div style="position: relative;width:100%;height:0;padding-bottom: 56.25%;">
<iframe style="position:absolute;top:0;left:0;width:100%;height:100%" src="https://player.vimeo.com/video/453904278" frameborder="0" allowfullscreen></iframe>
</div>

<div style="line-height:16px;"></div>

#### 工作坊參考資料
##### 投影片

<div style="position: relative;width:100%;height:0;padding-bottom: 55%;"><iframe style="position:absolute;top:0;left:0;width:90%;height:90%" src="https://docs.google.com/presentation/d/e/2PACX-1vSDqPKKeirSgjirCKmp_T4I4dcHN1ERXNAW0v7N1Yy04yw62_R9gyfxcVslBLIDiY96laD_iztKZX9o/embed?start=false&loop=false&delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>