---
# System prepended metadata

title: 學期二，中秋雙十連假挑戰賽相關 (公告彙整)
tags: [Special Event]

---

###### tags: `Special Event`

# 學期二，中秋雙十連假挑戰賽相關 (公告彙整)
[toc]

## Communication Timeline

- 10/1 (Thu.) 發布挑戰公告
- 10/2 (Fri.)
- 10/3 (Sat.)
- 10/4 (Sun.)
- 10/5 (Mon.) 挑戰快報 update (remind 學習進度、目前挑戰狀況、精選動態 comment)
- 10/6 (Tue.) coding+
- 10/7 (Wed.) 下週 webinar notice
- 10/8 (Thu.) Weekly eDM (remind 學習進度、挑戰狀況)
- 10/9 (Fri.)
- 10/10 (Sat.)
- 10/11 (Sun.)

---

## 學期二：中秋雙十特別活動，完成挑戰解鎖工作坊加碼內容！

<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14309/____.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14309/____.png" >
</a>
</div>

#### 享受假期，也要把握機會學習！

今天就是中秋節，祝各位同學們中秋佳節愉快！

這兩週有較多的假期時間可以自由安排，不知道大家有沒有安排時間跟親友聚聚、出遊呢？
（p.s 疫情期間，出遊還是別忘記戴口罩哦！）

假期時間除了賞月、烤肉，讓忙碌的自己喘口氣，別忘了還是要持續「大腦運動」，消化卡路里，維持你對於這幾週所學的熟悉度哦！

為了鼓勵同學在連假期間持續學習，教練團隊特別設計了「中秋雙十挑戰任務」！

#### 完成任務，解鎖工作坊加碼內容！

##### 任務獎勵
若是任務成功，我們將於 Week 3 DOM 元素操作工作坊，加碼 30 min 示範 Event X CSS Class 井字遊戲的實作技巧！

<div style="width:100%; text-align: center;">
<img style="width:80%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/12902/tic_tac_toe.gif" alt="Tic-tac-toe">
</div>


##### 任務內容
在連假期間，同學們除了可以運用時間完成 [Week 2 學習目標](https://lighthouse.alphacamp.co/announcements/1096)，還可以「[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)」持續往後續推進學習哦！

因此我們班的指定任務是在連假期間最後一次提前進度審核結束前(10/11 15:00)，**累計 30 位同學通過提前進度申請**。

##### 任務群組
本次任務將透過 Line 群組持續更新任務進度，同學們可以加入群組互相叮嚀！

並且學習教練團隊會於 10/1 - 10/11 期間，每日 14:00-15:00 完成提前進度審核，讓同學每天都可以推進進度哦！


<div style="width: 100%; text-align:center;">
<img style="width: 30%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14310/S__6873092.jpg"><br>
<span style="font-size:0.95rem; color:#9B9B9B;">請用手機掃描上方 QR code 加入 Line 群組，若無法掃描，可嘗試「用手機」點擊此連結：<a href="http://line.me/ti/g/KbO3gtb1V0" target="_blank">http://line.me/ti/g/KbO3gtb1V0</a></span>

</div>

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







---
### 下面是任務解說的文字內容

#### 學期 2-1

##### 任務內容
在連假期間，同學們除了可以運用時間完成 [Week 2 學習目標](https://lighthouse.alphacamp.co/announcements/1096)，還可以「[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)」持續往後續推進學習哦！

此我們班的指定任務是在連假期間最後一次提前進度審核結束前(10/11 15:00)，，**累計 30 位同學通過提前進度申請**。

##### 任務獎勵
若是任務成功，我們將於 Week 3 DOM 元素操作工作坊，加碼 30 min 助教示範 Event X CSS Class 井字遊戲的實作技巧！

---

#### 學期 2-2

##### 任務內容
在連假期間，同學們除了可以運用時間完成 [Week 2 學習目標](https://lighthouse.alphacamp.co/announcements/1097)，還可以「[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)」持續往後續推進學習哦！

此我們班的指定任務是在連假期間最後一次提前進度審核結束前(10/11 15:00)，，**累計 20 位同學通過提前進度申請**。

##### 任務獎勵
若是任務成功，我們將於 Week 3 事件設計與流程工作坊，加碼 30 min 助教示範「POS 機 進階功能 - 預覽庫存」的實作思考！

---

#### 學期 2-3

##### 任務內容
在連假期間，同學們除了可以運用時間完成 [Week 2 學習目標](https://lighthouse.alphacamp.co/announcements/1098)，還可以「[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)」持續往後續推進學習哦！

此我們班的指定任務是在連假期間最後一次提前進度審核結束前(10/11 15:00)，，**累計 15 位同學通過提前進度申請**。

##### 任務獎勵
若是任務成功，我們將於 Week 3 後端健檢工作坊，加碼 30 min 分享經典面試題型、網站開發觀念與解析！


---
## 學期 2-1：中秋雙十挑戰任務快報 & Week 2 作業延長批改！

<div style="width:100%; text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14328/F-1_Weekly_schedule.001.jpeg" target="_blank">
        <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14328/F-1_Weekly_schedule.001.jpeg">
    </a>
  <span style="font-size:0.85rem; font-weight: 300; color:#9B9B9B;">
    點擊圖片可檢視大圖</span>
</div>


本週是進度暫停週，平台並不會釋出 Week 3 進度，如果有意往下學習的同學，記得申請提前進度哦！

#### 挑戰任務快報 & 獎品加碼！

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">30</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">15</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">50</span> ％
		</td>
	</tr>
</table>

目前我們班在 [中秋雙十挑戰任務](https://lighthouse.alphacamp.co/announcements/1104) 上有相當好的進展，在短短 4 天中已經完成目標 50% 🎉🎉🎉

很開心看到同學們持續學習，一起迎接挑戰，大家繼續加油！在**完成 S2 Bootstrap & RWD 章節學習後就可以持續往前推進，申請[提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)**！

另外，為了鼓勵同學們延續現在的絕佳學習時機，如果我們超過原定的任務目標人數，任務完成率達到 150%，教練團隊將**加碼解鎖學期三前端課程的工作坊 - CSS 挑戰賽會後錄影**。

<div style="width: 100%; text-align: center;">
<img style="width:80%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14334/Screenshot_2020-10-05___4.20.49.png">
</div>

讓剛學完 BootStrap & RWD 的你：

- 深刻了解分割畫面策略對後續實作的影響
- 評估自己能在有限時間壓力下做到什麼程度，以診斷下一步刻意練習重點

<a class="btn btn-secondary" role="button" data-toggle="collapse" aria-expanded="false" href="#LineGroup" aria-controls="LineGroup">你還沒加入 Line 群組？現在就加入任務群組！
</a>

<div class="collapse" id="LineGroup" style="width: 100%; background-color: rgba(215, 215, 215, 0.2) ; padding: 5px 15px; border-radius: 4px;">
  <div style="width: 100%; display: flex; justify-content: space-around; align-items: center; ">
    <div style="width: 70%;">
      <p>本次任務透過 Line 群組持續更新任務進度，同學們可以加入群組互相叮嚀！</p>
     <p>並且學習教練團隊會於 10/1 - 10/11 期間，每日 14:00-15:00 完成提前進度審核，讓同學每天都可以推進進度哦！</p>
      <p>請用手機掃描右側 QR code 加入 Line 群組，若無法掃描，可嘗試「用手機」點擊此連結：<a href="http://line.me/ti/g/KbO3gtb1V0" target="_blank">http://line.me/ti/g/KbO3gtb1V0</a></p>
    </div>
    <div style="width: 28%;">
      <img style="width: 100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14310/S__6873092.jpg">
    </div>
  </div>
</div>


#### 還在 S2 學習？把握 Week 2 作業延長批改！

上週因為中秋連假，許多同學因此學習時間被壓縮，但仍持續努力推進學習。因此在教練團隊討論後，將特別開放延長 [A11: 我的履歷：RWD 實作應用](https://lighthouse.alphacamp.co/courses/40/assignments/945)、[A14: 【選修】Bootstrap x Grid：重製我的履歷](https://lighthouse.alphacamp.co/courses/40/assignments/948) 的繳交期限至 10/11 (日) 23:59。

之前來不及繳交，或是已經繳交但希望能夠更進化自己作業的同學，別忘記把握機會哦！


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


---

## 學期 2-2：中秋雙十挑戰任務快報 & Week 2 作業延長批改！

<div style="width:100%; text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14329/F-2_Weekly_Schedule.001.jpeg" target="_blank">
        <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14329/F-2_Weekly_Schedule.001.jpeg">
    </a>
  <span style="font-size:0.85rem; font-weight: 300; color:#9B9B9B;">
    點擊圖片可檢視大圖</span>
</div>


本週是進度暫停週，平台並不會釋出 Week 3 進度，如果有意往下學習的同學，記得申請提前進度哦！

#### 挑戰任務快報 & 獎品加碼！

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">20</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">10</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">50</span> ％
		</td>
	</tr>
</table>

目前我們班在 [中秋雙十挑戰任務](https://lighthouse.alphacamp.co/announcements/1105) 上有相當好的進展，在短短 4 天中已經完成目標 50% 🎉🎉🎉

很開心看到同學們持續學習，一起迎接挑戰，大家繼續加油！在**完成 S2 電影清單 章節學習後就可以持續往前推進，申請[提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)**！

另外，為了鼓勵同學們延續現在的絕佳學習時機，如果我們超過原定的任務目標人數，任務完成率達到 150%，教練團隊將**加碼解鎖學期三前端課程的工作坊 - CSS 挑戰賽會後錄影**。

<div style="width: 100%; text-align: center;">
<img style="width:80%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14334/Screenshot_2020-10-05___4.20.49.png">
</div>

讓剛學完 BootStrap & RWD 的你：

- 深刻了解分割畫面策略對後續實作的影響
- 評估自己能在有限時間壓力下做到什麼程度，以診斷下一步刻意練習重點

<a class="btn btn-secondary" role="button" data-toggle="collapse" aria-expanded="false" href="#LineGroup" aria-controls="LineGroup">你還沒加入 Line 群組？現在就加入任務群組！
</a>

<div class="collapse" id="LineGroup" style="width: 100%; background-color: rgba(215, 215, 215, 0.2) ; padding: 5px 15px; border-radius: 4px;">
  <div style="width: 100%; display: flex; justify-content: space-around; align-items: center; ">
    <div style="width: 70%;">
      <p>本次任務透過 Line 群組持續更新任務進度，同學們可以加入群組互相叮嚀！</p>
     <p>並且學習教練團隊會於 10/1 - 10/11 期間，每日 14:00-15:00 完成提前進度審核，讓同學每天都可以推進進度哦！</p>
      <p>請用手機掃描右側 QR code 加入 Line 群組，若無法掃描，可嘗試「用手機」點擊此連結：<a href="http://line.me/ti/g/KbO3gtb1V0" target="_blank">http://line.me/ti/g/KbO3gtb1V0</a></p>
    </div>
    <div style="width: 28%;">
      <img style="width: 100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14310/S__6873092.jpg">
    </div>
  </div>
</div>


#### 還在 S2 學習？把握 Week 2 作業延長批改！

上週因為中秋連假，許多同學因此學習時間被壓縮，但仍持續努力推進學習。因此在教練團隊討論後，將特別開放延長 [A8: 回顧 Search Bar 實作細節 ](https://lighthouse.alphacamp.co/courses/41/assignments/1010) 的繳交期限至 10/11 (日) 23:59。

之前來不及繳交，或是已經繳交但希望能夠更進化自己作業的同學，別忘記把握機會哦！


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


---

## 學期 2-3：中秋雙十挑戰任務快報 & Week 2 作業延長批改！

<div style="width:100%; text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14330/F-3_Weekly_Schedule.001.jpeg" target="_blank">
        <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14330/F-3_Weekly_Schedule.001.jpeg">
    </a>
  <span style="font-size:0.85rem; font-weight: 300; color:#9B9B9B;">
    點擊圖片可檢視大圖</span>
</div>


本週是進度暫停週，平台並不會釋出 Week 3 進度，如果有意往下學習的同學，記得申請提前進度哦！

#### 挑戰任務快報！

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">15</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">3</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">20</span> ％
		</td>
	</tr>
</table>

目前我們班在 [中秋雙十挑戰任務](https://lighthouse.alphacamp.co/announcements/1105) 的進度上推展較慢，完成率為 20%，但不用氣餒，我們距離任務結算還有一週的時間可以衝刺！

另外也想鼓勵同學，即使在上週遇到中秋連假 + 學習內容較多，我們班仍然有 **超過 90% 的同學都持續上線學習**，並且 **有將近 60% 的同學完成 S3 Express 打造 Web App 的學習**。

很開心看到同學們持續學習，一起迎接挑戰，大家繼續加油！也歡迎大家無論進度在哪，都加入 Line 群組，一起互相叮嚀！

<a class="btn btn-secondary" role="button" data-toggle="collapse" aria-expanded="false" href="#LineGroup" aria-controls="LineGroup">你還沒加入 Line 群組？現在就加入任務群組！
</a>

<div class="collapse" id="LineGroup" style="width: 100%; background-color: rgba(215, 215, 215, 0.2) ; padding: 5px 15px; border-radius: 4px;">
  <div style="width: 100%; display: flex; justify-content: space-around; align-items: center; ">
    <div style="width: 70%;">
      <p>本次任務透過 Line 群組持續更新任務進度，同學們可以加入群組互相叮嚀！</p>
     <p>並且學習教練團隊會於 10/1 - 10/11 期間，每日 14:00-15:00 完成提前進度審核，讓同學每天都可以推進進度哦！</p>
      <p>請用手機掃描右側 QR code 加入 Line 群組，若無法掃描，可嘗試「用手機」點擊此連結：<a href="http://line.me/ti/g/KbO3gtb1V0" target="_blank">http://line.me/ti/g/KbO3gtb1V0</a></p>
    </div>
    <div style="width: 28%;">
      <img style="width: 100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14310/S__6873092.jpg">
    </div>
  </div>
</div>


#### 還在 S2 學習？把握 Week 2 作業延長批改！

上週因為中秋連假，許多同學的學習時間因此需要動態調整，在教練團隊討論後，將特別開放延長 [
A5: 幹話產生器](https://lighthouse.alphacamp.co/courses/42/assignments/1032)、[A6: 餐廳清單擴充 CRUD 功能](https://lighthouse.alphacamp.co/courses/42/assignments/1038) 的繳交期限至 10/11 (日) 23:59。

之前來不及繳交，或是已經繳交但希望能夠更進化自己作業的同學，別忘記把握機會哦！


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


---

## 學期 2-1：Week 3 學習目標 & 挑戰任務結算特例加碼！

<div style="width:100%;text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14393/F-1_Weekly_schedule.001.jpeg" target="_blank">
    <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14393/F-1_Weekly_schedule.001.jpeg">
    </a>
  <span style="font-size:0.85rem; font-weight: 300; color:#9B9B9B;">
    點擊圖片可檢視大圖</span>
</div>


#### 本週學習重點

本週的範圍是 S3 DOM 操作與事件。能夠學會 DOM 操作，即是立下完整前端能力的第一個里程碑，也是整個網頁開發課程承上啟下的重點概念。

你將學習如何用 JavaScript 操作 DOM 元素，用程式語言把邏輯加到靜態網頁裡，讓網頁能根據不同的事件來發生變化，讓你的網頁 動 起 來 ！<img style="height:16px;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10510/blob-sunglasses.gif"><img style="height:16px;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10510/blob-sunglasses.gif"><img style="height:16px;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10510/blob-sunglasses.gif">

你的本週目標是：

- 完成 [A19: 彩子的計分版：動態資料](https://lighthouse.alphacamp.co/courses/40/assignments/953) 建立 <u>能夠處理資料並動態渲染在網頁中</u> 的能力
- 完成「事件驅動程式設計」段落，了解 event listener 的概念及寫法，初次結合 DOM 修改網頁文字、物件



#### 挑戰任務結算 -- Week 3 工作坊特別加碼！

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">30</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">29</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">97</span> ％
		</td>
	</tr>
</table>

[中秋雙十連假挑戰任務](https://lighthouse.alphacamp.co/announcements/1104)，在昨天告一段落！

結算任務達成率為 97%，雖然最後距離達標差了一點點，但教練團隊們很開心看到同學們這次相當認真、努力地參與本次任務。

因此這個禮拜的工作坊，我們將 <span style="color:#CE2D0F;font-weight: bold;">特例加碼 15 min，邀請助教示範如何運用 DOM 節點選取操作 CSS Class！</span>

想跟著助教一起動手挑戰井字遊戲的同學，務必準時上線參與哦！

<div style="background: #ececec80; padding: 15px; border-radius: 10px ; font-weight: bold; width:100%; display: flex; justify-content: space-between; align-items: center;">
    <div style="width: 35%; text-align: center;">
    <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/12902/tic_tac_toe.gif" alt="Tic-tac-toe">
    </div>
    <div style="width: 60%;">
    <ul>
    <li>工作坊時間：10/15 (四) 19:30 - 21:00</li>
    <li>行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/40/units/8115" target="_blank">Week 3 DOM 基本元素元素工作坊 -- 活動頁</a></li>
    </ul>
    </div>
</div>


#### 還在學習前面的章節，怎麼辦？

學期二整體課程以 JavaScript 為重心，擁有 JavaScript 基礎也是進入本週 S3 DOM 元素章節的必要門檻。

- 請 <code>尚未完成 <a href="https://lighthouse.alphacamp.co/courses/40/assignments/940" target="_blank">A5:週年慶摸彩活動：完整執行</a> 的同學</code> ，務必先完成此份作業，再進入 DOM 章節。 
- 請 <code>尚在學習 S2 Bootstrap & RWD 或 【選修】CSS 切版的同學</code>，<span style="color:#CE2D0F;font-weight: bold;">只要完成 <a href="https://lighthouse.alphacamp.co/courses/40/assignments/1132" target="_blank">A8: 組裝我的社群主頁</a>後，就直接進入 DOM 章節。</span>
後半段的 RWD 概念並非未來章節學習的必要條件，跳過並不影響後續學習。同學可以視個人時間安排學習時間，建議先以跟上課程主進度為主。


<div style="color: #002380;    background-color: #ccdaff;    border-color: #ebccd1;    padding: 15px;    margin-bottom: 20px;    border: 1px solid transparent;    border-radius: 4px;    display:flex;    align-items: center;    justify-content: space-between;    font-size:13px;">
  <div style="max-width:15%;">
    <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10438/______512.001.png" style="width:100%;">
  </div>

  <div style="max-width:82%;">
    <h5 style="color: #002380 ;margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
      學習教練提醒
    </h5>
    <p>
      由於 DOM 的技術在近幾年有不同的改版，習慣運用查找大量資源來學習的同學，可能會遇到許多細節讓你分心(例如：新舊語法的不同之處)。<b>因此請同學在學習 DOM 這個章節時，務必將<u>焦點放在課程中的實作</u></b>，避免你掉進細節海裡。
    </p>
    <p>另外，在實作 DOM 操作時，時常需要查找語法、console.log 除錯⋯⋯等，同學們可參考【<a href="https://lighthouse.alphacamp.co/courses/40/units/7854" target="_blank">學長姊跟你說：常常在作業卡關怎麼辦？</a>】中，Yating 學姊的心法分享，幫助自己破關！</p>
  </div>
</div>


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

---

## 學期 2-2：Week 3 學習目標 & 挑戰任務結算特例加碼！

<div style="width:100%; text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14396/F-2_Weekly_Schedule.001.jpeg" target="_blank">
    <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14396/F-2_Weekly_Schedule.001.jpeg">
    </a><br>
    <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span>
</div>


#### 本週學習重點

本週的範圍是 S3 社群名單：自主實作，我們將透過幾份「專案型」的作業，來完整的走過 "I DO, WE DO, YOU DO" 的過程。


你的目標是：

- **第 1 階段**：完成社群名單基本功能
在「讓專案動起來」這個階段，你需要將上週跟著電影清單教案所學的功能第一次內化。過程中你可能會需要時常回去對照教案內容、之前寫的筆記，幫助自己理清功能的拆解邏輯以及可能會需要的 JavaScript 語法工具。
本階段練習目標：把網頁的功能做出來！暫時還可以先不用思考太多關於「函式耦合」的部分，重點是要網頁要能夠先動！

- **第 2 階段**：程式碼優化
在「程式碼優化」這個階段，你將更進一步幫電影清單設計新的功能，並且嘗試運用之前所學的耦合、封裝概念，提升你的程式碼品質。
本階段練習目標：讓自己從頭走過一個功能拆解的過程、以及函式設計的過程，將這兩週的所學的內功與外功整合起來！


#### 挑戰任務結算 -- Week 3 工作坊特別加碼！

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">20</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">18</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">90</span> ％
		</td>
	</tr>
</table>

[中秋雙十連假挑戰任務](https://lighthouse.alphacamp.co/announcements/1105)，在昨天告一段落！

結算任務達成率為 90%，雖然最後距離達標差了一點點，但教練團隊們很開心看到同學們這次相當認真、努力地參與本次任務。

因此這個禮拜的工作坊，我們將 <span style="color:#CE2D0F;font-weight: bold;">特例加碼 15 min，邀請助教拆解「POS 機 進階功能 - 預覽庫存」的實作思考！</span>

想跟著助教完整拆解 POS 機設計的同學，務必準時上線參與哦！

<div style="background: #ececec80; padding: 15px; border-radius: 10px ; font-weight: bold; width:100%; display: flex; justify-content: space-between; align-items: center;">
    <div style="width: 35%; text-align: center;">
    <img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14312/inventory.gif">
    </div>
    <div style="width: 60%;">
    <ul>
    <li>工作坊時間：10/13 (二) 19:30 - 21:15</li>
    <li>行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/41/units/8116" target="_blank">Week 3 DOM 基本元素元素工作坊 -- 活動頁</a></li>
    </ul>
    </div>
</div>


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


---

## 學期 2-3：Week 3 學習目標 & 挑戰任務結算

<div style="width:100%; text-align: center;">
    <a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14397/F-3_Weekly_Schedule.001.jpeg" target="_blank">
    <img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14397/F-3_Weekly_Schedule.001.jpeg">
    </a><br>
    <span style="font-size:0.9rem; color:#9B9B9B;">點擊圖片可看大圖</span>
</div>


#### 本週目標

本週的進度範圍是 S5 全端開發 Part 2: To-do List x MongoDB。

我們將延續上周打造的 Todo List 專案，繼續強化功能、重構路由與美化介面。

你的目標是將本週的學習內容，練習運用在餐廳清單中，完成 [A8: 重構餐廳清單](https://lighthouse.alphacamp.co/courses/42/assignments/1039)，確認自己是否能夠：
- 參考 RESTful 設計，運用 HTTP 動詞來讓路由帶有語義
- 使用 express.Router 獨立路由器，並規劃路由模組
- 透過 CSS 或是 JavaScript 讓前端有適當的動態效果，優化使用者體驗


資料庫主題相當龐大，有許多單元與細節同學們正在在逐漸攻略，為了避免同學們在內容中迷航，我們相當建議你在每次開始學習前，回顧 [U73: 任務說明：To-do List](https://lighthouse.alphacamp.co/courses/42/units/7310)，確保自己有宏觀的學習方向。

過程中如果有迷航的話，也可以回到 U73 重新閱讀，提醒自己現在的進度到哪裡，避免掉入持續鑽研資料庫結構原理、和龐大的理論體系中。

#### 挑戰任務結算 -- Line 群組持續更新

<table style="width: 100%;">
	<tr>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務目標人數<br>
			<span style="font-size: 1.45rem;">15</span> 人
			</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">
			累計完成人數<br>
			<span style="font-size: 1.45rem;">9</span> 人
		</td>
		<td style="width: 33%; text-align: center; border: 5px solid #F9FAFB; border-radius: 3px; background-color: #fff; font-size: 0.85rem;">任務解鎖達成率<br>
			<span style="font-size: 1.45rem;">60</span> ％
		</td>
	</tr>
</table>

[中秋雙十連假挑戰任務](https://lighthouse.alphacamp.co/announcements/1106)，在昨天告一段落！

結算任務達成率為 60%，雖然沒有完成任務，但教練團隊們很開心看到同學們相當認真、努力地參與本次任務，發揮同儕一起扶持向前的力量！

<div style="display:flex; justify-content: space-between; background-color: #fff; 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/2536/thumb_IMG_2753.JPG">
    <p style="margin-block-start: 0.25em; margin-block-end: 0.25em;">Steve</p>
    </div>
</div>

因此，我們在課程期間，持續透過 Line 群組更新班級動態，讓同學們可以互相叮嚀，遇到挑戰也可以更即時的與同學們交流哦！

<a class="btn btn-secondary" role="button" data-toggle="collapse" aria-expanded="false" href="#LineGroup" aria-controls="LineGroup">你還沒加入 Line 群組？現在就加入！
</a>

<div class="collapse" id="LineGroup" style="width: 100%; background-color: rgba(215, 215, 215, 0.2) ; padding: 5px 15px; border-radius: 4px;">
  <div style="width: 100%; display: flex; justify-content: space-around; align-items: center; ">
    <div style="width: 70%;">
      <p>接下來兩週將持續透過 Line 群組更新班級動態，同學們可以加入群組互相叮嚀！</p>
      <p>請用手機掃描右側 QR code 加入 Line 群組，若無法掃描，可嘗試「用手機」點擊此連結：<a href="http://line.me/ti/g/KbO3gtb1V0" target="_blank">http://line.me/ti/g/KbO3gtb1V0</a></p>
    </div>
    <div style="width: 28%;">
      <img style="width: 100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14310/S__6873092.jpg">
    </div>
  </div>
</div>

#### 本週活動 -- Week 3 後端健檢工作坊

這次工作坊，助教講師將協助同學們理解在學習了「學期 2-3：後端開發實務」課程之後，個人對於「全端開發」的掌握程度。

因此無論你在哪個章節，**通通可以、且高度建議務必參與這次的工作坊**，跟著助教的腳步，回顧這段時間以來自己累積的功力！

<div style="background: #ececec80; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;">
工作坊時間：10/15 (四) 19:30 - 21:00<br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/42/units/8117" target="_blank">Week 3 後端健檢工作坊 -- 活動頁</a>
</div>


#### 還在前面的章節，怎麼辦？

學期 2-3 的餐廳清單屬於一系列的作業，如果你目前還沒完成：
- [A3: 打造餐廳清單](https://lighthouse.alphacamp.co/courses/42/assignments/1029)
- [A5: 幹話產生器](https://lighthouse.alphacamp.co/courses/42/assignments/1032)
- [A6: 餐廳清單擴充CRUD](https://lighthouse.alphacamp.co/courses/42/assignments/1038)

請多利用 2 次作業補交批改的機會，申請 <a href="https://lighthouse.alphacamp.co/courses/38/units/7520" target="_blank">遲交作業批改</a>！


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