###### tags: `學期 2-3`

# CRUD Q&A

## Before Webinar
### 報名 Week 2 CRUD Q&A！

<!-- 本班次並未舉辦線上 CRUD Q&A 工作坊，因內容並不影響進度學習，同學有興趣可以先看會後精華，或是空下下次工作坊時間再上線學習即可喔！ -->

#### CRUD Q&A
<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; max-width:500px; width:fit-content;">
日期與時間：05/04 (四) <span style="color: red;">19:30 - 20:30</span> <br>
參加連結：<a href="https://zoom.us/j/88969705967" target="_blank">https://zoom.us/j/88969705967</a><br>
會議密碼：629578<br>
<span style="color:#CE2D0F; font-size: 0.95rem; font-weight: bold;">注意：請使用電腦開啟連結，以利工作坊進行</span><br>
<a class="btn btn-normal" target="_blank" href="https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=MTdiNWlrbjllMWJyMmxmcDg0cnF2Zm9pMGQgczdpYmk3OHUxZ2NuYTRxOWhtbzc4cGxoMjhAZw&tmsrc=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com">將行程添加到 Google 日曆</a>
</div>

<div style="padding:8px;"></div>

在 Week 2 我們將踏入後端的重要領域 -- 資料庫與 CRUD。

綜觀市面上的應用程式功能，有 80% 都是在執行 CRUD，足以凸顯「資料庫」與「CRUD」在軟體開發是相當重要的主題。

但與此同時，因為資料庫的抽象，在學習難度上也會有顯著的提升，尤其常常會冒出「懵懵懂懂」、「依樣畫葫蘆」的不安全感。

因此，教練團隊設計了 CRUD Q&A ，希望幫助正在第一次接觸資料庫的同學們可以更好的踏入後端大門。

#### 工作坊行前準備

為了確保你的學習成效，我們強烈建議你在工作坊前，完成以下行前準備：

* **第 1 級準備**：閱讀 [U:認識 MongoDB 資料庫](https://lighthouse.alphacamp.co/courses/100/units/20895)，並完成 MongoDB 資料庫安裝
* **第 2 級準備**：依照教案引導，完成 [U:新建一個 Express 專案](https://lighthouse.alphacamp.co/courses/100/units/20898) - [U: 設定 Handlebars](https://lighthouse.alphacamp.co/courses/100/units/20902)
* **第 3 級準備**：依照教案引導，完成 [U:
瀏覽所有 To-do (首頁) ](https://lighthouse.alphacamp.co/courses/100/units/20903) - [刪除特定 To- do](https://lighthouse.alphacamp.co/courses/100/units/20907)

為確保你的最大學習效果，請你以第 2 級準備為目標，不過最少要完第 1 級準備。

若在工作坊開始前你無法完成建議內容，<u>仍然可以參與工作坊</u>。

#### 行前準備 - 使用 Slido 事前提問

CRUD Q&A 將以同學們提問的內容為主體進行討論，若同學沒有太多的問題，則會提早結束。

<iframe src="https://app.sli.do/event/jpoj7hq8" height="100%" width="100%" frameBorder="0" style="min-height: 560px;" title="Slido"></iframe>

#### 行前準備 - 設定視訊工具 Zoom

在未來所有的學習活動中，AC 團隊、助教會在線上透過 Zoom 這個工具來與同學們互動、練習。
因此請在工作坊前，參考下方投影片，確保你已經「完成註冊與安裝」並「了解 Zoom 的基本使用」，讓你在活動中能夠順暢的跟上助教的腳步。

<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://docs.google.com/presentation/d/e/2PACX-1vRQ2ir_UbkgAaPHwund4EQgzuFNrvNW13PhqdlsR_8ndJvIojPRQPTY_8a7X9KBih3OkiKIU0z_7CQL/embed?start=false&loop=false&delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>

期待在工作坊看見你的身影！

<div class="further-reading" style="background: #ececec;">
<div class="further-reading-inner-wrapper">
<h5>無法參與工作坊怎麼辦？</h5>
<p>我們理解許多同學們一邊工作一邊學習，時間上不見得皆能參與每次活動。因此學習活動結束後隔天，我們會將當天的錄影與所使用的相關資料 (投影片、Sample Code) 整理發佈課程單元中。</p>
<p>但如果時間允許，我們相當推薦同學盡量參與學習活動，與助教、同學們即時互動，一起實作，對於學習的吸收成效更佳。</p>
</div>
</div>

---

### 05/04 CRUD Q&A - 行前提醒

<div style="width:100%;">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16682/Screenshot_2021-09-10___5.23.32.png">
</div>

在 Week 2 我們將踏入後端的重要領域 -- 資料庫與 CRUD。

綜觀市面上的應用程式功能，有 80% 都是在執行 CRUD，足以凸顯「資料庫」與「CRUD」在軟體開發是相當重要的主題。

但與此同時，因為資料庫的抽象，在學習難度上也會有顯著的提升，尤其常常會冒出「矇矇懂懂」、「依樣畫葫蘆」的不安全感。

因此，教練團隊設計了 CRUD Q&A ，希望幫助正在第一次接觸資料庫的同學們可以更好的踏入後端大門。

現在就去看看這次工作坊的內容吧 ➡️ [報名 Week 2 CRUD Q&A](https://lighthouse.alphacamp.co/courses/100/units/28555)

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## Webinar Update
### 【今晚 7:30 工作坊提醒】學期 2-3：CRUD Q&A

在學期 2-3 我們將踏入後端的重要領域 -- 資料庫與 CRUD。

為了減輕同學們的不安全感，因此教練團隊設計了 CRUD Q&A ，希望幫助正在第一次接觸資料庫的同學們可以更好的踏入後端大門。

今天晚上 7:30 CRUD Q&A，助教講師將會以同學們提問的內容為主體進行討論，別忘記做行前準備，幫助自己更好吸收哦！我們晚上見！

#### 活動資訊
<div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px ; min-width:450px; width:fit-content;">
• 活動時間：05/04 (四) 19:30 - 20:30<br>
• 與會連結跟行前準備：請參考 <a href="https://lighthouse.alphacamp.co/courses/100/units/28555" target="_blank"> CRUD Q&A活動頁面</a>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## After Webinar
### Week 2 CRUD Q&A 會後精華
<span style="color:#E52F28; font-size: 0.9rem;">會後精華為提供無法上線同學會後學習，請同學還是務必以即時參與工作坊為主，結束後再看此單元作為複習唷！</span>

本次舉辦的 CRUD Q&A，目的是幫助同學們在接觸資料庫與 CRUD 時，能夠從後段的視野，理解「從使用者點擊按鈕，發起 request，到取得 response 之前所發生的的每一個動作」。

除此之外，也透過「同學提問、助教回答」的方式，幫助正在學習此段落的同學釐清觀念。

<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/823961636?h=d7afa25236&amp;badge=0&amp;autopause=0&amp;player_id=0&amp;app_id=58479" frameborder="0" allowfullscreen>
</iframe>
</div>

##### 投影片

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

---

### Week 2 CRUD Q&A - Highlights

Week 2 舉辦的 CRUD Q&A，目的是幫助同學們在接觸資料庫與 CRUD 時，能夠從後段的視野，理解「從使用者點擊按鈕，發起 request，到取得 response 之前所發生的的每一個動作」。

除此之外，也透過「同學提問、助教回答」的方式，幫助正在學習此段落的同學釐清觀念。

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22718/_ALPHA_Camp______-_CRUD_Q_A.png">

<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;">
完整的express處理request的流程
</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/11370/medium_IMG_6180.JPG">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Aiden</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;">
以圖形來解釋瀏覽器與資料庫之間req和res的關係！
</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/10887/medium______.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Eric Yang</p>
</div>
</div>

現在就去看看拆解思考過程的會後錄影吧 ➡️ [
Week 2 CRUD Q&A - 2023/04 月班會後精華](https://lighthouse.alphacamp.co/courses/100/units/28552)

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>