###### tags: `學期 2-1`

# 中秋額外任務

## 【選修】中秋學習挑戰 --- 啊~原來如此！

在學期二，除了學習新的知識和技術累積「外功」；持續提升自己寫程式的邏輯、技巧等「內功」也變得相當重要！而內功的提升更需要透過 **刻意練習** 來察覺自身的成長和進步的方向。

因此想邀請各位同學，分享你目前在學習網頁開發「啊~原來如此！」的時刻，將潛藏在你腦海深處的收穫，化為文字與他人分享，無論是額外查找資料學到的新東西、觀摩同學作業又發現了新天地、只要有新的學習收穫都可以喔！

也為了鼓勵同學積極分享，只要有「20 位以上同學留言分享」，教練將於第三週的【DOM 基本元素上手工作坊】，加碼開放 15 分鐘的 QA 問答！如果想了解更多關於業界工程師的心法、秘訣；抑或是想問問助教如何學習程式等，一定要把握機會啊！

#### 任務內容

在此單元下方留言你想分享的內容。若你看到同學的分享覺得很棒，也可以給他一個 `vote`!

<div style="width: 100%; background-color: #ccdaff; padding: 8px">

`以學習方法為範例`

**標題（想要分享的主題）**：克服排斥觀摩的心魔

**為什麼「原來如此」**:在過去的學習經驗當中，沒有人或老師會叫我在寫不出作業時，去看看別人或是答案怎麼寫的XD 所以一開始對於去觀摩同學作業感到有點陌生和擔憂，當我需要觀摩後才寫出作業時，會覺得有點不踏實，不過參加了工作坊和看完學長分享影片，才知道原來觀摩是非常有效率而且實用的學習方法！只要最後自己有學會，過程中用盡辦法也要達成！如果因為自己的心魔而放棄嘗試就太可惜了～

**相關連結資源** (optional)
[JS 工作坊會後精華](https://lighthouse.alphacamp.co/courses/98/units/26218)
[學長姊跟你說：如何以正確的心態和方法運用觀摩？](https://lighthouse.alphacamp.co/courses/98/units/26261)
[學習從「觀摩」中有效成長](https://lighthouse.alphacamp.co/courses/38/units/7526)

</div>

<br>
<div style="width: 100%; background-color: #f2dede; padding: 8px">

`以技術主題為範例`

**標題（想要分享的主題）**：其實 MDN 文件上就會寫 .split(), .repeat() ⋯⋯是用在哪個資料型態上哦！

**為什麼「原來如此」**：
朋友寫學期 2-1 A5 彩券完整執行作業時，跟我說他卡了很久，我請他給我看一下他的想法。
他說想要用 .repeat 的方法，讓除了頭獎、二獎、三獎以外的與會者，可以重複輸出，所以寫了 `.repeat(players.length-3)`，但一直跳錯，覺得很奇怪。

我對 .repeat() 這個方法沒什麼印象，所以查了 MDN，發現這是個「字串」方法，用來操作「陣列」當然會有問題啦！

**相關連結資源** (optional)
<https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/repeat>

</div>

#### 任務目標

「20 位以上同學留言分享」，教練將於第三週的【DOM 基本元素上手工作坊】，加碼開放 15 分鐘的 QA 問答！

#### 任務期間
2021/09/17 -2021/09/26 (第三週進度開啟前)

#### 任務獎勵

【DOM 基本元素上手工作坊】，加碼開放 15 分鐘的 QA 問答

若任務達標，教練將公告工作坊 QA 解鎖，並提前搜集同學問題，於第三週【DOM 基本元素上手工作坊】的最後加碼 15 分鐘，讓同學們有機會與助教有更多交流互動！

---

`學期 2-2`

# 中秋額外任務

## 【選修】中秋學習挑戰 --- 啊~原來如此！

在學期二，除了學習新的知識和技術累積「外功」，持續提升自己寫程式的邏輯、技巧等「內功」也變得相當重要！而內功的提升更需要透過 **刻意練習** 來察覺自身的成長和進步的方向。

因此想邀請各位同學，分享你目前在學習網頁開發「啊~原來如此！」的時刻，將潛藏在你腦海深處的收穫，化為文字與他人分享，無論是額外查找資料學到的新東西、觀摩同學作業又發現了新天地、只要有新的學習收穫都可以喔！

也為了鼓勵同學積極分享，只要有「10 位以上同學留言分享」，教練將於第三週的【事件流程設計工作坊】，加碼開放 15 分鐘的 QA 問答！如果想了解更多關於業界工程師的心法、秘訣；抑或是想問問助教當初如何選擇前、後端等，一定要把握機會啊！

#### 任務內容

在此單元下方留言你想分享的內容。若你看到同學的分享覺得很棒，也可以給他一個 `vote`!

<div style="width: 100%; background-color: #ccdaff; padding: 8px">

`以學習方法為範例`

**標題（想要分享的主題）**：使用陣列、物件的習慣

**為什麼「原來如此」**:我在寫程式的時候，其實還是比較習慣使用 primitve type 去處理各式各樣的資料，今天在觀摩別人的程式時，注意到 A5 POS機作業其實可以在新增購物項目時，用建立物件並加入到陣列裡面的方式去呈現。覺得是要刻意養成的習慣~

**相關連結資源** (optional)

</div>

<br>
<div style="width: 100%; background-color: #f2dede; padding: 8px">

`以技術主題為範例`

**標題（想要分享的主題）**：函式範疇與區塊範疇（Function vs Block Scope）

**為什麼「原來如此」**：
相信大家都很熟悉在 ES6 之後的 let 和 const 的用法，只要在有大括弧 {} 的區塊中 ( 如 if、while、for ) 使用 let 和 const，即使宣告的變數跟外面的變數名稱重複，也會因為區塊隔開的關係所以不會互相影響。

但應該有不少人跟我一樣，以為 var 變數一宣告就是全域的變數，不會受到 {} 區塊的影響，但直到看了文章後，發現在 ES6 之前的 var 也是會分 scope 的，只是只有 function scope 對 var 變數有分區作用，其他 if、while、for 的 {} 區塊對 var 則沒有限制的作用。

**相關連結資源** (optional)
https://cythilya.github.io/2018/10/19/function-vs-block-scope/

</div>

#### 任務目標

「15 位以上同學留言分享」，教練將於第三週的【事件流程設計工作坊】，加碼開放 15 分鐘的 QA 問答！

#### 任務期間
2021/09/17 -2021/09/26 (第三週進度開啟前)

#### 任務獎勵

【事件流程設計工作坊】，加碼開放 15 分鐘的 QA 問答

若任務達標，教練將公告工作坊 QA 解鎖，並提前搜集同學問題，於第三週【事件流程設計工作坊】的最後加碼 15 分鐘，讓同學們有機會與助教有更多交流互動！