###### tags: `學期 3` `工作坊頁面`
[toc]

# React Twitter 行前工作坊

## Before Webinar

### 報名 12/1 React Twitter 行前工作坊！

為了協助大家銜接到接下來的 Twitter 專案，下週四（12/1）的晚上 20:00-21:00，我們會在線上舉辦 React Twitter 行前工作坊，助教會運用 Twitter 的規格做為討論的素材，分享如何去思考專案。

若同學有 React 相關問題，也可以利用這次機會和助教多多即時互動哦！

本次分享內容包含以下主題：
* 聊聊拆解 react component
* 用React 實作圖片上傳

<div style="width:65%; background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width:fit-content;">
日期與時間：12/1 (四) 20:00～21:00</span><br>
與會連結：<a href="https://zoom.us/j/84406507133">https://zoom.us/j/83025840322</a><br>
會議密碼：826212<br>
<span style="color:#CE2D0F; font-size: 0.95rem; font-weight: bold;">注意：請使用電腦開啟連結，以利工作坊進行</span><br>
</div>

<!-- <div style="width:65%; background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width:fit-content;">
日期與時間：11/17 (四) 19:30 - 21:00</span><br>
與會連結：<a href="https://zoom.us/j/87933293565">https://zoom.us/j/87933293565</a><br>
會議密碼：133985<br>
<span style="color:#CE2D0F; font-size: 0.95rem; font-weight: bold;">注意：請使用電腦開啟連結，以利工作坊進行</span><br>

</div> -->

<br>

#### 行前準備

- 為了讓工作坊中能順利，如果有想向助教請教的問題，請於會前透過 [Slido](https://app.sli.do/event/7f5imuzs) 進行提問！
- <span style="background-color: #CE2D0F; color: #fff ; font-size: 0.9rem; padding: 0 5px; border-radius: 3px; font-weight: bold;">必備</span> 請確保你的「麥克風」可以開啟使用
- 如果是筆電使用者，通常筆電的麥克風即可收音，只要確保音訊有連接即可
- 如果是桌機使用者，或是筆電的麥克風無法使用(無法連接)，建議可以準備一個耳麥來使用（通常手機附的耳麥就很夠用了）
- 或著你可以運用手機進行連線，透過手機的話筒進行問答

---

### React Twitter 行前工作坊 - 行前提醒

Hi {{user_nickname}}，

為了協助大家銜接到接下來的 Twitter 專案，下週四（12/1）的晚上 20:00-21:00，我們會在線上舉辦 React Twitter 行前工作坊，助教會運用 Twitter 的規格做為討論的素材，分享如何去思考專案。

若同學有 React 相關問題，也可以利用這次機會和助教多多即時互動哦！

本次活動前，請同學務必**完成行前準備**，詳細內容請到活動頁面查看 ➡️ [React Twitter 行前工作坊](https://lighthouse.alphacamp.co/courses/207/units/28688)

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

---

### React Twitter 行前工作坊 - 重要通知

Hi {{user_nickname}}，

為了協助大家銜接到接下來的 Twitter 專案，本週四（12/1）的晚上 20:00-21:00，我們會在線上舉辦 React Twitter 行前工作坊，助教會運用 Twitter 的規格做為討論的素材，分享如何去思考專案。

#### 行前準備

- 團隊於本週新增了 [Twitter 專案思考藍圖](https://lighthouse.alphacamp.co/courses/207/units/28692) 單元，建議同學事先閱讀了解 Twitter 專案整體架構
- 這場活動有 QA 時間，讓同學針對 Week5 的分析設計稿作業進行問答
- 若學習過程中有任何疑問，可以事先在 [Slido](https://app.sli.do/event/526DpTZ3szGQLMFEUftVue) 上發問

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

---
### 12/1 React Twitter 行前工作坊 會後精華
本次在線上舉辦的 React Twitter 行前工作坊邀請到 Su 助教來分享以及回答同學的提問。

這次分享的主題有：

* 聊聊拆解react component
* Twitter 拆解 Q&A
* 圖片上傳功能 - 規格拆解
* Q&A

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