###### tags: `學期一` `Weekly Goal

# Intro Weekly Goal
[toc]

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

**嗨！歡迎來到 JavaScript 全端開發課程的「學期 1 」**！

學期 1 是網頁開發的入門課程，我們將運用接下來幾週的時間，來了解 Web dev 是怎麼一回事！不過，在正式投入技術學習之前，我們期待同學能先為自己訂下目標、掌握最適合自己的學習方法，將會幫助你有更好的學習。

#### 了解自己，才能學得更好！

<h5 style="font-size: 1.2rem"><span style="color:#ff6600">尚未填寫以下兩份問卷的同學務必先完成，找出最適合的學習方法💪</span></h5>

* 找到適合自己的學習方法 —— [了解自己：學習風格測驗](https://lighthouse.alphacamp.co/courses/38/units/6843)
* 盤點職涯現狀，釐清職涯目標 —— [了解自己：職涯探索盤點](https://lighthouse.alphacamp.co/courses/38/units/6844)

除此之外，為了協助同學們能有好的開始，我們在學期 1 的開始也安排了 <b>線上工作坊</b>，協助同學在學習初期正確理解與電腦溝通的方法、過程中也能即時和同學、助教討論。強烈建議同學報名參加，也別忘記要先完成[行前準備](https://lighthouse.alphacamp.co/courses/39/units/28526)喔！
<!--
<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width:60%;">
活動時間：本週 (三) 19:30 - 21:00<br>
❗️活動報名及行前準備：<a href="https://lighthouse.alphacamp.co/courses/39/units/28526">程式入門工作坊資訊</a>
</div> -->

學期 1 線上工作坊（請先預留時間參加）：
<li> 12/07 (三) 19:30 - 21:00 程式入門工作坊 <a href = "https://lighthouse.alphacamp.co/courses/39/units/28526" target="_blank">活動報名及行前準備 </a>

#### 本週學習重點 —— JS 基礎＆運算思維

<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22304/Intro_weelky_goal.001.png" target="_blank">
<img style="max-width:800px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22304/Intro_weelky_goal.001.png">
<small>點擊圖片看大圖</small></a>
</div>

本週的進度是 S1 寫程式的起點。在章節的開頭，你將開始與電腦溝通，瞭解電腦是怎麼思考的，並學習程式語言的基礎。

<!-- <h5 style="font-weight: 1.2rem">【學習目標】</h5> -->

#### 【學習目標】

你這週的目標是透過完成<span style="color:#EDA35E; font-weight:bold;">本週指標作業</span> <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4:擲骰子 10 局積分賽 </a>，建立<u>定義問題、宣告變數，並且能利用 if/else 來判斷不同結果</u>的能力。

懂得如何與電腦溝通之後，你將會開始接觸新的思考方法，更進一步理解電腦的思維。

接著，你將會透過 [A6:給菜鳥的臨櫃小抄](https://lighthouse.alphacamp.co/courses/39/assignments/918) 這份作業，拆解直覺想法，畫出流程圖、撰寫虛擬碼，逐步將「人類語言」轉變成「電腦也看得懂的語言」。

<!--（填寫完後才會收到加入 [AC 職涯社群](https://lighthouse.alphacamp.co/courses/38/units/8473) 的邀請） -->

<!-- #### 積極規劃時間，有效啟動學習！

本週的內容份量相當多，尤其初學程式，面對「抽象概念」更需要同學大量的實作、發問、反芻，才能更好的消化程式語言的概念。

因此請同學<span style="color: red">務必在平日就開始學習，千萬不要等到週末才開始</span>。除了避免因為時間來不及完成作業、獲得回饋的情況，也避免因為太急著趕進度而囫圇吞棗，進而影響學習效果。 -->

<!-- 本週的進度有分布在 8 個學習段落，當中包含 26 個單元，以及 6 份作業。

以上的內容大約需要同學投入 10 個小時以上的時間完成，建議同學至少利用週一到週五的時間投入大約 6 個小時學習，在進度上才會更有餘裕喔！ -->

<!-- 本週作業有 6 份，需要閱讀的章節非常多，請同學務必視自己的能力預先規劃需要投入的時間進行實作與練習。 -->

<!-- #### 完成新手任務，獲得助教批改金牌！

ALPHA Camp 的學習旅程有別傳統線上課程「純影片」的教學，我們打造了高度參與回饋的學習機制，讓同學能夠透過不同的回饋機制，強化概念與技能的積累。

為了協助同學能夠更快上手，我們設計了**新手任務**，讓第一次接觸 ALPHA Camp 學習環境的同學，可以更快的進入學習軌道。

更多新手任務內容與獎品資訊，請看 ➡️ [用「新手任務」開啟你接下來的旅程吧！](https://lighthouse.alphacamp.co/announcements/821)
-->

<!-- #### 加入 Line 共學群組！

我們會透過 Line 群組的方式，即時更新同學們當前的學習狀況，並不時通知學習活動資訊。邀請所有學期一 11 月班的同學們加入，大家共同努力完成學期一吧！

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

</div> -->

<!-- #### 提前規劃學習時間！ -->

<!-- #### 未來學習支援活動

<!-- 本週六適逢中秋連假補班，因此提醒同學們務必提前規劃學習時間，<span style="color:#ff6600">週間就開始學習，不要等到僅剩一天的週末才開始衝刺，囫圇吞棗影響學習效果喔！</span>（建議週間每天安排 1.5-2 hr 的時間學習）
-->

<!-- 除了上面的每週進度圖，你也可以將這份 <a href="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" target="_blank">Google 日曆</a> 加入個人的行程中
務必記下每個活動的重要日期，把握每個和同學與助教們的學習互動機會！ -->

<!-- #### 學習程式的心理準備

從過去的教學經驗中我們發現，很多同學會在初學階段會有這樣的感受，如：「覺得延伸閱讀的內容沒有完全懂」、「我無法不觀摩就寫完作業」、「需要反覆回去觀看單元內容才寫得出來」等等，這些念頭會讓你在學習時，在心中產生很多聲音，甚至將影響自己的學習心情與學習效果。

但其實，要求初學者要能在短短幾週內達到這種水準並不合理。在 AC 學習時，我們希望同學們統一採用「自己有沒有順利通過作業」作為最重要的學習成果評估標準：**只要作業能拿到 Meets Expectations，就代表這一段落的技術學習你已經順利完成！**

接下來的幾週，希望你都能以這樣的心態，一步步往前。瞭解這週的學習範圍後，就馬上開始學習吧！ -->

<!--
<h5 style="font-size: 1.2rem"><span style="color:#ff6600">準備好開課了嗎？學姊跟你說！</span></h5>

在上週開課之前，為了幫助同學更好的準備迎接接下來的學習，我們舉辦了「**8 月班開學典禮**」！活動中除了有社群小精靈 JJ、學期 1 學習教練 Sunny 提醒大家開學前的準備事項外，更幫大家邀請到剛完成學期 1 課程的 Anna 學姊，來和大家分享她的時間規劃！

當天的精彩分享都收錄在「[AC 開學典禮 -- 會後精華](https://lighthouse.alphacamp.co/courses/39/units/28369)」這邊囉，快去看看吧！ -->

<h5 style="font-size: 1.2rem"><span style="color:#ff6600">Sunny 教練的額外小提醒 </span></h5>

- 剛接觸程式的過程中勢必會遇到很多不曾想過的問題、遇到不同情境導致程式無法運作。此時，非常鼓勵大家**勇於在章節底下留言提問**！
- 如果你在預讀時就已經完成 Week 1 課程內容，這週只要<b>提交本週的所有作業、並申請[提前進度](https://lighthouse.alphacamp.co/courses/38/units/7521)</b>，就能先朝下週的進度邁進囉！
<!-- 除此之外，本週內容中也有教學團隊特別準備的 [為程式除錯](https://lighthouse.alphacamp.co/courses/39/units/5504) 和 [入門常見問答](https://lighthouse.alphacamp.co/courses/39/units/5503) 資源，希望能幫助同學克服挑戰！ -->
- 12 月班學期 1 同學專屬的 LINE 群小天地來了！在這裡，你可以和同期的戰友相互切磋、分享修煉過程的酸甜苦辣，共同完成接下來一個月的學習挑戰 💪
快來 **「用手機」** 點擊 [這個連結](https://line.me/ti/g/wJRadeu9SZ)，或掃描以下 QRcode 來加入 LINE 群組吧！
<div style="width: 90%; text-align:center;">
<img style="width: 50%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22495/LOGO_QRcode______4_.png"><br>
<span style="font-size:0.95rem; color:#9B9B9B;">請用手機掃描上方 QR code 加入 Line 群組。<br>若無法掃描，可嘗試「用手機」點擊此連結：<a href="https://line.me/ti/g/wJRadeu9SZ" target="_blank">https://line.me/ti/g/kMJE4twiZN</a></span>
</div>

祝大家開課學習愉快！也別忘了今晚 12/05(ㄧ) 有[開學典禮](https://ac-bootcamp.typeform.com/to/UpapzIYa) ，邀請新加入 AC 的你一起參與，了解如何使用 AC 的課程及資源。

如果有任何疑問，也歡迎來信 [e-mail] 和教練討論！

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

-------

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

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png">
</a>
</div>

#### 本週學習重點

本週的學習範圍包含 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)。

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，延續上週的 JavaScript 基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

這週有兩份指標作業：

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A8: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A9: 設計演算法：10 次內猜對數字</a>

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著，在 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節中，你將開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，同時初步認識網站設計的概念 (wireframe, user story...等)
<!--

#### 學習程式的心理準備

從過去經驗中我們發現：有很多同學會用相當個人化的標準來審視自己的學習。

例如：「我沒辦法不觀摩就完成作業」、「我需要反覆回去觀看單元內容才寫得出作業」、「覺得課程內容沒有 100% 看懂...」等等。但其實，要求初學者要能在短短幾週內達到這種水準並不合理，這樣的想法甚至會影響到自己的學習心情與學習效果。

在 AC 學習時，我們都希望同學們能統一採用「自己有沒有順利通過作業」作為最重要的學習成果評估標準：只要作業能拿到 **Meets Expectations**，就代表這一段落的技術學習你已經順利完成！

接下來的學習，希望你也能以這樣的心態，一步步往前。瞭解這三週的學習範圍後，就馬上開始學習吧！ -->

<b><span style="color:#ff6600">在進行介面的學習時，會和上週 JavaScript 的學習體驗相當不同！</span></b>

這個章節中，同學會得到比較多視覺上的回饋，不過同時也因 HTML 和 CSS 的語法繁多，比起努力記這些語法，我們會更建議你在 codepen/DevTool 上大量地、反覆地嘗試和練習，來幫助你熟練及掌握使用方法。

透過作業 [A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你將會掌握 DevTool 的使用方法，並且具備更動網頁視覺呈現的能力，為下週的「介面專案實作」暖身。

<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;">還沒完成第一週的進度，怎麼辦？</h5>
<p>由於已稍為落後進度，本週要規劃更多的學習時間喔！</p>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">務必把握「練習觀摩」的機會，透過觀摩同學的作業，完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a> 和 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/918" target="_blank">A6: 給菜鳥的臨櫃小抄</a>。
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">此外，在 Unit 下的問答區是沒有章節進度限制的。<br>因此如果卡關太久，就趕緊整理自己的問題在 Q&A 中提問。<br><br>適時的提問以及運用觀摩，將加速你的學習效率。<br>你也可以快速複習以下兩個單元，讓你的學習更加順利！<br></p>
<p>
<ul>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習「有效提問」</a></li>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/7526" target="_blank">學習從「觀摩」中有效成長</a></li>
</ul>
</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.s3.amazonaws.com/uploads/image/file/9526/info.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;">主要課程內容已經完成了，想要有更進階的練習，可以做什麼？</h5><br>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">1.如果你在完成主要進度後，希望能夠有更進階的學習，請試著挑戰試著完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/921" target="_blank"> A10:【選修】實作程式碼：10 次內猜對數字 </a>，這份作業為挑戰題，相較其他作業會更開放、提示更少、由你獨立決定細節的程度更高，能更反映你對當前學習內容的掌握度。同時，也需要花費更多的思考時間。</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">
2.如果你已充分完成本週進度，或預先知道之後時間有限，想提前安排學習，請參考「<a href="https://lighthouse.alphacamp.co/courses/38/units/7521" target="_blank">想要超前進度怎麼辦？</a>」的說明，了解如何申請提前進度。 </p>
</div>
</div>

鼓勵同學保持你的學習熱情🔥 這週也持續推進、完成學期 1 吧！💪💪💪
<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>

<!-- #### 還沒完成第一週的學習內容嗎？你可以⋯⋯

如果上週因為沒有足夠的時間學習，導致你雖然已經開始上課，但還沒有完成指標作業 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a>，你可以：
* 優先完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a>，建立基本的邏輯概念和 JavaScript 語法的運用能力。
* 完成指標作業後，妥善安排本週的學習時間，跟上進度！

如果你一份作業都尚未繳交，建議你：
* 直接跳到 <a href="https://lighthouse.alphacamp.co/courses/39/units/5541" target="_blank"> S3 網站設計與介面實作 </a>，體驗介面設計與實作的學習
* 調整學習步調，透過跟著班級一起學習，最大化學習效果。待完成介面學習 (S3/S4) 之後再回去完成比較強調邏輯思考的 JavaScript 章節（S1/S2）。 -->

<!-- #### 有問題別悶著，趕快提出來讓助教幫你解決！

我們注意到有些同學已經開始在 Lighthouse 上踴躍地提問以及分享自己的學習心得，但也觀察到部分的同學可能在學習上遇到一些困難，卻傾向不尋求幫助解決問題。

自行解決問題固然很有成就感，但在這邊鼓勵同學遇到問題時不要投入<b>過多的時間</b>試圖自己解決，而要根據自己的時間規劃設定「停損點」（例：想了一個小時還是想不出來，就不要再想了！），並快速釐清自己遇到的問題，到問答區發問。

有效借助助教的專業知識，能讓你的學習事半功倍，千萬不要單打獨鬥。學期一的大家，加油！ -->

<!-- #### 觀摩別人的作業才解出題目，是不是代表沒有「真正學會」呢？

最近教練看到許多同學都在練習觀摩，非常好！🤩 🤩 🤩

多數同學在練習觀摩之後也都有蠻正面的收穫，不過也同時注意到有同學會因為「觀摩之後才解出題目」而略感不安，覺得自己沒有充分學會、對概念的掌握度不夠。

教練要這群同學說：「觀摩」是解決問題的重要途徑，因此觀摩後才解決問題，一樣是很好的學習！

當然，要讓每次的「觀摩」都能讓自己有最多的成長，最重要的是你有沒有<b><u>從別人的作品中學到新的觀念或做法，並把它們內化成自己的知識。</u></b>

那麼應該要如何改善每次的觀摩學習呢？教練這邊提供一些參考：

1. 「具體寫出」針對這個題目，你目前卡關的部分
2. 「有意識、有目標」地觀摩：從你觀摩的每一份作業中，找出別人如何解決你卡關的部分
3. 順利解決題目之後，回頭查找、思考你是「哪一個觀念學得不夠透徹」導致卡關
4. 重新複習、強化觀念。最好還可以提出延伸問題或分享觀摩心得，透過刻意練習輸出結果。

以上的小參考，提供給所有覺得自己還不是很會觀摩的同學😁。懂得有效運用別人的知識解決問題，也是成為工程師必要的技能喔！學期一的大家，加油！ -->

<!-- 如果想知道該怎麼有效提問，請參考<a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank"> 學習「有效提問」</a>這個單元的介紹。 -->

-------

## 學期 1 ：Week 2 學習目標 - Mastery
嗨 {{user_nickname}}，又是新的一週啦！

本週的學習範圍包含 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)，<span style="color:#ff6600">共包含 2 個章節、2 種主題！</span>

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png">
</a>
</div>

#### 本週學習重點

<!-- 你會先承接上週的運算思維，完成更多深入的作業練習，幫本學期的 JavaScript 學習做個收尾，接下來就要開始初步認識打造視覺介面的工具和方法。 -->

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，延續上週的 JavaScript 基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

兩份指標作業

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A8: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A9: 設計演算法：10 次內猜對數字</a>

<!-- * （只要順利完成此份作業，就達成<a href="https://lighthouse.alphacamp.co/announcements/1845">全勤挑戰賽</a>階段 2的任務，又離贏得獎勵更近一步囉！）
-->

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著，我們就將進入 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節，你會開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，初步認識網站設計的概念 (e.g., wireframe, user story, etc)

<!-- <b><span style="color:#ff6600">本週適逢連假，務必提前規劃本週的學習時間！</span></b>

本週五適逢勞動節假日，根據過去經驗，不少同學都會利用連假幫自己規劃出遊的行程，不知道 {{user_nickname}} 有沒有任何規劃呢？

本週有兩個跨主題的 Section 需要學習，提醒 {{user_nickname}} 無論如何還是要規劃出 10 -15 hr 的時間來學習。否則錯過進度不僅後面要追上來非常辛苦，也會有許多作業錯過助教的個人化回饋喔！ -->

<b><span style="color:#ff6600">在進行介面的學習時，會與 JavaScript 的學習體驗相當不一樣</span></b>

同學會得到比較多視覺上的回饋，同時，HTML 和 CSS 的語法繁多，所以比起在第一次使用語法時，就要記憶語法，我們會更建議你在 codepen/DevTool 上大量地、反覆地嘗試和練習，來幫助你熟練以及掌握使用方法。

透過完成作業[A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你會掌握 DevTool 的使用方法，並且具備更動網頁視覺呈現的能力，為下週的「介面專案實作」暖身。

#### 教練特別提醒

<b>預先管理學習時間</b>
我們在上週的進度中，觀察到許多同學大多運用「週末」時間快速衝刺，完成本週進度。
經過了一週，相信 {{user_nickname}} 也感受到在「學期 1 」課程中，就有一定份量的影片和文字內容，每一個單元都也許都不是特別困難，但需要同學細心、踏實地吸收完所有內容。

因此，特別提醒同學們<b><u>每天都要完成一定份量的進度</u></b>，強烈建議別在週末一口氣吸收過多的資訊，影響學習效果喔！

<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.s3.amazonaws.com/uploads/image/file/9526/info.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;">如果 {{user_nickname}} 主要課程內容已經完成了，想要有更進階的練習，可以做什麼？</h5><br>
<!-- <p sytle="margin-block-start:0em; margin-block-end: 1.67em;">1.如果你在完成主要進度後，希望能夠有更進階的學習，請試著挑戰試著完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/921" target="_blank"> A:【選修】實作程式碼：10 次內猜對數字 </a>，這份作業為挑戰題，相較其他作業會更開放、提示更少、由你獨立決定細節的程度更高，能更反映你對當前學習內容的掌握度。同時，也需要花費更多的思考時間</p> -->
<p sytle="margin-block-start:0em; margin-block-end: 0em;">
下週的學習份量、投入時間將比前兩週更多一些。如果你行有餘力想繼續衝刺，非常鼓勵你完成<b>「提前進度」並繳交觀摩作業</b>（詳細操作請參考「<a href="https://lighthouse.alphacamp.co/courses/38/units/7521" target="_blank">想要超前進度怎麼辦？</a>」的說明）把握時間加緊衝刺！ </p>
</div>
</div>

鼓勵 {{user_nickname}} 保持你上週的動能和決心🔥，和大家一起完成學期 1 吧！💪💪💪

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

-------

## 學期 1 ：Week 2 學習目標 - Current week & others

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22305/Intro_weelky_goal.002.png">
</a>
</div>

#### 本週學習重點

本週共有 2 個章節、2 種主題，<span style="color:#ff6600">**若你尚未完成上週進度，建議在週三前儘快補足上週 S1 進度及作業**</span>，接著啟動本週的學習範圍(S2、S3)： [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)

<a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4:擲骰子 10 局積分賽 </a>
[A6:給菜鳥的臨櫃小抄](https://lighthouse.alphacamp.co/courses/39/assignments/918)

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，我們將延續 JavaScript 的基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A8: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A9: 設計演算法：10 次內猜對數字</a>

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著在 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節中，你會開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，初步認識網站設計的概念 (e.g., wireframe, user story, etc)

<!-- <b><span style="color:#ff6600">本週適逢連假，務必提前規劃本週的學習時間！</span></b>

本週五適逢勞動節假日，根據過去經驗，不少同學都會利用連假幫自己規劃出遊的行程，不知道 {{user_nickname}} 有沒有任何規劃呢？

本週有兩個跨主題的 Section 需要學習，提醒 {{user_nickname}} 無論如何還是要規劃出 10 -15 hr 的時間來學習。否則錯過進度不僅後面要追上來非常辛苦，也會有許多作業錯過助教的個人化回饋喔！ -->

<h5 style="font-size: 1.2rem">透過「通過作業」幫助自己培養「解決問題」的能力</h5>

「程式語言」在業界實務中，是用來解決各種真實世界中的問題而存在，而這個精神我們也希望能讓剛開始學習程式的你有充分的練習機會。

而在學習的過程中，**每一份作業就是你當前需要「解決的問題」**：**在有限的時間內，把握各種資源：課程內容、助教、同學、作業觀摩等等，確保自己能每週準時交付成果，解決問題。**

準時繳交作業、不僅可以讓你獲得助教的專業回饋，也才能確保自己在這段期間能更有效地學習。如果你看到題目就卡關、不知道該如何下手，記得：快速整理你的想法，到作業前一個單元下方**留言發問**，讓助教幫助你！

<b><span style="color:#ff6600">進入到 S3 學習「介面」時，會與 JavaScript 的學習體驗相當不同！</span></b>

無論前面在 Javascript 的學習感受如何，從 S3 開始，我們即將進入介面的世界，你將會得到更即時、更視覺化的回饋！

<!-- 同時也因 HTML 和 CSS 的語法繁多，所以比起「記住」這些語法，我們會更建議你透過大量地、反覆「實作」，來熟練使用方法。 -->

透過完成作業[A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你會掌握 DevTool 的使用方法，並且具備更動網頁視覺呈現的能力，為下週的「介面專案實作」暖身。

<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;">我還沒完成上週進度，怎麼辦？</h5>
<p>建議你在今天就規劃本週的學習，安排比上週更多的時間！</p>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">務必把握「練習觀摩」的機會，將上週作業完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a> 和 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/918" target="_blank">A6: 給菜鳥的臨櫃小抄</a>。
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">此外，在 Unit 下的問答區是沒有章節進度限制的。<br>因此如果卡關太久，就趕緊整理自己的問題在 Q&A 提問。<br><br>適時的提問以及運用觀摩，將加速你的學習效率。<br>你也可以快速複習以下兩個單元，讓你的學習更加順利！<br></p>
<p>
<ul>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習「有效提問」</a></li>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/7526" target="_blank">學習從「觀摩」中有效成長</a></li>
</ul>
</p>
</div>
</div>

鼓勵 {{user_nickname}} 可以時時回想你剛開始加入課程的熱忱🔥，跟著班上同學一起完成學期 1 吧！💪💪💪

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

## 學期 1 ：Week 2 學習目標 - Current week & others (延長兩份作業批改)

嗨 {{user_nickname}}，又是新的一週啦！

#### 因應學習狀況，延長作業批改！

教練注意到：上週所有同學都已經開始學習了🤩，但似乎也有一部份同學在這個過程中也遇到了一些困難，導致無法順利跟上本週的進度。為了確保大家可以有更好的學習成效、別在第一週就落隊，教練團隊破例延長作業批改 3 天！

只要 {{user_nickname}} 在 10/5（三）23:59 之前提交「[A4: 擲骰子 10 局積分賽](https://lighthouse.alphacamp.co/courses/39/assignments/913)」這份指標作業，一樣可以獲得助教的批改與回饋。請尚未完成這份作業的同學們把握難得的機會，趁這幾天趕緊完成吧！

#### 本週學習重點
此外，教練也幫同學特別安排了這週的衝刺計畫，

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22112/____.001.jpeg" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22112/____.001.jpeg">
</a>
</div>

本週共有 2 個章節、2 種主題，<span style="color:#ff6600">**若尚未完成上週進度，建議在週三前儘快補足上週 S1 進度及作業**</span>，接著啟動本週的學習範圍(S2、S3)： [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，我們將延續 JavaScript 的基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A8: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A9: 設計演算法：10 次內猜對數字</a>

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著在 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節中，你會開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，初步認識網站設計的概念 (e.g., wireframe, user story, etc)

<!-- <b><span style="color:#ff6600">本週適逢連假，務必提前規劃本週的學習時間！</span></b>

本週五適逢勞動節假日，根據過去經驗，不少同學都會利用連假幫自己規劃出遊的行程，不知道 {{user_nickname}} 有沒有任何規劃呢？

本週有兩個跨主題的 Section 需要學習，提醒 {{user_nickname}} 無論如何還是要規劃出 10 -15 hr 的時間來學習。否則錯過進度不僅後面要追上來非常辛苦，也會有許多作業錯過助教的個人化回饋喔！ -->

<h5 style="font-size: 1.2rem">透過「通過作業」幫助自己培養「解決問題」的能力</h5>

在學習的過程中，**每一份作業就是你當前需要「解決的問題」**：**在有限的時間內，把握各種資源：課程內容、助教、同學、作業觀摩等等，確保自己能每週準時交付成果，解決問題。**

準時繳交作業、不僅可以讓你獲得助教的專業回饋，也才能確保自己在這段期間能更有效地學習。如果你看到題目就卡關、不知道該如何下手，記得：快速整理你的想法，到作業前一個單元下方**留言發問**，讓助教幫助你！

#### 教練特別提醒

我們在上週的進度中，觀察到許多同學大多運用「週末」時間快速衝刺，完成本週進度。
經過了一週，相信 {{user_nickname}} 也感受到在「學期 1 」課程中，就有一定份量的影片和文字內容，每一個單元都也許都不是特別困難，但需要同學細心、踏實地吸收完所有內容。

因此，特別提醒同學們<b><u>每天都要完成一定份量的進度</u></b>，強烈建議不要在週末一口氣吸收過多的資訊，影響學習效果喔！

<!-- <b><span style="color:#ff6600">進入到 S3 學習「介面」時，會與 JavaScript 的學習體驗相當不同！</span></b>

無論前面在 Javascript 的學習感受如何，從 S3 開始，我們即將進入介面的世界，你將會得到更即時、更視覺化的回饋！

<!-- 同時也因 HTML 和 CSS 的語法繁多，所以比起「記住」這些語法，我們會更建議你透過大量地、反覆「實作」，來熟練使用方法。 -->

<!-- <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;">我還沒完成上週進度，怎麼辦？</h5>
<p>建議你在今天就規劃本週的學習，安排比上週更多的時間！</p>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">務必把握「練習觀摩」的機會，將上週作業完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a> 和 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/918" target="_blank">A6: 給菜鳥的臨櫃小抄</a>。
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">此外，在 Unit 下的問答區是沒有章節進度限制的。<br>因此如果卡關太久，就趕緊整理自己的問題在 Q&A 提問。<br><br>適時的提問以及運用觀摩，將加速你的學習效率。<br>你也可以快速複習以下兩個單元，讓你的學習更加順利！<br></p>
<p>
<ul>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習「有效提問」</a></li>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/7526" target="_blank">學習從「觀摩」中有效成長</a></li>
</ul>
</p>
</div>
</div> -->

鼓勵 {{user_nickname}} 可以時時回想你剛開始加入課程的熱忱🔥，跟著班上同學一起完成學期 1 吧！💪💪💪

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

---

#### 本週學習重點

<h5 style="font-size: 1.2rem">兩種主題，一週滿足！</h5>

本週的學習範圍包含 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)。

<!-- 你會先承接上週的運算思維，完成更多深入的作業練習，幫本學期的 JavaScript 學習做個收尾，接下來就要開始初步認識打造視覺介面的工具和方法。 -->

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，延續上週的 JavaScript 基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

兩份指標作業

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A: 設計演算法：10 次內猜對數字</a>

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著在 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節中，你會開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，初步認識網站設計的概念 (e.g., wireframe, user story, etc)

在進行介面的學習時，會與 JavaScript 的學習體驗相當不一樣：同學會得到比較多視覺上的回饋。

同時，HTML 和 CSS 的語法繁多，所以比起在第一次使用語法時，就要記憶語法，我們會更建議你在 codepen/DevTool 上大量地、反覆地嘗試和練習，來幫助你熟練以及掌握使用方法。

透過完成作業[A: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你會掌握 DevTool 的使用方法，並且具備更動網頁視覺呈現的能力，為下週的「介面專案實作」暖身。

<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;">還沒完成第一週的進度，怎麼辦？</h5>
<p>由於你已經落後進度，本週要規劃更多的學習時間喔！</p>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">務必把握延長作業批改的 3 天，完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A: 擲骰子 10 局積分賽</a> 以及第一週的其他作業！
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">此外，在 Unit 下的問答區是沒有章節進度限制的。<br>因此如果卡關太久，就趕緊整理自己的問題在 Q&A 提問。<br><br>適時的提問以及運用觀摩，將加速你的學習效率。<br>你也可以快速複習以下兩個單元，讓你的學習更加順利！<br></p>
<p>
<ul>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習「有效提問」</a></li>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/7526" target="_blank">學習從「觀摩」中有效成長</a></li>
</ul>
</p>
</div>
</div>

<!-- #### 還沒完成第一週的學習內容嗎？你可以⋯⋯

如果上週因為沒有足夠的時間學習，導致你雖然已經開始上課，但還沒有完成指標作業 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a>，你可以：
* 優先完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a>，建立基本的邏輯概念和 JavaScript 語法的運用能力。
* 完成指標作業後，妥善安排本週的學習時間，跟上進度！

如果你一份作業都尚未繳交，建議你：
* 直接跳到 <a href="https://lighthouse.alphacamp.co/courses/39/units/5541" target="_blank"> S3 網站設計與介面實作 </a>，體驗介面設計與實作的學習
* 調整學習步調，透過跟著班級一起學習，最大化學習效果。待完成介面學習 (S3/S4) 之後再回去完成比較強調邏輯思考的 JavaScript 章節（S1/S2）。 -->

<!-- #### 有問題別悶著，趕快提出來讓助教幫你解決！

我們注意到有些同學已經開始在 Lighthouse 上踴躍地提問以及分享自己的學習心得，但也觀察到部分的同學可能在學習上遇到一些困難，卻傾向不尋求幫助解決問題。

自行解決問題固然很有成就感，但在這邊鼓勵同學遇到問題時不要投入<b>過多的時間</b>試圖自己解決，而要根據自己的時間規劃設定「停損點」（例：想了一個小時還是想不出來，就不要再想了！），並快速釐清自己遇到的問題，到問答區發問。

有效借助助教的專業知識，能讓你的學習事半功倍，千萬不要單打獨鬥。學期一的大家，加油！ -->

#### 從實作中複習，事半功倍！

初次接觸程式領域，很多同學在進行第一週的學習回顧時，體悟到自己對程式還不熟悉，也因此期望自己在往下學習之前，可以先複習第一週的內容。

但由於 S2 當中就會有許多的作業練習，同學們在往下學習時，就必定會需要回頭複習 S1 的內容。因此其實更鼓勵同學們 <b><span style="color:#ff6600">先推進進度、整個學期一都學完後再統整複習</span></b>。程式是一門非常吃重「從做中學」的技術，因此搭配著實作一起學習/複習，效果一定會更好！

Week 2 今天正式開跑，大家繼續加油！

<!-- #### 觀摩別人的作業才解出題目，是不是代表沒有「真正學會」呢？

最近教練看到許多同學都在練習觀摩，非常好！🤩 🤩 🤩

多數同學在練習觀摩之後也都有蠻正面的收穫，不過也同時注意到有同學會因為「觀摩之後才解出題目」而略感不安，覺得自己沒有充分學會、對概念的掌握度不夠。

教練要這群同學說：「觀摩」是解決問題的重要途徑，因此觀摩後才解決問題，一樣是很好的學習！

當然，要讓每次的「觀摩」都能讓自己有最多的成長，最重要的是你有沒有<b><u>從別人的作品中學到新的觀念或做法，並把它們內化成自己的知識。</u></b>

那麼應該要如何改善每次的觀摩學習呢？教練這邊提供一些參考：

1. 「具體寫出」針對這個題目，你目前卡關的部分
2. 「有意識、有目標」地觀摩：從你觀摩的每一份作業中，找出別人如何解決你卡關的部分
3. 順利解決題目之後，回頭查找、思考你是「哪一個觀念學得不夠透徹」導致卡關
4. 重新複習、強化觀念。最好還可以提出延伸問題或分享觀摩心得，透過刻意練習輸出結果。

以上的小參考，提供給所有覺得自己還不是很會觀摩的同學😁。懂得有效運用別人的知識解決問題，也是成為工程師必要的技能喔！學期一的大家，加油！ -->

<!-- 如果想知道該怎麼有效提問，請參考<a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank"> 學習「有效提問」</a>這個單元的介紹。 -->

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

-------

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

課程進入第三週，又是個新的開始！相信這段時間你開始感覺自己吸收了許多新知，也開始感受到「時間安排」及「進度規劃」的重要。
第三週的學習內容非常豐富，會有較多的份量，將會需要你投入更多的實作。

#### 本週目標
<div style=" max-width: 100%;text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png">
</a>
<small>點擊圖片看大圖</small>
</div>

<!-- 本週有兩大重心 ——「網頁切版實戰」與「期末驗收」。 -->

#### S4 網頁切版實戰
你將在教案實作中，運用 HTML 和 CSS，實際動手刻出一個自己的履歷頁面。
在 S4 有兩大學習重點：

1. **介面切版流程** —— 符合業界打造靜態網站的流程以及思維邏輯
2. **熟練語法** —— 反覆運用上週所學的 HTML/CSS 語法打造頁面，熟悉兩者的互動關係

你這週的目標是透過不斷嘗試、查找文件，<u>建立能「運用 HTML 架構簡易的網頁，並透過 CSS 的選擇器、屬性、佈局模型 (box model, flexbox) 排版」的能力。</u>

<span style="color:#EDA35E; font-weight:bold;">本週的指標作業</span> 為 [A17: 打造你的英雄頁面](https://lighthouse.alphacamp.co/courses/39/assignments/929)，請你以完成此作業為目標進行學習。

<h5 style="font-size:1.2rem">提前規劃時間，每日推進進度</h5>

在整個履歷頁面專案的過程中，**本週將有非常大量的影片和文字內容**，每一個單元都不是特別困難，但是需要你細心、踏實地吸收完所有內容。

因此建議同學們<b><u>每天都要完成一定份量的進度</u></b>，才不會在週末要一口氣吸收過多的資訊，影響學習效果喔！

<!-- #### 找出最適合自己的學習模式！

教練在大家的回饋中注意到：不少同學有提到自己需要花很多時間才能完成一個題目，覺得自己的程度不如別人，因而感到挫折。但其實同學們更應改把焦點放在自己「有沒有完成作業」以及「過程中學到了哪些東西」上面，才能更準確地評估自己目前的學習狀況。

學習的過程中，確實很容易因為自己的表現不如同學，就誤以為自己不夠好。但事實上是：每個人的天份、基礎、經驗、投注在學習上的資源都有所不同，因此反映出來的表現也就有所差異。

也就是說，每個人所需要的解題時間本來就不一樣，速度不如人不是一件需要感到挫折的事。相反的，當你注意到自己需要很多解題時間，就應該去尋找讓自己更有效率學習、解題的方法。例如：我們在[學習從「觀摩」中有效成長](https://lighthouse.alphacamp.co/courses/38/units/7526)當中提到的「設置停損點」，就是一個有效改善學習效率的方法之一。

勉勵所有同學趁著在 AC 學習的過程中，明確了解自己的不足，並嘗試多樣的學習方法（例如：觀摩、給同學回饋、有效提問⋯⋯），建立一套最適合你自己的學習模式，順利進步！

-->

<!-- #### 期末驗收
我們會在期末驗收同學們對於網頁三大基礎 JavaScript, HTML, 和 CSS 的掌握程度，驗收的目的並不是要考倒同學，而是要幫助同學們複習和內化所學。

<u>期末考沒有繳交期限</u>，但我們相當鼓勵同學，在記憶最深刻的時候就去完成，幫助自己對本學期的學習有比較全面性的整理，因此別忘記預留時間去完成期末考哦(期末考預估需花 3 - 5 小時來完成)！ -->

#### 若你尚未跟上前兩週進度

<!-- 恭喜前兩週都保持在進度上的同學，相信你已經熟悉在 AC 該如何學習了，期待你這週也能順利達標！ -->

這週在 S4 的學習，與前面 S1 和 S2 的 JavaScript 運算思維完全獨立，並**不會因為前面課程未完成而無法理解**。因此建議本週優先<b>專注在介面 (S3、S4)的學習</b>，以跟上本週進度為目標。

教練知道每個人的學習進度有所不同，稍微落後也不用擔心！最重要的是：請 **「持續保持學習狀態」！**

<span style="color:#EDA35E; font-weight:bold;">若你尚未跟上前兩週進度</span>，以下是為你安排的本週目標：

1. 直接進入 [S3](https://lighthouse.alphacamp.co/courses/39/units/5541)，並完成 [A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927) 這份作業，掌握基礎的 HTML/CSS 觀念和語法
2. 接著，請進入[ S4 ](https://lighthouse.alphacamp.co/courses/39/units/7337)開始學習，完成介面實作專案及</span> [A17: 打造你的英雄頁面](https://lighthouse.alphacamp.co/courses/39/assignments/929) 這份指標作業

以上都完成後，再回頭將前兩週的課程內容補齊、複習也不遲哦。
2022 即將進入尾聲，學期 1 也來到最後一週，和班上同學一起努力衝刺吧！

💡最後提醒同學：<span style="color:#EDA35E; font-weight:bold;">作業批改到 **本週日晚上 23:59** 截止</span>，請大家把握機會準時繳交 Week 3 進度作業，獲取助教給你的個人回饋哦。

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

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

-------
## 學期 1 ：Week 3 學習目標 - Mastery & Current Week

#### 恭喜 {{user_nickname}} 突破重圍，邁入學期 1 的最後衝刺週！

經過了兩週的學習，相信 {{user_nickname}} 一定吸收了相當多的新知，也開始感受到「時間安排」以及「進度規劃」的重要性，並慢慢找出自己的學習節奏和方式了！
第三週的學習內容非常豐富，將會有較多的學習份量，也需要你投入更多的實作。而為了加速大家上手 HTML 和 CSS 的速度，我們準備了[前端基礎工作坊](https://lighthouse.alphacamp.co/courses/39/units/28527)。
<!-- 助教將帶我們練習運用前端開發常用的工具 -- Dev tool，進行頁面調整，並且將我們分享實際前端開發的小技巧，帶領 {{user_nickname}} 對於前端開發更有整體性的概念。 -->
相信這對 {{user_nickname}} 的切版實戰以及整體的介面學習都非常有幫助，若你尚未報名，趕緊點擊以下連結報名參加吧！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; max-width: 400px;">
工作坊時間：本週三 19:30 - 21:30 <br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/39/units/28527" target="_blank">Week 3 前端基礎工作坊資訊</a>
</div>

#### 本週目標
<div style=" max-width: 100%;text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png">
</a>
<small>點擊圖片看大圖</small>
</div>

<!-- 本週有兩大重心 ——「網頁切版實戰」與「期末驗收」。 -->

#### S4 網頁切版實戰
{{user_nickname}} 將跟著完整的教案實作，運用 HTML 和 CSS，實際動手刻出一個你自己的履歷頁面。S4 分為兩大學習重點：

1. 介面切版流程 —— 符合業界打造靜態網站的流程以及思維邏輯
2. 熟練語法 —— 反覆運用上週所學的 HTML/CSS 語法打造頁面，精熟兩者的互動關係

你這週的目標，是透過不斷嘗試、查找文件，<u>用 HTML 架構建立簡易的網頁，並透過 CSS 的選擇器、屬性、佈局模型 (box model, flexbox) 調整版面。</u>

<span style="color:#FF6600; font-weight:bold;">本週的指標作業</span> 為 [A17: 打造你的英雄頁面](https://lighthouse.alphacamp.co/courses/39/assignments/929)，請 {{user_nickname}} 以完成此作業為目標進行學習。

<h5 style="font-size:1.2rem; color:#ff6600">提前規劃時間，每天都要推進度</h5>

在整個履歷頁面專案的過程中，**本週將有非常大量的影片和文字內容**，每一個單元都不是特別困難，但是需要你細心、踏實地吸收完所有內容。

因此建議 {{user_nickname}} <b style="color: #ff6600"><u>從週一開始，每天都要完成一定份量的進度</u></b>，才不會在週末要一口氣吸收過多的資訊，影響學習效果喔！

**如果還沒看完上週的進度 (S3)，記得今天就把 S3 剩下的內容完成**，把本週的時間留給 S4 的學習！

<!-- <h5 style="font-size:1.2rem">調整觀摩學習的心態</h5>

多數同學在練習觀摩之後也都有蠻正面的收穫，不過也同時注意到有同學會因為「觀摩之後才解出題目」或「看不懂別人的語法」而略感不安，覺得自己沒有充分學會、對概念的掌握度不夠。

教練要對這群同學說：「觀摩」是解決問題的重要途徑，因此觀摩後才解決問題，一樣是很好的學習！

當然，要讓每次的「觀摩」都能讓自己有最多的成長，最重要的是你有沒有<b><u>從別人的作品中學到新的觀念或做法，並把它們內化成自己的知識。</u></b>

有輸入也要有輸出！觀摩後記得要把對方的思維轉換成自己可以理解的語言，才是真正有效的觀摩學習喔！ -->
<!--
最後提醒你：作業批改到本週日（8/7）截止，記得把握機會準時繳交 Week 3 進度作業，獲取助教給你的個人回饋。
-->
學期 1 的最後一週，期待你繼續保持、順利完成🔥🔥🔥！

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

-------
## 學期 1 ：Week 3 學習目標 - 未開始 W2 進度

#### 鼓勵 {{user_nickname}} 把握學期 1 的最後一週！

無論 {{user_nickname}} 上週學習的進度如何，都不必氣餒！

**由於介面的學習並不會受到程式基礎（S1、S2）的影響，因此<b style="color: #ff6600"><u>建議這週先從 S3 開始</u></b>，完成介面學習後再回頭去完成 JavaScript 的課程。**

另外，本週的學習內容非常豐富，為了幫助 {{user_nickname}} 盡快上手 HTML 和 CSS，我們準備了[前端基礎工作坊](https://lighthouse.alphacamp.co/courses/39/units/28527)。

<!-- 在工作坊活動中，助教將帶我們練習運用前端開發常用的工具 -- Dev tool，進行頁面調整，並且將我們分享實際前端開發的小技巧，帶著大家熟悉前端開發的整體性的概念。
-->
相信這對 {{user_nickname}} 的切版實戰及介面學習將會非常有幫助，如果 {{user_nickname}} 還沒報名，千萬別錯過！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; max-width: 400px;">
工作坊時間：本週 (三) 19:30 - 21:30 <br>
行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/39/units/28527" target="_blank">Week 3 前端基礎工作坊資訊</a>
</div>

#### 本週目標

<div style=" max-width: 100%;text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22306/Intro_weelky_goal.003.png">
</a>
<small>點擊圖片看大圖</small>
</div>
<!-- 本週有兩大重心 ——「網頁切版實戰」與「期末驗收」。 -->

#### 完成介面部分的學習

<h5 style="font-size: 1.2rem">初步掌握 HTML/CSS 語法</h5>

建議 {{user_nickname}} 直接從上週進度 **S3 的起始單元** [學習重點：打造視覺介面](https://lighthouse.alphacamp.co/courses/39/units/5541) 開始往下學習，直到完成作業 [A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你就具備了基礎的介面語法觀念，準備好動手進行實戰了！

<h5 style="font-size: 1.2rem">網頁切版實戰：打造履歷頁面</h5>

{{user_nickname}} 將透過完整的教案實作，運用 HTML 和 CSS，實際動手刻出一個你自己的履歷頁面。S4 的學習重點在於：介面切版流程以及熟練 HTML/CSS 語法。

你的目標是透過不斷嘗試、查找文件，<u>建立運用 HTML 架構簡易的網頁，並透過 CSS 的選擇器、屬性、佈局模型 (box model, flexbox) 進行排版的能力。</u>

<span style="color:#FF6600; font-weight:bold;">本週的指標作業</span> 為 [A17: 打造你的英雄頁面](https://lighthouse.alphacamp.co/courses/39/assignments/929)，請 {{user_nickname}} 以完成此作業為目標，進行這週的學習。

<h5 style="font-size:1.2rem; color:#ff6600">提前規劃時間，每天都要推進度</h5>

在整個履歷頁面專案的過程中，有非常大量的影片和文字內容，每一個單元都不是特別困難，但是需要你細心、踏實地吸收完所有內容。

因此建議 {{user_nickname}} <b><u>每天都要完成一定份量的進度</u></b>，才不會在週末要一口氣吸收過多的資訊，影響學習效果喔！

<!-- <h5 style="font-size:1.2rem">善用觀摩學習</h5>

多數同學在練習觀摩之後也都有蠻正面的收穫，不過也同時注意到有同學會因為「觀摩之後才解出題目」或「看不懂別人的語法」而略感不安，覺得自己沒有充分學會、對概念的掌握度不夠。

教練要對這群同學說：「觀摩」是解決問題的重要途徑，因此觀摩後才解決問題，一樣是很好的學習！

當然，要讓每次的「觀摩」都能讓自己有最多的成長，最重要的是你有沒有<b><u>從別人的作品中學到新的觀念或做法，並把它們內化成自己的知識。</u></b>

有輸入也要有輸出！觀摩後記得要把對方的思維轉換成自己可以理解的語言，才是真正有效的觀摩學習喔！ -->

學期來到最後一週，鼓勵 {{user_nickname}} 把握這段時間，加緊衝刺吧！🔥🔥🔥

★ 最後，我們相當重視你在這段時間的學習體驗，無論學習進度到哪邊，都邀請你花 3-5 分鐘完成「[整體學習回顧](https://lighthouse.alphacamp.co/courses/39/units/28380)」讓我們了解你的課程體驗！

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

-------

<!-- ## 學期 1：課程結束後，也要持續學習！ -->
## 學期 1：課程結束後，也要持續學習 —— 延長助教 QA 一週！

學期 1 的課程雖然已經告一段落，很開心看到有非常多同學持續學習，順利達成三週密集學習的里程碑！

<!-- 學期 1 的課程雖然已經告一段落，很開心看到許多同學充分把握本週的助教延長批改，持續衝刺，順利完成學期 1 的課程！ -->

#### 把握寫程式的手感

在經過了三週的密集學習後，同學們的「程式手感」已經正式被建立起來。適當的休息是為了走更長遠的路，不過同學們在休息的同時，別忘記要保持一定的練習，讓剛建立好的手感可以持續保持，接下來的學習才會更加得心應手。

<!-- 非常多同學在 ORID 明確列出了學期結束後的下一步，例如：重新複習一下 HTML/CSS、深入掌握 flexbox 和 box model 的觀念、做出一個完整的筆記收斂這學期的所學等等⋯⋯由此也可以看出：其實非常多同學都已經在為自己規劃「如何持續學習」了！ -->

#### 延長助教 QA 一週

稍早教練團隊在檢視各位的表現時發覺到：大家非常珍惜與優質助教群互動學習的機會，積極地與助教們討論，讓自己有更具體的進步，也獲得了非常好的學習成果 🤩

因此為了鼓勵積極學習的大家，我們決定為 1 月班的同學破例加開一週助教 QA！

從 2/1 - 2/7 ，在學期 1 的單元下方留言發問，都一樣會有助教回覆！鼓勵同學們本週也持續學習 / 練習，並把握這次的延長助教，將所有學習上的疑慮和困難一掃而空吧！

#### 保持手感的最佳練習 -- 期末考

<!-- 在此教練建議： -->

如果想要持續練習，可以優先以完成 [期末考](https://lighthouse.alphacamp.co/courses/39/assignments/932) 為目標。

為什麼這麼建議呢？因為期末考有以下的好處：

* 統整學期 1 所學，幫助你抓到學期一的核心技術能力
* 沒有繳交期限，只要提交，助教就會批改提供回饋，幫助你確認有建立正確的概念
* 沒有提交次數限制，因此如果遇到卡關也可以先提交，獲得助教提示之後再次修改、提交，有效找到過往盲點

根據學長姐的經驗，往下學習之前先完成期末考，在銜接到 2-1 的時候會更加得心應手喔！

<!-- 期待看到同學可以持續保持練習習慣，完成期末考 🤩 -->

<!-- #### HTML/CSS 的學習心態分享

今天在看大家的 ORID 時，發現仍有一些同學會認為自己因為還沒有熟記 HTML/CSS 語法、在試錯中完成作業而覺得<span style="color:red">自己沒有真的學會。</span>

教練團隊過去也觀察到許多同學都會在初學介面的時候遇到類似的情形，不過也同時想告訴大家：學習介面語法時一定會有這個階段，學期一只要求同學們有能力完成作業，因此無須過於擔心自己「不了解語法的運作原理」。 -->

<!-- #### 學介面跟學英文很像

與 JavaScript （程式邏輯）不同，學習介面時，建議同學們可以轉移過去學英文的經驗。

起初，所有單字、文法都不太知道為什麼是這樣拼、這樣用，但只要可以拼出對的單字、使用正確的語法，就代表我們「會使用英文了」。

而其實學英文學了這麼久，可能你仍有很多單字不知道「為什麼」是這樣拼、或某些文法「為什麼」會這樣使用，但這些都與你「會不會用英文」沒有直接的關連。

前端語法亦是如此。

在初學介面時，大多數同學的錯誤和障礙都只是因為「不夠熟」產生，而不是因為「不理解」產生。（相反的，JavaScript 的錯誤則很多是因為「不理解」產生）

因此鼓勵所有對自己的介面實作能力不是很有信心的同學們：只要你有能力完成 AC 出的作業，就代表你開始學會介面了！如果真的想精進介面能力，就做更多的練習，讓自己<b><u>更熟練 HTML/CSS 語法！</u></b> -->

很開心見到大家有如此優秀的表現，也給不間斷學習，順利攻克學期一的自己拍拍手吧！👏👏👏

<!-- AC genie logo -->
<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>

-----
幾大重點

- 延長作業批改
- 規劃學習的下一步（private landing page）
- 介面學習的重點 & 學期二的重點不會著重在這上面

<!-- 2022.03月班 push -->

## 學期 1：加開作業延長批改，把握持續學習機會！

學期 1 的課程告一個段落，也恭喜許多同學已經順利完成課程🎉

不過，教練注意到不少同學其實距離完成 S4、通過學期 1 課程，就只差臨門一腳了，為了鼓勵同學們持續學習、順利完課，教練決定幫大家爭取 **延長作業批改** 期限！

給還在 S4 進度中努力的同學們：

<h5 style="font-size: 1.2rem">1. 把握作業延長批改，繳交作業 A17，為學期 1 做個收尾吧！</h5>

作業延長批改期限：至**本週五 (4/22) 23:59**

只要在期限內提交 [A17:打造你的英雄頁面](https://lighthouse.alphacamp.co/courses/39/assignments/929)，即可獲得助教的批改與回饋，請還沒完成的同學，務必把握最後機會！

<h5 style="font-size: 1.2rem">2. 改變自己的學習方法和期待，有效提升介面的學習效率</h5>

我們觀察到，過去許多學長姐因為沒有順利從 JavaScript 的學習方法轉換過來，遇到許多相似的問題及挫折。這邊也幫大家統整一下介面（HTML/CSS）的學習重點：

* 要求自己以「**把畫面做出來**」為首要目標。現階段還不需要要求自己弄懂每個語法背後的運作原理。
* 增加「**反覆練習的次數**」：介面的運作原理需要在實作多次之後才比較容易理解、吸收，不要操之過急。即便練習自己寫過的題目，也會提升你對介面的掌握程度！

<!-- 因此教練把這邊的學習方法濃縮成幾點，方便同學拿來輔助自己檢核現在學習介面的方法是否正確：

* 你有按照設計稿的規劃，成功畫出頁面嗎？
* 在完成整個 S4 的介面實作後，你有複習、重新練習刻出履歷頁面嗎？ -->
若在你正在 S4 課程中感到疲憊、甚至挫折，教練想和你說：未來的學習重點不會如此聚焦在打造介面的技術上，而會逐漸培養更全觀的網頁開發觀念，過程中也會引入加速開發介面的工具，請同學們無須過於擔心或感到氣餒！如果有其他疑問、或者需要學習建議，也可以[來信]([e-mail])和我們討論哦。

最後，鼓勵所有尚未完成課程的同學，把握延長批改的這幾天，衝刺完課！加油加油！💪💪

<!-- 行有餘力的話，也記得要反覆練習、複習這段課程喔！ -->
<!--
#### 把握學習黃金期，[啟動學習的下一步](https://lighthouse.alphacamp.co/courses/39/units/8179) -->

<!-- 許多同學已經完成課程，應該也會開始思考：學完這些內容後，自己的下一步是什麼？ -->

<!-- 經過幾週的密集學習，相信很多同學已經充分體驗過學習程式是怎麼一回事，也漸漸確立自己對網頁開發的興趣。

在具備了基礎知識，且透過密集練習培養出手感的情況下，同學們正處在一個最適合吸收新知，且有能力完成更複雜的作品的<b>學習黃金期</b>。

根據過去的教學經驗，在這個狀態下持續學習的同學，往往更有效地培養出能實際運用、且對自己職涯加分的技術能力。

為了協助同學們立下決心，延續學習動能，我們推出了限額的 2021 打氣預購方案，鼓勵大家把握時機，領取這份 👉 [有壓力的禮物](https://lighthouse.alphacamp.co/courses/39/units/8179) -->

<!-- 這段當作背著就好 -->
<!-- 不知道大家有沒有看過課程設計師 Ellen 的 [HTML/CSS 學習期待設定](https://lighthouse.alphacamp.co/courses/39/units/7943) 以及寫過 [如何學習](https://lighthouse.alphacamp.co/courses/39/units/8179) 單元中的學習建議問卷呢？ -->

<!-- 在有限的時間之內，請同學優先以完成以上兩件事為目標，調整自己的學習方式。例如你只剩 2 天就要交出作業，就應該在刻出介面之後，就馬上往下一個單元 / 下一份作業邁進。並在交出作業之後，反覆練習這一段實作，在這個過程中逐步提升自己對 HTML/CSS 的掌握程度。 -->

<!-- 這段也是要附 -->

<!-- #### 積極爭取獎學金

已經完課的同學，可以找點時間喘息一下，但千萬不要完全停止學習。

程式學習非常仰賴「手感」，而「手感」需要透過連續不斷的練習來建立。

鼓勵同學們可以，申請持續學習獎學金，完成多面向複習、練習的 [驗收條件](https://lighthouse.alphacamp.co/courses/39/units/8122)，讓你在學期 2-1 開課之前持續學習、保持手感。

完整的獎學金申請條件參考：[【獎學金快訊】](https://lighthouse.alphacamp.co/courses/39/units/8122)，有意申請的同學記得在 10/25（日） 23:59 之前達成所有條件喔！ -->

<!--
期待見到所有同學把握 AC 提供的學習機會，完成學期一，並往下個學期邁進！ -->

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

-----

## backlog - 6 月班 week 1 learning goal

#### 歡迎你來到 JavaScript 全端開發課程的「學期一」！

學期一是學習 Web App 開發的入門課程，我們將運用三週的時間，來了解 Web App 開發是怎麼一回事！

為了協助同學們能有好的開始，我們在週三安排了「<b>開學工作坊</b> [(點我看行前準備資訊)](https://lighthouse.alphacamp.co/courses/39/units/7597)」，協助同學在初期便建立信心，正確理解與電腦溝通的方法，是未來有效學習的必要因素。

務必要來參加，期待看到你！

<div style="background: #ececec; padding: 15px; border-radius: 10px ; font-weight: bold; width:60%;">
活動時間：6/3 (三) 19:30 - 21:00<br>
❗️行前準備請看：<a href="https://lighthouse.alphacamp.co/courses/39/units/7597" target="_blank">開學工作坊資訊</a>
</div>

#### 本週學習重點

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/12105/Week_1____.001.jpeg" target="_blank">
<img style="max-width:800px; width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/12105/Week_1____.001.jpeg">
</a>
</div>

本週的進度是 S1 寫程式的起點，你將了解課程設計、認識同學，並且開始動手寫些小程式，完成不同版本的骰子遊戲。

你的目標是透過作業練習，<u>建立定義問題、宣告變數，並且能利用 if/else 來判斷不同結果的能力，並且認識「運算思維」這個用來解決問題的重要思考框架</u>。

<span style="color:#EDA35E; font-weight:bold;">本週的指標作業</span> 為 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽 </a>，請你以完成此作業為目標進行學習。

#### 積極規劃時間，有效啟動學習！

本週的進度有分布在 8 個學習段落，當中包含 26 個單元，以及 6 份作業。

以上的內容大約需要同學投入 10 個小時以上的時間完成，建議同學至少利用週一到週五的時間投入大約 6 個小時學習，在進度上才會更有餘裕喔！

<!-- 本週作業有 6 份，需要閱讀的章節非常多，請同學務必視自己的能力預先規劃需要投入的時間進行實作與練習。 -->

<!-- #### 完成新手任務，獲得助教批改金牌！

ALPHA Camp 的學習旅程有別傳統線上課程「純影片」的教學，我們打造了高度參與回饋的學習機制，讓同學能夠透過不同的回饋機制，強化概念與技能的積累。

為了協助同學能夠更快上手，我們設計了**新手任務**，讓第一次接觸 ALPHA Camp 學習環境的同學，可以更快的進入學習軌道。

更多新手任務內容與獎品資訊，請看 ➡️ [用「新手任務」開啟你接下來的旅程吧！](https://lighthouse.alphacamp.co/announcements/821)
-->

#### 未來學習支援活動

除了上面的 3 週進度圖，你也可以將這份 <a href="https://calendar.google.com/calendar/embed?src=s7ibi78u1gcna4q9hmo78plh28%40group.calendar.google.com&ctz=Asia%2FTaipei" target="_blank">Google 日曆</a> 加入個人的行程中。
務必記下每個活動的重要日期，把握每個和同學與助教們的學習互動機會！

準備好的同學，就馬上<a href="https://lighthouse.alphacamp.co/courses/39/units/5481" 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>

---------
## backlog - Week 2 溝通內容

### 太少問問題
#### 有問題別悶著，趕快提出來讓助教幫你解決！

我們注意到有些同學已經開始在 Lighthouse 上踴躍地提問以及分享自己的學習心得，但也觀察到部分的同學可能在學習上遇到一些困難，卻傾向不尋求幫助解決問題。

自行解決問題固然很有成就感，但在這邊鼓勵同學遇到問題時不要投入<b>過多的時間</b>試圖自己解決，而要根據自己的時間規劃設定「停損點」（例：想了一個小時還是想不出來，就不要再想了！），並快速釐清自己遇到的問題到問答區發問。

有效借助助教的專業知識，能讓你的學習事半功倍，千萬不要單打獨鬥喔！

如果想知道該怎麼有效提問，請參考<a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank"> 學習「有效提問」</a>這個單元的介紹。

### 過高自我要求
#### 程式學習的核心精神 —— trial & error！

近期我們得到部分同學反應：覺得自己學的不夠紮實。看完課程說明後都可以理解，一旦開始寫作業就要反覆回去查找單元內容才能順利解開題目。

教練想跟大家說：寫作業時需要反覆回去查找，嘗試了很多遍、犯了很多錯後才能成功解完，是一件**非常正常的事情**。

學習程式時，大家需要在心中保有 **try & error 的心態**：錯了一次沒關係，修正之後再試一次就好。在這個過程中，你也會不斷發覺自己有哪些觀念不夠清楚、哪些細節容易疏忽⋯⋯等等，從錯誤中汲取寶貴的學習經驗。

勉勵所有同學開始養成 try & error 的習慣，解題失敗的時候，耐心地檢查自己的程式碼，一步步找出自己的錯誤。重要的不是你嘗試了幾次，而是你有沒有寫出成功的那一次！

同時，如果學習途中有遇到任何困難，也別忘記向助教或教練尋求幫助。學期一的大家，加油！

--------

<!-- # 學期 1：把握學習動能，持續學習！ -->
# 學期 1：把握機會，爭取持續學習獎學金！

<!-- 學期 1 的課程在上週已經告一段落，很開心看到許多同學充分把握週末，持續衝刺，順利完成學期 1 的課程！ -->

學期 1 的課程雖然已經告一段落，但仍有同學充分把握本週的助教延長批改，持續衝刺，順利完成學期 1 的課程！

#### 本週目標

因為同學們的進度有所不同，我們也分別設定了不同的學習目標，鼓勵同學把握下個階段開課前的空檔，為未來的學習鋪路。
<!-- 已完課 -->
<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/14195/like.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;">如果你已經順利繳交並通過作業 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/929" target="_blank">A15: 打造你的英雄頁面</a><br>接下來請你：</h5><br>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">
<ul>
<li>思考職涯下一步：閱讀<a href="https://lighthouse.alphacamp.co/courses/39/units/5595" target="_blank">總結與展望</a>一系列文章的介紹，對現今的科技職涯有初步的認識，也開始思考你想要創造什麼樣的科技職涯</li>
<li>預讀 2-1，提前為下個階段的學習做準備！</li>
</ul>

<!-- 未完課 -->
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;"></p>
</div>
</div>

<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.alphacamp.co/uploads/image/file/14196/muscle.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;">如果你尚未繳交或尚未通過作業 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/929" target="_blank">A15: 打造你的英雄頁面</a><br>接下來請你：完成<a href="https://lighthouse.alphacamp.co/courses/39/assignments/932" target="_blank">期末考</a></h5><br>
<!-- <p sytle="margin-block-start:0em; margin-block-end: 1.67em;"></p> -->
<p sytle="margin-block-start:0em; margin-block-end: 0em;">
完成期末考有以下的好處：
<ul>
<li>統整學期 1 所學，幫助你抓到學期一的核心技術能力</li>
<li>沒有繳交期限，<b>只要提交，助教就會批改提供回饋</b>，幫助你確認有建立正確的概念</li>
<li>沒有提交次數限制，因此如果遇到卡關也可以先提交，獲得助教提示之後再次修改、提交，有效找到過往盲點</li>
</ul>
</p>
</div>
</div>

#### 把握良機，申請獎學金！

為了鼓勵所有同學完成學期 1 並往下學習，特此提醒大家：AC 準備了[持續學習獎學金](https://lighthouse.alphacamp.co/courses/39/units/8122)，請有意申請的同學在<u><b> 10/25（日）23:59 之前</b></u>完成以下條件：

1. 繳交並通過「學期 1」[期末考](https://lighthouse.alphacamp.co/courses/39/assignments/932) <span style=" font-size: 12px; color: #088696; text-height:13px; font-weight: bold; background-color:#f1f1f1; padding: 0 5px; border-radius:5px;">註1</span>
2. 報名並完成「學期 2-1」付款 ([課程簡介](https://tw.alphacamp.co/foundation-module)、[付款連結](https://payments.alphacamp.co/forms/2-1-november-271906f928db45b7aaf712eb7c83b332))
3. 完成 [A19: 學習回顧：部落格撰寫分享](https://lighthouse.alphacamp.co/courses/39/assignments/936) 作業，與同學們分享你的學習回顧
4. 依照表單指示，完整 [填寫申請表](https://ac-bootcamp.typeform.com/to/IMODfi2K) (若申請表顯示錯誤，請更換瀏覽器或是重新整理頁面)

##### 獲獎資格

- 於 2020/10/25 (日) 23:59 前完成申請條件的四項內容
- 申請時需為 學期 1：9 月班 當期同學 (在 9 月班重讀的同學也符合此條件)
- 在「學期 2-1」課程 Week 4 結束前，每週作業繳交皆達到 50% 繳交率 <span style=" font-size: 12px; color: #088696; text-height:13px; font-weight: bold; background-color:#e8e8e8; padding: 0 5px; border-radius:5px;">註2</span> <span style=" font-size: 12px; color: #088696; text-height:13px; font-weight: bold; background-color:#e8e8e8; padding: 0 5px; border-radius:5px;">註3</span>
- 付款「學期 2-1」時，是以原價購買，沒有使用任一優惠（**除非另有官方說明可並用的優惠**）<span style=" font-size: 12px; color: #088696; text-height:13px; font-weight: bold; background-color:#e8e8e8; padding: 0 5px; border-radius:5px;">註4</span>

##### 發放說明

獎學金會於申請者所報名的當期「學期 2-1」Week 4 結束後進行計算，符合獲獎資格時 AC 團隊會寄送審核通過信件，並於下個月的 10 號，進行獎學金發放。

<a class=" btn btn-secondary" role="button" data-toggle="collapse" aria-expanded="false" href="#Intro_scholarship" aria-controls="Intro_scholarship"> 點我看附註 </a>

<div class="collapse" id="Intro_scholarship">
<div style="font-size: 14px; color: #088696; text-height:13px; margin: 0 5px 0 15px;">
<ul style="list-style-type:none; margin-bottom:2px; text-indent : -38px ;">
<li>註1：若第一次提交期末考未通過，一週內補交並通過，同樣符合資格。例：YJ 同學於 1/1 第一次提交，助教於 1/3 完成第一次批改，並無通過。於 1/7 再次提交，1/9 助教第二次批改，通過期末考。YJ 同學符合「通過期末考」之資格。</li>
<li>註2：若開學日為 8/19(一)， Week 4 結束則為 9/15(日)。AC 團隊將於 Week 4 結束時結算前四週的作業繳交率</li>
<li>註3：每一週的作業完成率，以該週的作業範圍為計算，例：Week 2 有 4 份作業，繳交 3 份作業以上即符合「達到 50% 繳交率」</li>
<li>註4：獎學金計畫僅限符合資格的學生本人使用，不得轉贈。<u>付款「學期 2-1」時，是以原價購買，沒有使用任一優惠（除非另有官方說明可並用的優惠）</u>。意即使用早鳥優惠、活動優惠⋯⋯等購買課程者，不符合獎學金申請條件。</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>

---
{%hackmd uS_8Mq7ERo-PyOuAcCzYPA %}

## 學期 1：課程結束後，也要持續學習

學期 1 的課程雖然已經告一段落，很開心看到有非常多同學持續學習，順利達成三週密集學習的里程碑！

#### 把握寫程式的手感

在經過了三週的密集學習後，同學們的「程式手感」已經正式被建立起來。適當的休息是為了走更長遠的路，不過同學們在休息的同時，別忘記要保持一定的練習，讓剛建立好的手感可以持續保持，接下來的學習才會更加得心應手。

<!-- 非常多同學在 ORID 明確列出了學期結束後的下一步，例如：重新複習一下 HTML/CSS、深入掌握 flexbox 和 box model 的觀念、做出一個完整的筆記收斂這學期的所學等等⋯⋯由此也可以看出：其實非常多同學都已經在為自己規劃「如何持續學習」了！ -->

#### 保持手感的最佳練習 -- 期末考

如果想要持續練習，可以優先以完成 [期末考](https://lighthouse.alphacamp.co/courses/39/assignments/932) 為目標。

為什麼這麼建議呢？因為期末考有以下的好處：

* 統整學期 1 所學，幫助你抓到學期一的核心技術能力
* 沒有繳交期限，只要提交，助教就會批改提供回饋，幫助你確認有建立正確的概念
* 沒有提交次數限制，因此如果遇到卡關也可以先提交，獲得助教提示之後再次修改、提交，有效找到過往盲點

根據學長姐的經驗，往下學習之前先完成期末考，在銜接到 2-1 的時候會更加得心應手喔！

當然，如果你對學期一已經有相當充分的信心，也鼓勵你提前啟動 2-1 的學習，讓自己

很開心見到大家有如此優秀的表現，也給不間斷學習，順利攻克學期一的自己拍拍手吧！👏👏👏

<!-- AC genie logo -->
<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>

----

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/20453/Intro_Weekly_schedule2.001.jpeg" target="_blank">
<img style="width:100%;" src="https://assets-lighthouse.alphacamp.co/uploads/image/file/20453/Intro_Weekly_schedule2.001.jpeg">
</a>
</div>

#### 本週學習重點

本週的學習範圍包含 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321)，以及 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541)，<span style="color:#ff6600">共 2 個章節、2 種主題</span>

<!-- 你會先承接上週的運算思維，完成更多深入的作業練習，幫本學期的 JavaScript 學習做個收尾，接下來就要開始初步認識打造視覺介面的工具和方法。 -->

<h5 style="font-size: 1.2rem">延續運算思維</h5>

在 [S2 從演算法到程式碼](https://lighthouse.alphacamp.co/courses/39/units/7321) ，延續上週的 JavaScript 基礎，進一步學習如何思考程式的結構與邏輯；並透過以下兩份指標作業，建立<u>將問題拆解為程式碼，並推導為演算法流程</u>的能力。

兩份指標作業

* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/919" target="_blank">A8: 經典猜數字：熱身題 </a>
* <a href="https://lighthouse.alphacamp.co/courses/39/assignments/1206" target="_blank">A9: 設計演算法：10 次內猜對數字</a>

<!-- * （只要順利完成此份作業，就達成<a href="https://lighthouse.alphacamp.co/announcements/1845">全勤挑戰賽</a>階段 2的任務，又離贏得獎勵更近一步囉！）
-->

<h5 style="font-size: 1.2rem">啟動視覺介面學習</h5>

接著在 [S3 網站設計與介面實作](https://lighthouse.alphacamp.co/courses/39/units/5541) 這個章節中，你會開始學習如何透過 HTML 和 CSS 做出網頁的基礎視覺，接觸 HTML 與 CSS 的基本語法，初步認識網站設計的概念 (e.g., wireframe, user story, etc)

<!-- <b><span style="color:#ff6600">本週適逢連假，務必提前規劃本週的學習時間！</span></b>

本週五適逢勞動節假日，根據過去經驗，不少同學都會利用連假幫自己規劃出遊的行程，不知道 {{user_nickname}} 有沒有任何規劃呢？

本週有兩個跨主題的 Section 需要學習，提醒 {{user_nickname}} 無論如何還是要規劃出 10 -15 hr 的時間來學習。否則錯過進度不僅後面要追上來非常辛苦，也會有許多作業錯過助教的個人化回饋喔！ -->

<b><span style="color:#ff6600">在進行介面的學習時，會與 JavaScript 的學習體驗相當不一樣</span></b>

同學會得到比較多視覺上的回饋，同時，HTML 和 CSS 的語法繁多，所以比起在第一次使用語法時，就要記憶語法，我們會更建議你在 codepen/DevTool 上大量地、反覆地嘗試和練習，來幫助你熟練以及掌握使用方法。

透過完成作業[A12: 試用開發者工具](https://lighthouse.alphacamp.co/courses/39/assignments/927)，你會掌握 DevTool 的使用方法，並且具備更動網頁視覺呈現的能力，為下週的「介面專案實作」暖身。

<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.s3.amazonaws.com/uploads/image/file/9526/info.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;">如果 {{user_nickname}} 主要課程內容已經完成了，想要有更進階的練習，可以做什麼？</h5><br>
<!-- <p sytle="margin-block-start:0em; margin-block-end: 1.67em;">1.如果你在完成主要進度後，希望能夠有更進階的學習，請試著挑戰試著完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/921" target="_blank"> A:【選修】實作程式碼：10 次內猜對數字 </a>，這份作業為挑戰題，相較其他作業會更開放、提示更少、由你獨立決定細節的程度更高，能更反映你對當前學習內容的掌握度。同時，也需要花費更多的思考時間</p> -->
<p sytle="margin-block-start:0em; margin-block-end: 0em;">
如果你充分完成當週進度，想要繼續衝刺，鼓勵你積極完成<b>「提前進度」並繳交觀摩作業</b>（詳細操作請參考「<a href="https://lighthouse.alphacamp.co/courses/38/units/7521" target="_blank">想要超前進度怎麼辦？</a>」的說明）把握時間加緊衝刺！ </p>
</div>
</div>

<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;">還沒完成第一週的進度，怎麼辦？</h5>
<p>由於 {{user_nickname}} 已經落後進度，本週要規劃更多的學習時間喔！</p>
<p sytle="margin-block-start:0em; margin-block-end: 1.67em;">務必把握「練習觀摩」的機會，透過觀摩同學的作業，完成 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/913" target="_blank">A4: 擲骰子 10 局積分賽</a> 和 <a href="https://lighthouse.alphacamp.co/courses/39/assignments/918" target="_blank">A6: 給菜鳥的臨櫃小抄</a>。
</p>
<p sytle="margin-block-start:0em; margin-block-end: 0em;">此外，在 Unit 下的問答區是沒有章節進度限制的。<br>因此如果卡關太久，就趕緊整理自己的問題在 Q&A 提問。<br><br>適時的提問以及運用觀摩，將加速你的學習效率。<br>你也可以快速複習以下兩個單元，讓你的學習更加順利！<br></p>
<p>
<ul>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/6838" target="_blank">學習「有效提問」</a></li>
<li><a href="https://lighthouse.alphacamp.co/courses/38/units/7526" target="_blank">學習從「觀摩」中有效成長</a></li>
</ul>
</p>
</div>
</div>

鼓勵 {{user_nickname}} 保持你的學習熱情🔥，跟著大家一起完成學期一吧！💪💪💪

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