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

###### 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>  現在就去看看拆解思考過程的會後錄影吧 ➡️ [ 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>