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

[toc]

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

## 11/4 JavaScript 工作坊 - Highlights

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14636/ezgif-6-599d73f8035e.gif">

11 月 4 日舉辦的 JavaScript 工作坊，目的是為了協助同學們在難度、學習時間都提升的學期 2-1 課程中有效學習，了解在初次大量接觸 JavaScript 函式庫時的學習方法與上手重點。

在這次的工作坊中，助教講師 Yujen 不僅帶領同學們練習，與同學們分享開發時的小技巧，更詳細的展示每一步構思程式的演化，讓同學大讚不管是技術還是學習方式都有很大的收穫！

<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/4467/medium_FB_IMG_1496187497919.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;word-break:break-word;">jefflin</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; line-height:21px;">
The coordinator and tutor of the course are very nice and friendly. This workshop could totally initiate me to learn more and deeply throughout the course
</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://lighthouse-cdn.alphacamp.co/default/medium_user_photo.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Wesley</p>
</div>
</div>

現在就去看會後錄影吧！ ➡️ [JavaScript 工作坊 - 2020/11 月班會後精華](https://lighthouse.alphacamp.co/courses/40/units/8139)

<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/19 Week 3 DOM 基本元素上手工作坊 - Highlights

11 月 19 日舉辦的 DOM 基本元素上手工作坊，目的是為了協助你熟悉如何運用 JavaScipt 選出特定 DOM 節點 ！

在這次的工作坊中，講師 Wells 不僅帶領同學們練習了
[A16: 客製化名片模板：抽換節點內容](https://lighthouse.alphacamp.co/courses/40/assignments/950)，助教講師 Jayne 也透過井字遊戲讓同學們在互動中，思考很多選取節點的寫法，讓同學們在之後的學習更有信心！
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14758/2-1_DOM.jpg">

<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; line-height:21px;">
Q&A很棒。還有井字遊戲時，分析同學的程式碼優缺點，能比較了解寫程式碼時要注意什麼事
</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/4468/medium_arabic_elder_sign_by_zero_mostel-d75kyl3.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;line-height:21px;">
同學的提問和助教的即時解答非常有幫助，助教講解的方式也很生活化，很容易理解
</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/4426/medium_1554179482924.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Belinda</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/4428/medium_121014529_177384093868125_7498006747496737312_n.jpg">
<p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">emily</p>
</div>
</div>

現在就去看實用的會後錄影吧 ➡️ [Week 3 DOM 基本元素上手工作坊 - 2020/11 月班會後精華](https://lighthouse.alphacamp.co/courses/40/units/8170)

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