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

# F2-1 weekly goal

## 學期 2-1：Week 1 學習目標

<div id="alert-warning">
<p>Hi {{user_nickname}}，</p>
<p>學期二開始，我們將會走過三個不同主題，了解更多技術工具與網路應用程式設計脈絡。在全新的學習旅程開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/20401" target="_blank">U：學期 2-1 完課心法</a>，建立正確的學習心態與期待💪 </p>
<p><code>如果你是第一次加入 AC 課程</code> 對於 JavaScript <a href="https://lighthouse.alphacamp.co/courses/98/units/20441" target="_blank">基本語法</a> 不太熟練，請把握時間複習基本語法 (可來信 <a href="mailto:[e-mail]">[e-mail]</a> 申請補修教材)，不然直接進入 S1 課程可能會不太好吸收哦！</p>

</div>

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

線上工作坊日期（請先預留時間參加）：
<li> 02/08 (三) 19:30 - 21:00 JavaScript 工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28530" target="_blank">點我了解資訊 </a>
<li> 02/23 (四) 19:30 - 21:00 DOM 基礎元素上手工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28532" target=blank>點我了解資訊 </a>

#### 本週學習重點

本週的進度是 S1 JavaScript 核心觀念，我們將承接 JavaScript [基礎語法](https://lighthouse.alphacamp.co/courses/98/units/20441)，更進一步認識 JavaScript 的語言特性，像是基本型別與物件的差異、從資料結構的角度來看陣列與物件⋯⋯等。

透過週年慶摸彩活動的情境，帶你熟練 JS 核心觀念，你的目標是透過作業 <u>熟悉函式 (function) 的使用與字串處理的方式，並且能將多個函式組合成一支程式</u>。

具體的綜合練習將體現在 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行</a> 這份作業上，請以完成這份作業目標進行學習，期待看到你掌握 JavaScript 核心觀念！

現在就打開本週進度，開始你的學習旅程吧！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 class="coach-h5" style="margin-top: 0;">學習教練提醒 - 課程以外的任務</h5>
<p class="coach-p-start">歡迎大家加入學期 2-1 的行列，相信你已經迫不及待要大展身手了，特別提醒你，除了學習課程核心內容外，也記得完成以下任務讓你可以更有效地學習喔！
<br>
1.【重要】閱讀 <a href="https://lighthouse.alphacamp.co/courses/38" target="_blank">有效學習指南：必讀的體驗與機制！</a> 裡面有重讀、轉班、遲交作業該怎麼辦的各項操作說明
<br>
2. 加入 Discord <a href="https://lighthouse.alphacamp.co/courses/38/units/27911" target="_blank">AC 一起學社群</a>或是班級 LINE 群組與同學們解題交流！
<br>
3. 將各種學習活動的時間，設定在行事曆上：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405" target="_blank">工作坊</a>、<a href="https://lihi2.cc/wvAEt" target="_blank">飛航學習室行事曆</a>
</div>
</div>

#### 本週活動 -- JavaScript 工作坊

為了協助同學們能在難度、學習時間都提升的學期 2-1 課程中有效學習，AC 團隊在第一週設計了 JavaScript 工作坊。

在工作坊中，會帶著大家用生活化的案例動手實作，帶領你了解在初次大量接觸 JavaScript 函式庫時的學習方法與上手重點，不會因為被工具海淹沒而迷失。

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;">
日期與時間：02/08 (三) 19:30 - 21:00 <br>
❗️行前準備：<a href="https://lighthouse.alphacamp.co/courses/98/units/28530" target="_blank">報名 Week 1 JavaScript 工作坊</a>
</div>

#### 🔗 加入 LINE Group！同學都在上面

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

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---
<!-- ARCHIVED

## 學期 2-1：課程行事曆與 Week 1 學習目標 -- 插班生

<div id="alert-warning">
<p>Hi {{user_nickname}}，</p>
<p>歡迎你加入 ALPHA Camp 學期 2-1 的課程。</p>
<p>學期二開始，我們將會走過三個不同主題，了解更多技術工具與網路應用程式設計脈絡，深耕 JavaScript 語法與操作。</p>
<p>如果你對於 JavaScript <a href="https://lighthouse.alphacamp.co/courses/98/units/20441" target="_blank">基本語法</a> 不太熟練，請把握時間複習基本語法 (可來信 <a href="mailto:[e-mail]">[e-mail]</a> 申請補修教材)，不然直接進入 S1 課程可能會不太好吸收哦！</p>
</div>

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

線上工作坊日期（請先預留時間參加）：
<li> 12/07 (三) 19:30 - 21:00 JavaScript 工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28530" target="_blank">點我了解資訊 </a>
<li> 12/22 (四) 19:30 - 21:00 DOM 基礎元素上手工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28532" target=blank>點我了解資訊 </a>

#### 本週學習重點

本週的進度是 S1 JavaScript 核心觀念，我們將承接 JavaScript [基礎語法](https://lighthouse.alphacamp.co/courses/98/units/20441)，更進一步認識 JavaScript 的語言特性，像是基本型別與物件的差異、從資料結構的角度來看陣列與物件⋯⋯等。

透過週年慶摸彩活動的情境，帶你熟練 JS 核心觀念，你的目標是透過作業 <u>熟悉函式 (function) 的使用與字串處理的方式，並且能將多個函式組合成一支程式</u>。

具體的綜合練習將體現在 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行</a> 這份作業上，請以完成這份作業目標進行學習，期待看到你掌握 JavaScript 核心觀念！

現在就打開本週進度，開始你的學習旅程吧！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 class="coach-h5" style="margin-top: 0;">學習教練提醒</h5>
<p class="coach-p-start">本週有較多抽象的概念，每位同學對於 JavaScript 也有不同的熟悉度，如果遇到問題，請直接提問，讓助教幫助你！<br>也可以到 <a href="https://lighthouse.alphacamp.co/courses/38/units/27911" target="_blank">AC 一起學社群</a>或是班級LINE 群組與同學們解題交流喔！(有點不知道怎麼開始提問？可以參考 <a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習有效提問</a> 的單元)</p>
</div>
</div>

#### 🔗 加入 LINE Group 同學都在上面

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

#### 本週活動 -- JavaScript 工作坊

為了協助同學們能在難度、學習時間都提升的學期 2-1 課程中有效學習，AC 團隊在第一週設計了 JavaScript 工作坊。

在工作坊中，會帶著大家用生活化的案例動手實作，帶領你了解在初次大量接觸 JavaScript 函式庫時的學習方法與上手重點，不會因為被工具海淹沒而迷失。

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;">
日期與時間：12/07 (三) 19:30 - 21:00 <br>
❗️行前準備：<a href="https://lighthouse.alphacamp.co/courses/98/units/28530" target="_blank">報名 Week 1 JavaScript 工作坊</a>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：課程行事曆與 Week 1 學習目標 -- 重讀

<div id="alert-warning">
<p>Hi {{user_nickname}}，</p>
<p>歡迎你再次加入學期 2-1 的課程，相信經過上次的經驗，你已經注意到課程的難度、所需要投入的心力，都需要你積極地管理，才能更好的完成挑戰。</p>
<p>因此在開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/20401" target="_blank">U：學期 2-1 完課心法</a>，吸納上個班級的經驗，重新制定學習計畫。</p>

</div>

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

#### 本週學習重點

本週的進度是 S1 JavaScript 核心觀念，我們將承接 JavaScript [基礎語法](https://lighthouse.alphacamp.co/courses/98/units/20441)，更進一步認識 JavaScript 的語言特性，像是基本型別與物件的差異、從資料結構的角度來看陣列與物件⋯⋯等。

透過週年慶摸彩活動的情境，帶你熟練 JS 核心觀念，你的目標是透過作業 <u>熟悉函式 (function) 的使用與字串處理的方式，並且能將多個函式組合成一支程式</u>。

具體的綜合練習將體現在 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行</a> 這份作業上，請以完成這份作業目標進行學習，期待看到你掌握 JavaScript 核心觀念！

現在就打開本週進度，開始你的學習旅程吧！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 class="coach-h5" style="margin-top: 0;">學習教練提醒</h5>
<p class="coach-p-start">本週有較多抽象的概念，每位同學對於 JavaScript 也有不同的熟悉度，如果遇到問題，請直接提問，讓助教幫助你！<br>也可以到 <a href="https://lighthouse.alphacamp.co/courses/38/units/27911" target="_blank">AC 一起學社群</a>或是班級 LINE 群組與同學們解題交流喔！(有點不知道怎麼開始提問？可以參考 <a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習有效提問</a> 的單元)。
另外，對於 JavaScript <a href="https://lighthouse.alphacamp.co/courses/98/units/20441" target="_blank">基本語法</a> 不太熟練的同學，請把握時間複習基本語法，不然直接進入 S1 課程可能會不太好吸收哦！</p>
<p class="coach-p-end">(同學們若想要複習，請以學期一 S1 的 JavaScript 內容為主)</p>
</div>
</div>

#### 🔗 加入 LINE Group 同學都在上面

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

#### 本週活動 -- JavaScript 工作坊

為了協助同學們能在難度、學習時間都提升的學期 2-1 課程中有效學習，AC 團隊在第一週設計了 JavaScript 工作坊。

在工作坊中，會帶著大家用生活化的案例動手實作，帶領你了解在初次大量接觸 JavaScript 函式庫時的學習方法與上手重點，不會因為被工具海淹沒而迷失。

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;">
日期與時間：12/07 (三) 19:30 - 21:00 <br>
❗️行前準備：<a href="https://lighthouse.alphacamp.co/courses/98/units/28530" target="_blank">報名 Week 1 JavaScript 工作坊</a>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：課程行事曆與 Week 1 學習目標 -- 重讀（舊版）

<div id="alert-warning">
<p>Hi {{user_nickname}}，</p>
<p>歡迎你再次加入學期 2-1 的課程，相信經過上次的經驗，你已經注意到課程的難度、所需要投入的心力，都需要你積極地管理，才能更好的完成挑戰。</p>
<p>因此在開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/20401" target="_blank">U：學期 2-1 完課心法</a>，吸納上個班級的經驗，重新制定學習計畫。</p>

另外，<span style="color: #e52f28;">你的本次重讀將會**以新版課程進行**，因此近日會取消你在舊版課程（標示 2020）的重讀申請</span>，若收到相關信件請忽略即可，並不影響你的重讀權益喔！<br>
上個班級紀錄將保留在「學期 2-1：JavaScript 前端開發 (2020)」，因此務必<span style="color: #e52f28;">重新學習每週進度以及提交作業！</span>。</p>
</div>

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

#### 本週學習重點

本週的進度是 S1 JavaScript 核心觀念，我們將承接 JavaScript [基礎語法](https://lighthouse.alphacamp.co/courses/98/units/20441)，更進一步認識 JavaScript 的語言特性，像是基本型別與物件的差異、從資料結構的角度來看陣列與物件⋯⋯等。

透過週年慶摸彩活動的情境，帶你熟練 JS 核心觀念，你的目標是透過作業 <u>熟悉函式 (function) 的使用與字串處理的方式，並且能將多個函式組合成一支程式</u>。

具體的綜合練習將體現在 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行</a> 這份作業上，請以完成這份作業目標進行學習，期待看到你掌握 JavaScript 核心觀念！

現在就打開本週進度，開始你的學習旅程吧！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 class="coach-h5" style="margin-top: 0;">學習教練提醒</h5>
<p class="coach-p-start">本週有較多抽象的概念，每位同學對於 JavaScript 也有不同的熟悉度，如果遇到問題，請直接提問，讓助教幫助你！(有點不知道怎麼開始提問？可以參考 <a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習有效提問</a> 的單元)</p>
<p class="coach-p">另外，對於 JavaScript <a href="https://lighthouse.alphacamp.co/courses/98/units/20441" target="_blank">基本語法</a> 不太熟練的同學，請把握時間複習基本語法，不然直接進入 S1 課程可能會不太好吸收哦！</p>
<p class="coach-p-end">(同學們若想要複習，請以學期一 S1 的 JavaScript 內容為主)</p>
</div>
</div>

#### 本週活動 -- JavaScript 工作坊

為了協助同學們能在難度、學習時間都提升的學期 2-1 課程中有效學習，AC 團隊在第一週設計了 JavaScript 工作坊。

帶領你了解在初次大量接觸 JavaScript 函式庫時的學習方法與上手重點，不會因為被工具海淹沒而迷失。

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width: fit-content;">
日期與時間：9/8 (三) 19:30 - 21:00 <br>
❗️行前準備：<a href="https://lighthouse.alphacamp.co/courses/98/units/26218" target="_blank">報名 Week 1 JavaScript 工作坊</a>
</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 學習目標 -- 尚未完成 A5

<div id="alert-warning">
Hi {{user_nickname}}，
<p>
⚠️ 截至統計時間，你的作業 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行！</a>助教批改結果為 <code>Try Harder</code>，學期二整體課程以 JavaScript 為重心，擁有扎實的 JavaScript 基礎也是進入下週 S3 DOM 元素章節的必要門檻，所以請務必確認通過 A5 後再繼續往下學習：
</p>
<ul>
<li><code style="font-size: 1.1rem;">先完成 JS 章節，繳交 A5 作業</code>：完成 A5 作業後，申請 <a href="https://lighthouse.alphacamp.co/courses/38/units/7520" target="_blank">遲交作業批改</a>，獲得助教回饋</li>
<li><code style="font-size: 1.1rem;">放心提問</code>：課程單元中的 Q&A 沒有進度限制，可以放心向助教提問；如果面對助教有點害羞，你也可以透過 <a href="https://lighthouse.alphacamp.co/courses/38/units/27911" target="_blank"> AC 一起學社群</a>，向同學、學長姐們請教。</li>
<li><code style="font-size: 1.1rem;">參與飛航學習室</code>：推薦你參加飛航學習室幫督促自己學習，許多同學都藉由飛航找到了自己學習節奏喔！(飛航場次請見 LINE 群組）</li>
</ul>
</div>

#### Week 2 進度學習重點

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

<div style="width:100%; text-align: center;">
<span style="font-size:1rem; color:#9B9B9B;">請預留工作坊時間線上參與：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

線上工作坊日期（請先預留時間參加）：
<li> 11/17 (四) 19:30 - 21:00 DOM 基礎元素上手工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28532" target=blank>點我了解資訊 </a>

#### 本週學習重點

本週的進度是 S2 網頁切版技巧與工具。在這個章節你將開始攻略一些業界常用的切版技能，認識實用的介面工具 Bootstrap 與現在網頁設計的重要原則 RWD。

你的目標是：

- 建立能夠 <u>在處理不同區塊畫面時，選擇適當工具（box model、flexbox、position 等）來進行切版，並完成和設計稿一致的網頁畫面。</u>
- 建立能夠 <u>自主查閱 Bootstrap Components、Utilities 文件，快速建立網頁，與調整排版細節</u> 的能力。
- 了解讓網頁元件適應不同尺寸螢幕的 RWD 設計原理。並且能夠<u>使用 DevTools 觀察 RWD 案例</u>。

具體將體現在 [A: 校長盃 UI 設計首獎作品](https://lighthouse.alphacamp.co/courses/98/assignments/3628)、[A: 組裝我的社群主頁](https://lighthouse.alphacamp.co/courses/98/assignments/3629) 這兩份指標作業中。完成這 2 份作業後，也別忘記繼續往後學習 RWD 觀念喔！

#### 小叮嚀

<p>1. 本週學習方法將不同於第一週的 JavaScript，除了需要動手測試熟悉各種 CSS 屬性的效果以外，開始切版前務必要先拆解畫面架構，分析各個頁面層級。因此在開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/25397" target="_blank">U：CSS 學習方法</a></p>

<p>2. 在練習使用 Bootstrap 時，同學們會需要先熟悉 Bootstrap 官網的分類架構，才能提高查閱速度，第一次上手通常會投資一定的時間。</p>

<div id="coach-container">
<div id="coach-icon-box">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10438/______512.001.png" style="width:100%;"></div>
<div id="#coach-content-box">
<h5 style="color: #002380 ;margin-block-start:0em; margin-block-end: 0em; margin-top: 0;"> 學習教練的話</h5>
<p class="coach-p-start">這裡是學習教練 Sarah。進入到 2-1 你還順利嗎？
</p>
<p class="coach-p-start">第一週的指標作業是 A5:週年慶摸彩活動：完整執行！指標作業是提供同學們「檢核自己已經掌握該主題的核心能力」的判斷標準，因此，若你還沒有開始寫 A5 作業，打鐵趁熱立刻動手思考吧！（第二週的進度份量較少，務必把握這週追上進度！）
</p>
<p>
<li>總是學習時分心 ➡️ 參加飛航學習室，把學習時間預約下來</li>
<li>遇到不懂的概念 ➡️ 直接在單元 (Unit) 底下向助教提問</li>
<li>寫作業卡住的盲點 ➡️ 先繳交作業並附上文字說明請助教解惑</li>
</p>
</div>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 2 學習目標

<div id="alert-warning">
Hi {{user_nickname}}，
<p>上週的學習還好嗎？教練觀察到大家都有認真啟動學習，但還有部分同學尚未完成 Week 1 指標作業<a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank"> A5: 週年慶摸彩活動：完整執行！</a></p>
<p>因此教練特別幫大家爭取<span style="color: #e52f28;">「延長 A5 作業批改期限至本週三」02/15 23:59 前！</span></p>
<p>只要在週三前繳交 A5 作業，還是能夠獲得助教批改！不需額外申請遲交作業批改喔！希望大家把握機會、繼續將作業完成！
</p>
</div>

#### Week 2 進度學習重點

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

<div style="width:100%; text-align: center;">
<span style="font-size:1rem; color:#9B9B9B;">請預留工作坊時間線上參與：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

<!-- 線上工作坊日期（請先預留時間參加）：
12/22 (四) 19:30 - 21:00 DOM 基礎元素上手工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28532" target=blank>點我了解資訊 </a> -->

#### 本週學習重點

本週的進度是 S2 網頁切版技巧與工具。在這個章節你將開始攻略一些業界常用的切版技能，認識實用的介面工具 Bootstrap 與現在網頁設計的重要原則 RWD。

你的目標是：

- 建立能夠 <u>在處理不同區塊畫面時，選擇適當工具（box model、flexbox、position 等）來進行切版，並完成和設計稿一致的網頁畫面。</u>
- 能夠 <u>自主查閱 Bootstrap Components、Utilities 文件，快速建立網頁，與調整排版細節</u>。
- 了解讓網頁元件適應不同尺寸螢幕的 RWD 設計原理。並且能夠<u>使用 DevTools 觀察 RWD 案例</u>。

具體將體現在 [A: 校長盃 UI 設計首獎作品](https://lighthouse.alphacamp.co/courses/98/assignments/3628)、[A: 組裝我的社群主頁](https://lighthouse.alphacamp.co/courses/98/assignments/3629) 這兩份指標作業中。完成這 2 份作業後，也別忘記繼續往後學習 RWD 觀念喔！

#### 小叮嚀

<p>1. 本週學習方法將不同於第一週的 JavaScript，除了需要動手測試熟悉各種 CSS 屬性的效果以外，開始切版前務必要先拆解畫面架構，分析各個頁面層級。因此在開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/25397" target="_blank">U：CSS 學習方法</a></p>

<p>2. 在練習使用 Bootstrap 時，同學們會需要先熟悉 Bootstrap 官網的分類架構，才能提高查閱速度，第一次上手通常會投資一定的時間。</p>

<div id="coach-container">
<div id="coach-icon-box">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10438/______512.001.png" style="width:100%;"></div>
<div id="#coach-content-box">
<h5 style="color: #002380 ;margin-block-start:0em; margin-block-end: 0em; margin-top: 0;"> 學習教練的話</h5>
<p class="coach-p-start">這裡是學習教練 Dan。進入到 2-1 你還順利嗎？
</p>
<p class="coach-p-start">教練注意到同學們表達「課程難度變高」，「寫作業的時候很擔心自己不會」等狀況，學習不是百米衝刺而是馬拉松，懂得配速、安排學習計畫很重要，教練提醒不要忘記還有很多的資源你可以運用來讓你的學習更有效率喔！
</p>
<p class="coach-p-start">
<li>總是學習時分心 ➡️ 參加飛航學習室，把學習時間預約下來</li>
<li>遇到不懂的概念 ➡️ 直接在單元 (Unit) 底下向助教提問</li>
<li>寫作業卡住的盲點 ➡️ 先繳交作業並附上文字說明請助教解惑</li>
<li>學習計畫或心境上想諮詢 ➡️ 來信給教練一起討論</li>
</p>
</div>
</div>

<div id="alert-warning">
<p>若你尚未取得 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5: 週年慶摸彩活動：完整執行！</a>的 Meet Expectation，學期二整體課程以 JavaScript 為重心，擁有扎實的 JavaScript 基礎也是進入下週 S3 DOM 元素章節的必要門檻，所以請務必確認通過 A5 後再繼續往下學習：
</p>
<ul>
<li><code style="font-size: 1.1rem;">將作業修改至 Meet Expectation</code>：修改 try harder 作業後，在留言區 tag 負責批改的助教，達到 Meet Expectation 後再繼續往下。</li>
<li><code style="font-size: 0.9rem;">放心提問</code>：課程單元中的 Q&A 沒有進度限制，可以放心向助教提問；如果面對助教有點害羞，你也可以透過 <a href="https://lighthouse.alphacamp.co/courses/38/units/27911" target="_blank"> AC 一起學社群</a>，向同學、學長姐們請教。</li>
<li><code style="font-size: 0.9rem;">運用工作坊精華</code>：推薦你用工作坊會後影片幫助自己學習，許多同學都說打通任督二脈了！</li>
</ul>

</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## (Archived)學期 2-1：Week 2 學習目標 -- 直接進 S2

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

<div style="width:100%; text-align: center;">
<span style="font-size:1rem; color:#9B9B9B;">請預留工作坊時間線上參與：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

線上工作坊日期（請先預留時間參加）：
<li> 11/17 (四) 19:30 - 21:00 DOM 基礎元素上手工作坊 <a href = "https://lighthouse.alphacamp.co/courses/98/units/28532" target=blank>點我了解資訊 </a>

#### 本週學習重點

本週的進度是 S2 網頁切版技巧與工具。在這個章節你將開始攻略一些業界常用的切版技能，認識實用的介面工具 Bootstrap 與現在網頁設計的重要原則 RWD。

你的目標是：

- 建立能夠 <u>在處理不同區塊畫面時，選擇適當工具（box model、flexbox、position 等）來進行切版，並完成和設計稿一致的網頁畫面</u>。
- 建立能夠 <u>自主查閱 Bootstrap Components、Utilities 文件，快速建立網頁，與調整排版細節</u> 的能力。
- 了解讓網頁元件適應不同尺寸螢幕的 RWD 設計原理。並且能夠<u>使用 DevTools 觀察 RWD 案例</u>。

具體將體現在 [A: 校長盃 UI 設計首獎作品](https://lighthouse.alphacamp.co/courses/98/assignments/3628)、[A: 組裝我的社群主頁](https://lighthouse.alphacamp.co/courses/98/assignments/3629) 這兩份指標作業中。完成這 2 份作業後，也別忘記繼續往後學習 RWD 觀念喔！

##### 小提醒
1. 本週學習方法將不同於第一週的 JavaScript，除了需要動手測試熟悉各種 CSS 屬性的效果以外，開始切版前務必要先拆解畫面架構，分析各個頁面層級。因此在開始前，請務必先詳讀 <a href="https://lighthouse.alphacamp.co/courses/98/units/25397" target="_blank">U：CSS 學習方法</a>
2. 在練習使用 Bootstrap 時，同學們會需要先熟悉 Bootstrap 官網的分類架構，才能提高查閱速度，第一次上手通常會投資一定的時間。
3. 如果你在完成主要進度後，希望能夠有更進階的學習，請試著挑戰 S1 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2964" target="_blank">【選修】簡易 RPG 戰鬥：攻擊與補血</a>，運用抽象畫思維來設計物件之間的互動。

#### 完成 S2 網頁切版技巧與工具 後，你可以⋯⋯

##### 申請提前進度
如果你已經完成 S2 網頁切版技巧與工具，想要繼續往後面的章節學習，歡迎透過 [提前進度機制](https://lighthouse.alphacamp.co/courses/38/units/7521)，往 S3 章節學習，把握時間持續推進！

<div id="coach-container">
<div id="coach-icon-box">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10438/______512.001.png" style="width:100%;"></div>
<div id="#coach-content-box">
<h5 style="color: #002380 ;margin-block-start:0em; margin-block-end: 0em; margin-top: 0;"> 學習教練提醒</h5>
<p class="coach-p-start">這裡是學習教練 Sarah。進入到 2-1 你還順利嗎？
</p>
<p class="coach-p-start">教練注意到同學們表達「課程難度變高」，「寫作業的時候很擔心自己不會」等狀況，學習不是百米衝刺而是馬拉松，懂得配速、安排學習計畫很重要，教練提醒不要忘記還有很多的資源你可以運用來讓你的學習更有效率喔！
</p>
<p class="coach-p">
<li>總是學習時分心 ➡️ 參加飛航學習室，把學習時間預約下來</li>
<li>遇到不懂的概念 ➡️ 直接在單元 (Unit) 底下向助教提問</li>
<li>寫作業卡住的盲點 ➡️ 在 LINE 或是 Discord 上詢問</li>
<li>學習計畫或心境上想諮詢 ➡️ 來信給教練一起討論</li>
</p>
</div>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 3 學習目標

<div id="alert-warning">
<p>
Hi {{user_nickname}}，最近的學習還好嗎？</p>
<p>🟡 如果你已經順利完成 S2 的進度，請直接往下閱讀「本週學習重點」章節。
</p>
<p>🟡 如果你尚未完成 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5:週年慶摸彩活動：完整執行</a> ，學期二整體課程以 JavaScript 為重心，擁有 JavaScript 基礎也是進入本週 S3 DOM 元素章節的必要門檻。因此務必先完成此份作業，再繼續往下學習。 (繳交後也別忘了申請<a href="https://ac-bootcamp.typeform.com/to/PsnPex" target="_blank">遲交作業批改</a>)</p>
<p>🟡 如果你已經完成 A5，還在 S2 學習，請在完成 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/3628" target="_blank">A10: 校長盃 UI 設計首獎作品</a> 與 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/3629" target="_blank">A11: 組裝我的社群主頁</a>後，直接進入 S3 DOM 章節學習。由於 S2 後半段的 RWD 概念並非未來章節學習的必要條件，跳過並不影響後續學習。</p>
<p>同學可以視個人時間安排學習時間，建議先以跟上課程主進度為主。加油！</p>
</div>

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

<div style="width:100%; text-align: center;">
<span style="font-size:1.5rem; color:#9B9B9B;">工作坊及其他活動時間請見：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</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">

你的本週目標是：

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

本週的表定安排的作業份量相較第二週多，有 5 份作業，目的是希望同學能運用動態調整學習進度與目標，更有效地跟著課程學習。

如果你在週間已經完成 S3 DOM 操作與事件，請 <u>務必[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)</u>，提前開始練習下週的實作，加強手感，提升學習效率。

#### 小叮嚀
由於 DOM 的技術在近幾年有不同的改版，習慣運用查找大量資源來學習的同學，可能會遇到許多細節讓你分心(例如：新舊語法的不同之處)。<b>因此請同學在學習 DOM 這個章節時，務必將<u>焦點放在課程中的實作</u></b>，避免你掉進細節海裡。

另外，在實作 DOM 操作時，時常需要查找語法、console.log 除錯⋯⋯等，同學們可參考【<a href="https://lighthouse.alphacamp.co/courses/98/units/20511" target="_blank">學長姊跟你說：常常在作業卡關怎麼辦？</a>】中，Yating 學姊的心法分享，幫助自己破關！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 style="color: #002380; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p>
這裡是學習教練 Dan。進入到 2-1 的一半，大家再堅持下去！加油！
上週同學們提到 Bootstrap 很有趣，也有人覺得「需要多花時間熟悉該如何閱讀文件」，雖然第二週教材的內容看似較少，但還是需要同學們<b>投入時間主動研究</b>，這也是有效學習的重點之一。
</p>
<p>
邁入第三週 DOM，我們將把過去學到的東西結合，過程中你一定會需要做很多回顧、複習，整理筆記、整合學習資源都將對你有很大的幫助。如果作業無法即時完成，你可以先提交目前進度並說明還未完成的部分，或是<b>提交後申請<a href ="https://lighthouse.alphacamp.co/courses/38/units/28572" target="blank">「作業遲交批改」</a></b>，善用資源幫助自己最大化學習效益吧！

</div>
</div>

#### 本週活動 -- Week 3 DOM 基本元素上手工作坊資訊

我們將跟著助教實際體驗用 DOM 操作改變網頁呈現的感覺！
這次的工作坊將會**有豐富的線上互動與程式碼討論**，想把握機會和助教交流、和同學們一起動手挑戰井字遊戲的朋友，務必準時上線參與哦！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold;">
工作坊時間：02/23 (四) 19:30 - 21:00<br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/98/units/28532" target="_blank">Week 3 DOM 基本元素元素工作坊 -- 活動頁</a><br>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 3 學習目標（已經整合至上面，不需要這版）

<div id="alert-warning">
<!-- 尚未完成 Bootstrap 的學生 -->
Hi {{user_nickname}}，
<p>注意到 {{user_nickname}} 尚在學習 S2 網頁切版技巧與工具，因此建議你，只要完成 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/3629" target="_blank">A11: 組裝我的社群主頁</a> 後，就可以直接進入 DOM 章節。</p>
<p>由於 S2 的 RWD 概念並非未來章節學習的必要條件，跳過並不影響後續學習。同學可以視個人時間安排學習時間，建議先以跟上課程主進度為主。</p>
</div>

<div style="width:100%; text-align: center;">
<span style="font-size:1.5rem; color:#9B9B9B;">工作坊及其他活動時間請見：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

#### 本週學習重點

<div style="width:100%;text-align: center;">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22113/F1_Weekly_schedule_003.jpeg" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22113/F1_Weekly_schedule_003.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">

你的本週目標是：

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

#### 小叮嚀
由於 DOM 的技術在近幾年有不同的改版，習慣運用查找大量資源來學習的同學，可能會遇到許多細節讓你分心(例如：新舊語法的不同之處)。<b>因此請同學在學習 DOM 這個章節時，務必將<u>焦點放在課程中的實作</u></b>，避免你掉進細節海裡。

另外，在實作 DOM 操作時，時常需要查找語法、console.log 除錯⋯⋯等，同學們可參考【<a href="https://lighthouse.alphacamp.co/courses/98/units/20511" target="_blank">學長姊跟你說：常常在作業卡關怎麼辦？</a>】中，Yating 學姊的心法分享，幫助自己破關！

<!-- 本週的表定安排的作業份量相較第一週少，僅 5 份作業，目的是希望同學能運用動態調整學習進度與目標，更有效地跟著課程學習。

因此如果你在週間已經完成 S3 DOM 操作與事件，請 <u>務必[申請提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)</u>，提前開始練習下週的實作，加強手感，提升學習效率。-->

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 style="color: #002380; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p>
這裡是學習教練 Sarah。進入到 2-1 的一半，大家再堅持下去！加油！
上週同學們提到 Bootstrap 很有趣，也有人覺得「需要多花時間熟悉該如何閱讀文件」，雖然第二週教材的內容看似較少，但還是需要同學們<b>投入時間主動研究</b>，這也是有效學習的重點之一。
</p>
<p>
邁入第三週 DOM，我們將把過去學到的東西結合，過程中你一定會需要做很多回顧、複習，整理筆記、整合學習資源都將對你有很大的幫助。如果作業無法即時完成，你可以先提交目前進度並說明還未完成的部分，或是<b>提交後申請<a href ="https://lighthouse.alphacamp.co/courses/38/units/7520" target="blank">「作業遲交批改」</a></b>，善用資源幫助自己最大化學習效益吧！

</div>
</div>

#### 本週活動 -- Week 3 DOM 基本元素上手工作坊資訊

我們將跟著助教實際體驗用 DOM 操作改變網頁呈現的感覺！
這次的工作坊將會有豐富的線上互動與程式碼討論，想把握機會和助教交流、和同學們一起動手挑戰井字遊戲的朋友，務必準時上線參與哦！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold;">
工作坊時間：11/17 (四) 19:30 - 21:00<br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/98/units/28532" target="_blank">Week 3 DOM 基本元素元素工作坊 -- 活動頁</a><br>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 3 學習目標 -- 尚未完成 A5（已經整合至上面，不需要這版）
<div id="alert-warning">
Hi {{user_nickname}}，最近的學習還好嗎？

<p>注意到你尚未完成 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/2963" target="_blank">A5:週年慶摸彩活動：完整執行</a> ，學期二整體課程以 JavaScript 為重心，擁有 JavaScript 基礎也是進入本週 S3 DOM 元素章節的必要門檻。因此務必先完成此份作業，再繼續往下學習。 (繳交後也別忘了申請<a href="https://ac-bootcamp.typeform.com/to/PsnPex" target="_blank">遲交作業批改</a>)</p>
<p>完成 A5 後，請接續完成 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/3628" target="_blank">A10: 校長盃 UI 設計首獎作品</a> 與 <a href="https://lighthouse.alphacamp.co/courses/98/assignments/3629" target="_blank">A11: 組裝我的社群主頁</a>。 能夠掌握切版技巧與對 Bootstrap 使用有基礎了解後，就可以直接進入 S3 DOM 章節學習。</p>
<p>由於 S2 後半段的 RWD 概念並非未來章節學習的必要條件，跳過並不影響後續學習。同學可以視個人時間安排學習時間，建議先以跟上課程主進度為主。加油！</p>
</div>

#### 本週學習重點

<div style="width:100%;text-align: center;">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22113/F1_Weekly_schedule_003.jpeg" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22113/F1_Weekly_schedule_003.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">

你的本週目標是：

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

#### 小叮嚀
由於 DOM 的技術在近幾年有不同的改版，習慣運用查找大量資源來學習的同學，可能會遇到許多細節讓你分心(例如：新舊語法的不同之處)。<b>因此請同學在學習 DOM 這個章節時，務必將<u>焦點放在課程中的實作</u></b>，避免你掉進細節海裡。

另外，在實作 DOM 操作時，時常需要查找語法、console.log 除錯⋯⋯等，同學們可參考【<a href="https://lighthouse.alphacamp.co/courses/98/units/20511" target="_blank">學長姊跟你說：常常在作業卡關怎麼辦？</a>】中，Yating 學姊的心法分享，幫助自己破關！

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 style="color: #002380; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p>
這裡是學習教練 Sarah。進入到 2-1 的一半，大家再堅持下去！加油！
上週同學們提到 Bootstrap 很有趣，也有人覺得「需要多花時間熟悉該如何閱讀文件」，雖然第二週教材的內容看似較少，但還是需要同學們<b>投入時間主動研究</b>，這也是有效學習的重點之一。
</p>
<p>
邁入第三週 DOM，我們將把過去學到的東西結合，過程中你一定會需要做很多回顧、複習，整理筆記、整合學習資源都將對你有很大的幫助。如果作業無法即時完成，你可以先提交目前進度並說明還未完成的部分，或是<b>提交後申請<a href ="https://lighthouse.alphacamp.co/courses/38/units/7520" target="blank">「作業遲交批改」</a></b>，善用資源幫助自己最大化學習效益吧！

</div>
</div>

#### 本週活動 -- Week 3 DOM 基本元素上手工作坊資訊

我們將跟著助教實際體驗用 DOM 操作改變網頁呈現的感覺！
這次的工作坊將會有豐富的線上互動與程式碼討論，想把握機會和助教交流、和同學們一起動手挑戰井字遊戲的朋友，務必準時上線參與哦！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold;">
工作坊時間：10/13 (四) 19:30 - 21:00<br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/98/units/28448" target="_blank">Week 3 DOM 基本元素元素工作坊 -- 活動頁</a><br>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 4 學習目標 （整合至下面版本，不需要此版）

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

<div style="width:100%; text-align: center;">
<span style="font-size:0.85rem; color:#9B9B9B;">工作坊及其他活動時間請見：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

時間非常快速的，我們來到了學期 2-1 的最後一週，本週的重點在綜合實作驗收！

#### 完成 S4 DOM 綜合實作

在上週我們學習了 DOM 操作、設置事件與處理流程，首次打造出可以互動的網頁。

這週我們將透過綜合實作來檢視自己對於 DOM 事件設計的掌握程度。

在實作過程中，你可能會時常回去對照教案內容、之前寫的筆記，甚至是觀摩同學、助教範例，都是相當正常的，因為這個過程的目的，就是在幫助你內化整個 DOM 事件與操作的學習。

你的目標是完成 [A21: My Favorite Movies：按讚與刪除](https://lighthouse.alphacamp.co/courses/98/assignments/2981)，確實建立 event listener 的概念及寫法，並能夠結合 DOM 修改網頁文字、物件。

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

- 請以完成「 S3 DOM 事件與操作」為優先
S3 DOM 事件與操作是掌握前端互動的重要里程碑，也是後續學習的基礎。因此尚在前面章節的同學，請先以`完成 S3 DOM 操作學習為主要目標`，待完成章節練習後，再進入 S4 綜合實作 進行實作練習。
- 善用 [遲交作業批改](https://ac-bootcamp.typeform.com/to/PsnPex)
為了確保同學能確實建立每階段要求的能力 (Mastery) 再往下學習，在班級進度的四週當中，每位同學共有 3 次作業遲交批改的機會，若同學在追進度的過程中，有完成過去幾週`標示 TA Review 的作業`，務必把握機會申請，申請細節請參考 <a href="https://lighthouse.alphacamp.co/courses/38/units/7520" target="_blank">此篇說明</a>。

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 style="color: #002380; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p>
這裡是學習教練 Sarah。上週同學們說<b>寫完作業之後會去觀摩其他同學的程式碼而有了很多收穫</b>，養成觀摩的習慣非常棒喔！
</p>
<p>
除了觀摩之外，教練建議同學們這週可以<b>練習回顧自己過去的作業，並嘗試解釋自己為什麼要這麼寫</b>，通過「解釋」整理自己的想法。
</p>
<p>
進入第四週綜合實作，同學們要將過去學到的東西綜合應用，如果對於前面課程還不是很熟練的同學，<b>教練建議可以先看過題目，回頭複習加深印象後，再試著自己解題。</b>
</p>
<p>
學習以外，不論你的學習進度為何，教練都建議你在這週再看一次有效學習暖身操中的 <a href = "https://lighthouse.alphacamp.co/courses/38/units/6836" target="blank">附錄 - 學生權益與使用權限</a>，裡面詳述了你可以使用的學習權益，讓你能夠更好規劃自己本週和未來的學習計畫。
</p>

</div>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

## 學期 2-1：Week 4 學習目標

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

<div style="width:100%; text-align: center;">
<span style="font-size:0.85rem; color:#9B9B9B;">工作坊及其他活動時間請見：<a href="https://lighthouse.alphacamp.co/courses/98/units/20405"target = "_blank">學習活動日程</a>
</span>
</div>

時間非常快速的，我們來到了學期 2-1 的最後一週，本週的重點在綜合實作驗收！

#### 完成 S4 DOM 綜合實作

在上週我們學習了 DOM 操作、設置事件與處理流程，首次打造出可以互動的網頁。

這週我們將透過綜合實作來檢視自己對於 DOM 事件設計的掌握程度。

在實作過程中，你可能會時常回去對照教案內容、之前寫的筆記，甚至是觀摩同學、助教範例，都是相當正常的，因為這個過程的目的，就是在幫助你內化整個 DOM 事件與操作的學習。

你的目標是完成 [A21: My Favorite Movies：按讚與刪除](https://lighthouse.alphacamp.co/courses/98/assignments/2981)，確實建立 event listener 的概念及寫法，並能夠結合 DOM 修改網頁文字、物件。

#### 認識下一階段目標

- 嘗試製作 Side Project
Side Project 除了是基礎技術練習的好機會，更是在求職路上的能力證明。通過 [【選修】下課十分鐘的 POPCAT！來做個小遊戲吧！ ](https://lighthouse.alphacamp.co/courses/98/units/28379) 你可以探索如何啟發 Side Project 的靈感，製作第一個屬於你的 Side Project 吧！

- 朝更專業的網頁開發者前進
本學期，我們掌握了網頁開發的基礎應用、功能，尚離寫出「業界標準」的程式碼有一段距離，請閱讀 S5[下一步學習焦點](https://lighthouse.alphacamp.co/courses/98/units/20536) ，了解以專案製作為主軸的學習方法，並開始展開 2-2 預讀。

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

- 請以完成「 S3 DOM 事件與操作」為優先
S3 DOM 事件與操作是掌握前端互動的重要里程碑，也是後續學習的基礎。因此尚在前面章節的同學，請先以`完成 S3 DOM 操作學習為主要目標`，待完成章節練習後，再進入 S4 綜合實作 進行實作練習。
- 善用 [遲交作業批改](https://lighthouse.alphacamp.co/courses/38/units/28572)
為了確保同學能確實建立每階段要求的能力 (Mastery) 再往下學習，在班級進度的四週當中，每位同學共有 3 次作業遲交批改的機會，若同學在追進度的過程中，有完成過去幾週`標示 TA Review 的作業`，務必把握機會申請。

<div id="coach-container">
<div id="coach-icon-box"><img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/10377/idea.png" style="width:100%;"></div>
<div id="coach-content-box">
<h5 style="color: #002380; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p>嗨！這裡是學習教練 Dan。很開心能在你一路走到學期 2-1 的最後一週見到你：）
</p>
<p>在 2-1 的課程中，你學習了更多 JavaScript, HTML/CSS 的語法，並認識了 DOM 讓網頁動起來，就像是用木樁習得武功的各種招式。下一步，我們要學習如何見招拆招，加入真正的對戰，這也就是第四週<b>綜合實作</b>的核心。
</p>
<p>進入第四週綜合實作，同學們要將過去學到的東西綜合應用，如果對於前面課程還不是很熟練的同學，教練建議可以<b>先看過題目、試著用虛擬碼理順邏輯、回頭複習加深印象後</b>，再開始嘗試自己解題。
</p>
<p>另外很開心上週觀察到同學們<b>寫完作業之後，會去觀摩其他同學的程式碼而有了更多收穫</b>，養成觀摩的習慣非常棒喔！
</p>
<p>除了觀摩之外，建議同學們這週可以<b>練習整理自己的筆記，或是嘗試回顧自己過去的作業，並解釋自己為什麼要這麼寫。</b>通過「筆記」或「解釋」的輸出，有效整理自己的想法！
</p>

</div>
</div>

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---
<!-- 過年持續學習 - 未 mastery 週五 1800 -->
## 🐯 新年快樂！運用剩餘假期完成學期 2-1 💪

Hi {{user_nickname}}，

新年快樂！！ 🧧 過年期間大家有沒有好好休息、為新的一年儲備能量呢 💪

時間很快的來到大年初四，明天就是初五了（雖然還是週末，但是該準備開工啦 XD)
除了準備收心回到學習、工作崗位以外，也鼓勵同學們把握時間，來完成學期 2-1 ✅

- 完成[【選修】技術驗收題組](https://lighthouse.alphacamp.co/courses/98/assignments/2982)
同學們在學習完 2-1 後，務必抽空挑戰此份作業，來驗收自己是否能融會貫通、運用所學吧！
- 把握 2/7-2/13 [課後助教支援](https://lighthouse.alphacamp.co/courses/38/units/7520#:~:text=%E5%8B%99%E5%BF%85%E5%AF%A9%E6%85%8E%E4%BD%BF%E7%94%A8%E3%80%82-,%E8%AA%B2%E5%BE%8C%E5%8A%A9%E6%95%99%E6%94%AF%E6%8F%B4,-%E6%B3%A8%E6%84%8F%EF%BC%9A%E5%AD%B8%E6%9C%9F%E4%B8%80)時間
下週為本學期的課後助教支援時間，若你有遲交、未繳交的作業，務必在下週重新繳交，獲得助教批改回饋喔！

最後，年假期間 {{user_nickname}} 也可以時不時到[社群](https://acletsstudyto-coe6267.slack.com/archives/C01L0KHCD0T)上晃晃、打個卡，跟著同學們一起學習 🤩

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.s3.amazonaws.com/uploads/image/file/10331/banner.001.png"></div>

---
## 🐯 新年快樂！運用剩餘假期完成學期 2-2 💪

Hi {{user_nickname}}，

新年快樂！！ 🧧 過年期間大家有沒有好好休息、為新的一年儲備能量呢 💪

時間很快的來到大年初四，明天就是初五了（雖然還是週末，但是該準備開工啦 XD)
除了準備收心回到學習、工作崗位以外，也鼓勵同學們把握時間，來完成學期 2-2 ✅

- 完成 [A14: 電影清單加碼功能](https://lighthouse.alphacamp.co/courses/99/assignments/2999)
A14 為學期 2-2 的技術驗收作業，若尚未繳交、未獲得 Meets Expectation 以上評分的同學，務必繼續完成、修改 📝
- 把握 2/7-2/13 [課後助教支援](https://lighthouse.alphacamp.co/courses/38/units/7520#:~:text=%E5%8B%99%E5%BF%85%E5%AF%A9%E6%85%8E%E4%BD%BF%E7%94%A8%E3%80%82-,%E8%AA%B2%E5%BE%8C%E5%8A%A9%E6%95%99%E6%94%AF%E6%8F%B4,-%E6%B3%A8%E6%84%8F%EF%BC%9A%E5%AD%B8%E6%9C%9F%E4%B8%80)時間
下週為本學期的課後助教支援時間，若你有遲交、未繳交的作業，務必在下週重新繳交，獲得助教批改回饋喔！

最後，年假期間 {{user_nickname}} 也可以時不時到[社群](https://acletsstudyto-coe6267.slack.com/archives/C01L0KHCD0T)上晃晃、打個卡，跟著同學們一起學習 🤩

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.s3.amazonaws.com/uploads/image/file/10331/banner.001.png"></div>

---

Hi {{user_nickname}}，

學期 2-1 的四週課程進度已經結束，過去一個月的學習如何呢？

#### 填寫 學期 2-1，整體學習體驗回饋

不論你的學習進度到哪裡，都邀請{{user_nickname}}在本週內完成填寫[學期 2-1，整體學習體驗回饋](https://lighthouse.alphacamp.co/courses/98/units/28391) 和 AC 分享你的想法吧！

#### 把握課後助教支援七天，完成學期 2-1 技術驗收!

提醒你這週為 [課後助教支援](https://lighthouse.alphacamp.co/courses/38/units/7520#:~:text=%E5%8B%99%E5%BF%85%E5%AF%A9%E6%85%8E%E4%BD%BF%E7%94%A8%E3%80%82-,%E8%AA%B2%E5%BE%8C%E5%8A%A9%E6%95%99%E6%94%AF%E6%8F%B4,-%E6%B3%A8%E6%84%8F%EF%BC%9A%E5%AD%B8%E6%9C%9F%E4%B8%80) 時間，若 {{user_nickname}}

- 有問題想要向助教提問
- 有作業標示為 `Late` 或是尚未繳交

在 **10/30 (日) 23:59** 以前，你可以持續提問、重新繳交作業，還是能夠獲得助教回覆與批改喔！

#### 確認下一步課程安排

很開心過去四週 {{user_nickname}} 加入學期 2-1 跟著進度班級制學習，我們理解學習是相當個人的，若你想要再次**重讀**、或是**轉班**延後下一階段開課的話，可以到 [附錄 - 學生權益與使用權限](https://lighthouse.alphacamp.co/courses/38/units/6836) 進行確認呦！

若你尚未安排下一步的學習可以閱讀 [U:下一步學習焦點](https://lighthouse.alphacamp.co/courses/98/units/20536)，了解在學期 2-2 我們將一起學習的知識和技術。也建議 {{user_nickname}} 提早預讀學期 2-2，以利開課後能夠順利學習喔！

<div style="width:100%"><img style="max-width:1000px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21381/banner.001.png"></div>

---

# Style code

<!-- style code -->
<style>

div#alert-warning{
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
font-size: 0.9rem;
}

div#coach-container {
padding: 15px;
margin-bottom: 20px;
border: 1px solid #002380;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 13px;
}

div#coach-icon-box {
max-width: 15%;
margin-right:2%;
}

div#coach-content-box {
max-width: 82%;
}

div#coach-content-box p.coach-p-start {
color: #565555;
margin-block-start: 0.5em;
margin-block-end: 1.67em;

}

div#coach-content-box p.coach-p {
color: #002380;
margin-block-start: 0em;
margin-block-end: 1.67em;
}

div#coach-content-box p.coach-p-end {
margin-block-start: 0em;
margin-block-end: 0em;
}

span#red-color{ color: #e52f28;}

@media screen and (max-width: 400px){
div#coach-container {
flex-direction: column;
}

div#coach-icon-box {
max-width: 25%;
}

div#coach-content-box {
max-width: 100%;
}
}
</style>

---

# Archive

#### 1. 把握 A21 作業延長批改，掌握 DOM 基礎

我們了解許多同學都需要利用週末的時間學習，上週因為遇到端午連假補班，導致同學們在學習時較為倉促，來不及繳交作業。

為了協助同學們能好的掌握 DOM 操作，經教練團隊討論，我們將延長 [A21: My Favorite Movies：按讚與刪除](https://lighthouse.alphacamp.co/courses/40/assignments/955) 作業的批改時間 **至本週五 (6/26) 23:59**。

如果之前來不及繳交，或是已經繳交但希望能夠更進化自己作業的同學，也別忘記趁這個機會提交作業哦！

<div style="color: #a94442; background-color: #f2dede; 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.s3.amazonaws.com/uploads/image/file/8706/attention.png" style="width:100%;"></div>
<div style="max-width:82%;">
<h5 style="color: #692625; margin-block-start:0em; margin-block-end: 0em; margin-top: 0; font-size:18px;">S1 還沒做完，怎麼辦？</h5>
<p style="margin-block-start:0em; margin-block-end: 1.67em;">學期二整體課程以 JavaScript 為重心，擁有 JavaScript 基礎也是進入下週 S3 DOM 元素章節的必要門檻。請 <code style="font-size:13px;"><b>尚未完成 S1 的同學</b></code> ，<u>務必先完成 S1 JavaScript 的學習，再進入 Bootstrap & RWD 章節。</u></p>
<p style="margin-block-start:0em; margin-block-end: 1.67em;">為了確保同學能確實建立每階段要求的能力 (Mastery) 再往下學習，我們在學期二每階段皆有提供「課後助教支援」，其中在「班級進度內」每位同學有 2 次遲交批改的機會，若同學在追進度的過程中考量覺得有需要遲交批改，請參考 <a href="https://lighthouse.alphacamp.co/courses/38/units/7520" target="_blank">此篇說明</a>。</p>
</div>
</div>

<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-top: 0; font-size:18px;">
學習教練提醒
</h5>
<p style="margin-block-end: 1.27em;">
請同學優先以完成 <a href="https://lighthouse.alphacamp.co/courses/40/assignments/1236" target="_blank">A23: 技術驗收題組</a> 與 <a href="https://lighthouse.alphacamp.co/courses/40/assignments/1238" target="_blank">A25: 學習能力驗收題組 </a> 為目標進行本週的學習。</p>
<p style="margin-block-start:0em; margin-block-end: 0.37em;">
<a href="https://lighthouse.alphacamp.co/courses/40/assignments/1237" target="_blank">A24：手刻下拉選單</a> 為加碼的選修挑戰題，相較你過往曾接觸的題目，需要解決的問題情境更為複雜、提示更少、開放性更高，同時，難度也更高。</p>
<p style="margin-block-start:0em; margin-block-end: 0.37em;">如果你的時間充裕，想要挑戰這個題目，在實作時，請將你的學習焦點放在「體驗、觀察實作的過程」，而非「我要自主完成全部內容」，因為只要能攻略出每一行程式碼，你都能在過程中提升 JavaScript x DOM 的綜合技能，而這，才是這個題目設計的用意。
</p>
</div>
</div>

3. **運用求救按鈕，掌握 A5 思考脈絡**
[A5:彩券完整執行](https://lighthouse.alphacamp.co/courses/40/assignments/940) 是 S1 JavaScript 核心觀念的集大成，高度的綜合應用了前面所學的「陣列、物件、函式」，對於第一次接觸這些概念的學習者來說的確難度較高，因此我們準備了「求救按鈕」，讓助教完整地講解影片，幫助你理清頭緒。

<p style="margin-block-start:0em; margin-block-end: 1.67em;">3.如果你充分完成本周進度，或預先知道之後時間有限，想提前安排學習，請參考「<a href="https://lighthouse.alphacamp.co/courses/38/units/7521" target="_blank">提前進度申請</a>」，了解如何申請提前進度 </p>

---
<!-- #### 挑戰成果驗收，爭取獎學金！

完成 S4 綜合實作後，你可以往下進入 [學習目標回顧](https://lighthouse.alphacamp.co/courses/40/units/6767) 章節，嘗試挑戰 [【選修】技術驗收](https://lighthouse.alphacamp.co/courses/40/units/6767)，與完成 [學習能力驗收](https://lighthouse.alphacamp.co/courses/40/units/6768)。

幫助你回顧在學期 2-1 的學習重點，了解每個階段的目標設定與評估，進行**綜合性的練習**，反芻過去四週所學。

除此之外，學習教練團隊也特別設計了 [持續學習獎學金](https://lighthouse.alphacamp.co/courses/40/units/8131)，鼓勵同學們挑戰階段驗收，持續往目標邁進！
-->

---

---

## 學期 2-1：中秋進度暫停一週，學習不暫停！

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

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

#### 完成全勤挑戰賽最後任務！

<!-- 任務圖 placeholder -->
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/16673/_____.002.jpeg" target="_blank">
<img style="max-width:800px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/16673/_____.002.jpeg">
<small>點擊圖片看大圖</small></a>
</div>

很開心看到許多同學持續學習，並完成前兩週繳交作業的挑戰！在**完成 S2 網頁切版技巧與工具章節學習後就，你可以持續往前推進，申請[提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)**，完成全勤挑戰賽的最後任務喔！
（於中秋假期間提出的申請，教練將在 9/22 開工日進行審核）

#### 還在學習前面的章節？把握本週，追上進度與繳交作業！

上週因為中秋連假，許多同學因此學習時間被壓縮，但仍持續努力推進學習。因此在教練團隊討論後，將特別開放延長 [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.alphacamp.co/uploads/image/file/21381/banner.001.png">
</div>

---

{%hackmd uS_8Mq7ERo-PyOuAcCzYPA %}