---
# System prepended metadata

title: 會後精華

---

# 會後精華


2 月 20 日舉辦的 Week 2 Q&A，目的是為了協助你更加如何運用 JavaScript 處理字串與 function 的使用，讓你在未來運用 JavaScript 能夠更加上手。

在這次的工作坊中，助教講師 Ｗesley 先拆解分出 A4 的架構，接著把每個小架構透過寫下來，再寫funtion 才不會混淆一邊寫程式一邊講解思路，也與同學們分享開發時的小技巧。例如：

- 在寫程式碼時，盡量先用題目(使用者)最終預期希望產生的結果，去分析、了解需要的資訊，協助自己思考可能的實作方式：
    - 需要產生彩票，並分給每一位客戶 → 增加彩票給 players
    - 彩票號碼都要不一樣 → 需要有地方儲存資料來對照
    - 彩票號碼有英文與數字 → 需要處理英文字母、需要處理數字
- 在思考整個段落要完成的內容時，可以先將流程控制先寫下來 (不要先拆出去寫 function 的內容)，協助自己先架構出整個段落需要考量的事情，再去細節的處理 function 運作



<div style="width: 100%; box-shadow: 3px 3px 5px #e8e8e8; border-radius: 10px;">
  <a href="https://zoom.us/rec/share/4u9bHpvS9kNIZ8_f8lDdVPYMFanJaaa8hCZP-6cOyR4ownuaNpYaWnDKlR690erG" target="_blank">
    <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10446/2020-02-21_at_4.52_PM.gif">
  </a>
</div>

<div style=" font-size: 14px; color: #088696; text-height:13px; padding-right: 20px;">
    <ul>
        <li>點擊上方圖片可觀賞完整影片，或點擊 <a href="https://zoom.us/rec/share/4u9bHpvS9kNIZ8_f8lDdVPYMFanJaaa8hCZP-6cOyR4ownuaNpYaWnDKlR690erG" target="_blank">這個連結</a> 也可至完整影片連結
        </li>
        <li>工作坊的影片由於 server 空間問題，雲端會於 60 天後自動刪除，敬請把握時間觀看影片
        </li>
    </ul>
</div>


#### 工作坊參考資料
##### 投影片
<div style="position: relative;width:100%;height:0;padding-bottom: 56.25%;"><iframe style="position:absolute;top:0;left:0;width:90%;height:90%" src="https://docs.google.com/presentation/d/e/2PACX-1vQrW-eLyMBNGSdPZSBFnYA186XGXF-UgCNacoxS6JZ2S7tHzKJgWdAjutP5c7nTWFFws8Rdbp7nmJx3/embed?start=false&loop=false&delayms=3000" frameborder="0" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe></div>

##### Sample Code
- [A4 作業 - 影片中使用的版本](https://repl.it/@yunjuchien/A4-Bu-Zou-Jiang-Jie-Ji-Chu-Ban)
- [A4 作業 - 進階語法版本](https://repl.it/@yunjuchien/A4-Jin-Jie-Xie-Fa)


