###### tags: `學期 2-3`
[toC]
# Web App 開發觀念健檢工作坊

## Before Webinar

### [重要通知] 05/18 Web App 開發觀念健檢工作坊 因故改期

原訂 05/18 19:30 的 [Web App 開發觀念健檢工作坊](https://lighthouse.alphacamp.co/courses/101/units/28535)，因故改期，若有造成困擾還請同學見諒。

**[更改後時間]**
<div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-weight: bold; width:fit-content;">
<p style="margin-block-start: 0em;">
• 活動時間：<span style="color:#CE2D0F; font-weight: bold;">05/15 (一)</span> 19:30 - 21:00<br>
• 活動頁面：<a href="https://lighthouse.alphacamp.co/courses/101/units/28535" target="_blank">Web App 開發觀念健檢工作坊 </a>
</p>
</div>

---

### 報名 Web App 開發觀念健檢工作坊 !

<!--
#### 什麼是 Web App 開發觀念健檢工作坊？

「Web App 開發觀念健檢工作坊」的目的，是希望能幫助同學理解在廣大的全端網路開發修煉地圖上，你們現在的學習狀況，大致上座落在哪裡，並且更進一步掌握自己對於全端開發的理解。-->

#### Web App 開發觀念健檢工作坊資訊

<div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px; font-weight: bold; width:fit-content;">
<p style="margin-block-start: 0em;">
• 活動時間：05/18 (四) 19:30 - 21:00<br>
• 與會連結：<a href="https://zoom.us/j/86985582895">https://zoom.us/j/86985582895</a><br>
• 會議密碼：721148<br>
<span style="color:#CE2D0F; font-size: 0.95rem; font-weight: bold;">注意：請使用電腦開啟連結，並確認「麥克風可以使用」，以利工作坊進行</span>
</p>
<a class="btn btn-normal" target="_blank" href="https://calendar.google.com/calendar/event?action=TEMPLATE&tmeid=MmlhZG92cTluc2JocnIwcGJvNHUyZGFyc3QgczdpYmk3OHUxZ2NuYTRxOWhtbzc4cGxoMjhAZw&tmsrc=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com">將行程添加到 Google 日曆</a>
</div>

#### 報名工作坊
本次工作坊將有面試題模擬環節，請同學及早報名才能有練習機會喔！
<typeform>qsEMlGZ4</typeform>

透過這次工作坊，協助同學理解在廣大的全端網路開發修煉地圖上，你們現在的學習狀況，大致上座落在哪裡，並且更進一步掌握自己對於全端開發的理解。

助教講師將會針對以下主題進行討論：

1. 從使用者、開發者的角度來講，我們到底在開發什麼
2. 網路運作原理重點觀念複習
3. 面試觀念題實戰模擬

#### 工作坊 Agenda
* 實戰演練：拆解 Lighthouse
* 業界面試題模擬
* 基本觀念題
* 進階挑戰題
* Q & A

#### 行前準備

本次工作坊需有的先備知識：

- 從學期 2-1 ~ 2-3 截至目前所學與網路運作、應用程式設計相關的內容

這個準備範圍相當大，因此<span style="color:red;"> **無論你在哪個章節，通通可以、且高度建議務必參與工作坊**</span>。

畢竟再怎麼準備，都不會有最完美準備的時刻，現在的你就是最好的你！

---

#### 更多工作坊
同學若想查詢更多工作坊活動，可以到 [學習活動日程](https://lighthouse.alphacamp.co/courses/101/units/20963) 單元確認喔！
<!-- https://lighthouse.alphacamp.co/courses/100/units/20749 -->

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

---

### 05/18 Web App 開發觀念健檢工作坊 - 行前提醒

<div style="width:100%;">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16350/Screenshot_2021-08-12___3.18.03.png">
</div>

在連續實作了幾週，接觸後端世界後，我們已經建立了全端網路應用程式的概念，但究竟你對於網路運作掌握了多少？未來的學習之路該怎麼發展？

就讓我們用 Web App 開發觀念健檢工作坊，來一次好好盤點你現在的技能與觀念吧！

現在就去看看這次工作坊的內容吧 ➡️ [報名 Web App 開發觀念健檢工作坊](https://lighthouse.alphacamp.co/courses/100/units/28545)
<!--https://lighthouse.alphacamp.co/courses/101/units/28535 -->
**(教練提醒：本次工作坊需要提前報名，記得一定填寫報名表唷！)**

<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：Web App 開發觀念健檢工作坊
在連續實作了三週，接觸後端世界後，我們已經建立了全端網路應用程式的概念，但究竟你對於網路運作掌握了多少？

今天晚上的講師助教將會認真考驗大家的真功夫，記得一定要上線參與哦！

**教練提醒：還沒報名的同學，記得要到活動頁面填寫報名表唷！**

#### 活動資訊
<div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px ; min-width:450px; width:fit-content;">
• 活動時間：05/22 (四) 19:30 - 21:00<br>
• 活動頁面：<a href="https://lighthouse.alphacamp.co/courses/100/units/28545" target="_blank">Web App 開發觀念健檢工作坊 </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
### Web App 開發觀念健檢工作坊會後精華

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

本次舉辦的 Web App 開發觀念健檢工作坊，教學團隊與助教透過與同學們輪流問答的方式，回顧重點觀念。

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

* Web App 開發觀念健檢工作坊 [共筆連結](https://docs.google.com/document/d/1sWzkbngHlCiKghuhS9tr928PEt0MBIiGIgMd_wv9h_Q/edit)

<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/816423106?h=b877006870&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:100%;height:100%" src="https://docs.google.com/presentation/d/e/2PACX-1vRlNNLbfFE0E3h15fpW22aDl8dnSQLczGWIAE4xOaOjNQ8HUJI6WowSnIY_vQXCs87Qv9HISKApvbC7/embed?start=false&loop=false&delayms=3000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
</div>

<!-- **TA 投影片**
<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-1vR2OE7KvaDHCB2rPOfXPWaZh2dqie6Lvs4y3bPRo8l4orm_0q8C5j9IKDj9kyEAZIicHO3Q7BwvKzQq/embed?start=false&loop=false&delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true">
</iframe>
</div>
-->

---

### 05/22 Web App 開發觀念健檢工作坊 - Highlights

本次舉辦的 Web App 開發觀念健檢工作坊，教學團隊與助教透過與同學們輪流問答的方式，回顧了學期 2-3 的學習觀念。

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

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22783/___2023-05-23___3.10.11.png">

<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px; font-size: 0.875rem; margin: 5px 0;">
<div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
助教依照自己經驗特別mark那些面試問題很重要，可以讓我們特別加強不熟的地方
</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/10907/medium_S__16080940.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Eason Lu</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/10848/medium_S__71803073.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Jim</p>
</div>
</div>

現在就去看看精彩的會後錄影吧 ➡️ [Web App 開發觀念健檢工作坊會後精華](https://lighthouse.alphacamp.co/courses/101/units/28536)
<!https://lighthouse.alphacamp.co/courses/100/units/28546!>

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

---
<!--開放上個班級同學參加公告-->

## Web App 開發觀念健檢工作坊 加碼開放參加名額

Hi {{user_nickname}}，距離你學期 2-3 課程結束已經經過一個月了，最近學習還好嗎？

在 9 月班的 Web App 開發觀念健檢工作坊中，維元 助教重新設計了 Lighthouse 開發實例介紹與實戰面試題目，讓同學能更進一步思考使用技術的本質觀念與限制。

教練特別開放 8 月班同學也能夠一同線上參與，加入模擬面試的互動，再增加一次刻意練習的機會，同時也為即將開課學期三暖身，若 {{user_nickname}} 時間允許，邀請你明晚一起上線參與！

#### 活動資訊
<div style="background: #ececec; padding: 15px; margin-bottom: 10px; border-radius: 10px ; min-width:450px; width:fit-content;">
• 活動時間：10/14 (四) 19:30 - 21:00<br>
• 與會連結：<a href="https://zoom.us/j/81113231705">https://zoom.us/j/81113231705</a><br>
• 會議密碼：523811<br>
<span style="color:#CE2D0F; font-size: 0.95rem; font-weight: bold;">注意：請使用電腦開啟連結，並確認「麥克風可以使用」，以利工作坊進行</span>
</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>