---
# System prepended metadata

title: '[Archived] 學期 2-2 會後精華 公告'
tags: [學期 2-2, 會後精華公告, archived]

---

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

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

[toc]

## 11/11 Week 2 打造 POS 機工作坊 - Highlights

11 月 11 日舉辦的 Week 2 打造 POS 機工作坊，目的是為了協助你熟悉如何運用 JavaScipt 結合 DOM 與 API 資料，讓網頁實際像個小產品！

在這次的工作坊中，助教 小字 除了帶領同學們實作 POS 機介面，與同學們分享開發時的小技巧，更詳細的解說在不同語法的使用觀念，讓同學們讚嘆學到了很棒的新方法。
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14719/_ALPHA_Camp_____2-2____POS______2020-11-11_.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;">
      主線跟支線任務的說法很傳神! 也很好讓人理解~~今天印象最深刻的就是這個了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/4167/medium_IMG_5449.JPG">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Claire</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/4140/medium_21751489_10212477545687869_903804565199713104_n.jpg">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Juju</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/3903/medium_9C0334EC-E4DF-44A2-A623-C5E95570F6BA.jpeg">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Olivia</p>
    </div>
</div>
-->


現在就去看看拆解思考過程的會後錄影吧 ➡️ [
Week 2 打造 POS 機工作坊 - 2020/11 月班會後精華](https://lighthouse.alphacamp.co/courses/41/units/8153)

<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/18 Week 3 事件與流程設計工作坊 - Highlights

11 月 18 日舉辦的 事件與流程設計工作坊，目的是為了協助你在思考如何打造出較複雜的功能時，更容易拆解 JavaScript 的步驟並運用工具來完成！

在這次的工作坊中，助教講師 Zet 帶領同學們實際練習拆解功能，並與同學們分享思考功能時，可以更加深入的方向，讓同學對於專案開發的流程更有概念！

<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14756/_ALPHA_Camp_____2-2_11____-_____________20-11-18__Moment.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;">
真的好燒腦阿～～～整個流程要再多想幾次，可是還是很謝謝助教的分享!!! 讓我們更加了解在業界的工程師的想法，很受用!!
    </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/4167/medium_IMG_5449.JPG">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;word-break:break-word;">Claire</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/4230/medium_IMG_S.jpg">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">newush</p>
    </div>
</div>





現在就去看會後錄影吧！ ➡️ [Week 3 事件與流程設計工作坊 - 2020/11 月班會後精華](https://lighthouse.alphacamp.co/courses/41/units/8169)

<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/26 Week 4 微型專案設計與思考工作坊 - Highlights

11 月 26 日舉辦的微型專案設計與思考工作坊，目的是為了協助你在思考專案建立時，能夠運用不同的面向去拆解程式的流程。

本次的工作坊中，講師 Kuan 帶大家從遊戲規則的描述，歸納出資料和邏輯，走過專案拆解的過程與設計專案的關鍵，讓同學們都回饋內容非常有幫助！

<div style="width:100%;margin:5px;"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14802/GMT20201126-110330_-ALPHA-Cam_gallery_1760x900_Moment.jpg"></div>


<div style="display:flex; justify-content: space-between; background-color: #f6f6f6; border-radius:5px;  font-size: 0.875rem; margin-bottom: 5px;px">
    <div style="width: 80%; padding: 2% 5%; display:flex; justify-content: space-between; align-items: center;">
      今天大概可以更了解設計遊戲的流程，雖然還是要再把整個流程再多想幾次，但是Kuan講得很清楚，非常謝謝!
    </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/4167/medium_IMG_5449.JPG">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Claire</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/3813/medium_5636F01A-954C-42ED-8A39-3BD7B4DBEBFA.jpeg">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">newush</p>
    </div>
</div>


現在就去看看拆解流程設計的會後錄影吧 ➡️ [Week 4 微型專案設計與思考工作坊](https://lighthouse.alphacamp.co/courses/41/units/8178)

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