###### tags: `學期 2-3` `會後精華公告` `archived`

# [Archived] 學期 2-3 會後精華 公告

[toc]

## 9/01 Week 3 Middleware 實作工作坊 - Highlights

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14412/GMT20201015-112249_-------2-3_gallery_1760x900_Moment.jpg">

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

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

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
今天透過問答、對談、討論等方式，協助我更理解 middleware 以及 後端的世界。Middleware 是個抽象概念，是個程式設計的模式或觀念，用以在 process 前中後加入任意需要的 input！如果 process 是交流道，middleware 可能就是交流道前後的交管或者交流道中間的收費站。
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/3499/medium_34E73C8F-6D18-4115-818A-E1D75F7639CA.jpeg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">耿綸</p>
</div>
</div>

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
"感謝懷恩助教的講解
對於middleware的講解,讓我了解這是一個設計概念而不是一個單純的一個函式,以及實際的使用情境"
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/3576/medium_______________.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">阿義</p>
</div>
</div>

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
"覺得從濃霧中把霧稍微撥開一點～懷恩助教高速講解搭配TD 助教在小視窗一邊整理補充資訊，很有幫助吸收！期待之後繼續學習下去可以越摸越清楚！
另外身為重讀生的我其實第二次參加 middleware 工作坊了，感受到這期間有一直在進化，很用心在協助學生更參與和理解＆安撫徬徨的心，感謝助教和教練的用心 >///<"
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/3030/medium_Screenshot_20200210_020947.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Serena</p>
</div>
</div>

現在就去看看精彩的會後錄影吧 ➡️ [
Week 3 Middleware 實作工作坊 – 2020/8 月班會後精華](https://lighthouse.alphacamp.co/courses/42/units/8033)

<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>

# here
---

## 11/19 Week 3 後端健檢工作坊 - Highlights

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14757/ezgif-7-9560909dd1e9.gif">

11/19 舉辦的 期末健檢工作坊，學習教練 Yunju 與 維元 助教透過與與同學們輪流問答的方式，回顧了學期 2-3 四週的學習觀念。

活動中 維元 助教運用 Lighthouse 作為範例，帶領同學將「Web App 全端開發流程」串連起來，也透過實戰面試題目，讓同學更進一步思考使用技術的本質觀念與限制。

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
看起來很基礎的問題，當要自己轉化成語言回答的時候，才會發現很多內容可能都還沒有完全理解。除了有練習的機會外，很多觀念與不清楚的部分也藉此機會了解到了!
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/4041/medium_line_154109979602117.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Vicky</p>
</div>
</div>
<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
親身體驗徹底了解一件事的重要性，否則可能連題目在問什麼都看不懂XD 除此之外也對2-3學到的概念有更具體的了解，也學到很多面試準備的技巧。
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/3589/medium_27D08CAA-23D1-47A0-9902-D164CF08D891.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Riley</p>
</div>
</div>
<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
雖然最後幾分鐘才發現今天要上課，但好險我有發現，最後幾分鐘真的就已經獲益良多了～～
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/4327/medium_IMG_5316.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">yuwen</p>
</div>
</div>

現在就去看看精彩的會後錄影吧 ➡️ [
Week 3 後端健檢工作坊 – 2020/11 月班會後精華](https://lighthouse.alphacamp.co/courses/42/units/8171)

<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>

---

## 11/25 Week 4 Web app & Database 的非同步溝通工作坊 - Highlights

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14801/GMT20201125-115600_-ALPHA-Cam_gallery_1760x900_Moment.jpg">

11/25 舉辦的 Web app & Database 的非同步溝通工作坊，Yan 助教透過快問快答，與實際案例正反對照，帶同學們更加理解「非同步溝通」的核心觀念，以及找出非同步影響的思考點，讓同學們更清楚地了解抽象觀念。

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
非同步在jS實作中實在太重要了！而且之前遇到的時候通常都卡到不要不要的總是會出現一些時而可動時而壞掉的窘境～有助教的解說會比在網路上自己查找資料更清楚好懂，覺得很有幫助！！對做學期三最後階段的作業來說簡直是一場大旱後的及時雨...XD
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/4325/medium_travel_style.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Ether</p>
</div>
</div>
<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
非同步可以解決call back hell的問題，但也要注意撈資料時非同步，會有時間差的問題，可能資料還沒撈完就要進行畫面渲染，產生畫面上沒有資料輸出的情形
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/3952/medium_IMAG3119.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">林敬修</p>
</div>
</div>
<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin-bottom: 5px;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
謝謝AC的工作坊每次都很用心的準備，能讓大家在短短的一小時半有最大的收穫。
</div>
<div style="width: 18%; display:flex; align-items: center; padding: 2% 0;">
<img style="max-height: 30px; border-radius: 50%; margin-right: 5px;" src="https://assets-lighthouse.alphacamp.co/uploads/user/photo/4327/medium_IMG_5316.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">yuwen</p>
</div>
</div>

現在就去看看精彩的會後錄影吧 ➡️ [
Week 4 Web app & Database 的非同步溝通工作坊 – 2020/9 月班會後精華](https://lighthouse.alphacamp.co/courses/42/units/8176)

<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>

---