---
# System prepended metadata

title: 學期一 W2 【選修】迴圈挑戰
tags: [學期一]

---

###### tags: `學期一`
# 學期一 W2 【選修】迴圈挑戰

[Toc]



## 【選修】學習挑戰 —— 用 for 迴圈畫出感恩節卡片！

🔔 小提醒：此章節為【選修】，請先確認本週進度的章節 & 作業都已完成，有額外的時間再來參與挑戰哦！

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。
在建立好一些 JavaScript 基礎之後，我們幫大家準備了一個難度稍高的小挑戰！

11 月底是感恩節！你有多久，沒有好好和身邊的人說聲感謝了呢？
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" >
</a>

這次的挑戰，就是想邀請同學用很特別的方式做出一張卡片 —— 用 for 迴圈印出「愛心」，和身邊的親友表達感謝吧！



請你用 for 迴圈畫出一個大約長這樣的愛心❤️

<div style="width:60%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21772/____.jpg" >
</div>


<br>
期待透過這個小小的活動，讓大家更充分地練習我們目前為止所學的內容，也希望你利用這個機會，送給他 / 她一張非常特別的愛心賀卡，表達你的愛和感謝！

同時，你也可以在愛心下方寫下你想和對方說的話，並把 repl 的結果截圖下來，就成為一張別出心裁的電子賀卡囉！

小提示：照著類似的方式寫，就可以畫出愛心了！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22323/___2022-11-05___9.23.28.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22323/___2022-11-05___9.23.28.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 賀卡範例

<div style="width:50%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22324/thanksgiving.jpg" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22324/thanksgiving.jpg" >
</a>
</div>

<br>

當你完成這項挑戰後，請將這張賀卡傳給朋友，並回到這個頁面，在下方留言處：

* 分享你的卡片「截圖」和「repl 連結」，讓同學們欣賞！
* 分享對方看到卡片後的回應
* 你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了提示中的寫法，你有沒有想到別的方法把愛心畫出來呢？


最後也跟大家分享一下過去學長姐的作品：

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22325/___.jpg" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22325/___.jpg" >
</a>
</div>


當然，如果你有更多時間，也可以設計其他的圖樣來表達你的愛和感謝唷～
歡迎大家發揮創意，期待看到同學們的作品 😊



## 【選修】學習挑戰 —— 用 for 迴圈畫出萬聖節卡片！

🔔 小提醒：此章節為【選修】，請先確認本週進度的章節 & 作業都已完成，有額外的時間再來參與挑戰哦！

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。在建立好一些 JavaScript 基礎之後，我們幫大家準備了一個難度稍高的小挑戰！

進入到天氣微涼的 10 月份，也即將迎來月底的萬聖節啦！
這次的挑戰，就是想邀請同學用很特別的方式做一張卡片 —— 用 for 迴圈印出一顆「南瓜燈」，送給自己的親朋好友吧！

請你用 for 迴圈畫出一個大約長這樣的南瓜燈。

<div style="width:50%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14690/_____2020-11-10___3.58.45.png" >
</div>

我們期待透過這個小小的活動，讓同學更充分地練習我們目前為止所學的內容，同時讓你能趁機向親朋好友們送上最特別的賀卡，順道和他們分享，你正踏上學習程式語言之路了！

提示：照著類似以下的方式寫，就可以畫出南瓜燈了喔！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14691/_____2020-11-10___4.03.01.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14691/_____2020-11-10___4.03.01.png" >
</a>
<small>點擊圖片看大圖</small>
</div>


你也可以在這顆南瓜的下方，自行加上 line 16、line 17... ，寫下你想跟朋友們說的話，並把 repl 的結果截圖下來，就成為一張非常方便、可以直接送出的電子萬聖卡囉！

#### 萬聖卡範例
<div style="width:70%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22072/___2022-09-27___1.06.46.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22072/___2022-09-27___1.06.46.png" >
</a>
</div>


相信收到如此特別的賀卡，親朋好友們都會耳目一新的！
當你完成這項挑戰後，請將這張賀卡傳給親朋好友，並回到這個頁面，在下方留言處：

* 貼上你的賀卡截圖和 repl 連結，和同學們分享
* 分享你的朋友們看到賀卡後的回應
* 分享你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把月兔畫出來呢？


最後，如果你對於範例的南瓜燈造型不甚滿意，也可以自行設計🎃
<div style="width:70%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/22073/___2022-09-27___1.32.33.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/22073/___2022-09-27___1.32.33.png" >
</a>
</div>

(附上過去學長姊過去曾分享的[像素小工具](https://tools.kooriookami.top/#/pixel-art))

當然，萬聖卡上也未必要畫南瓜燈啦，可以是巫師帽、掃帚，也或者...一隻蝙蝠(?)
歡迎你自由發揮創意XD 期待看到同學們的卡片作品哦 😊



## 【選修】學習挑戰 —— 用 for 迴圈畫出中秋賀卡！


學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。

在建立好一些 JavaScript 基礎之後，我們幫大家準備了一個難度稍高的小挑戰！

下週就是中秋節啦，除了即將迎來快樂的連假 (和吃不完的月餅) 之外，你是否已經很久沒有送出中秋賀卡給親戚、長輩或朋友了呢！

這次的挑戰，就是想邀請同學用很特別的方式做一張卡片 —— 用 for 迴圈印出一隻「月兔」，送給自己的親朋好友吧！

請你用 for 迴圈畫出一個大約長這樣的兔子。

<div style="width:40%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14305/_____2020-09-29___11.59.47.png" >
</div>

我們期待透過這個小小的活動，讓同學更充分地練習我們目前為止所學的內容，同時也讓你能趁機向親朋好友們送上特別的祝福，順道和他們分享你正踏上學習程式語言之路了！

你可以在月兔下方寫下你想跟親友們說的話，並把 repl 的結果截圖下來，就成為一張非常方便送出的電子賀卡囉！

提示：照著類似以下的方式寫，就能畫出一隻月兔了！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14308/_____2020-09-30___11.55.22.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14308/_____2020-09-30___11.55.22.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 月兔賀卡範例

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14307/_____2020-09-29___12.26.14.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14307/_____2020-09-29___12.26.14.png" >
</a>
</div>


相信收到如此特別的賀卡，親朋好友們都會耳目一新的！
當你完成這項挑戰後，請將這張賀卡傳給親朋好友，並回到這個頁面，在下方留言處：

* 貼上你的賀卡截圖和 repl 連結，和同學們分享
* 分享你的朋友們看到賀卡後的回應
* 分享你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把月兔畫出來呢？

最後也跟大家分享一下過去學長姐的作品：

<div style="width:80%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21903/___2022-08-18___11.42.07.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21903/___2022-08-18___11.42.07.png" >
</a>
</div>

如果你對於範例的兔兔造型不甚滿意，也可以自行設計🐰
<div style="width:70%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21906/___2022-08-18___12.30.10.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21906/___2022-08-18___12.30.10.png" >
</a>
</div>

當然，中秋賀卡上也未必要畫玉兔，可以是月餅、月亮，也或者...一串烤肉(?)
歡迎你自由發揮創意XD 期待看到同學們的卡片作品哦 😊



## 【選修】學習挑戰 —— 用 for 迴圈畫出情人節卡片！

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。
在建立好一些 JavaScript 基礎之後，我們幫大家準備了一個難度稍高的小挑戰！

下週就是七夕情人節啦，卡片是不可少的吧！
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" >
</a>

這次的挑戰，就是想要來邀請同學用很特別的方式做一張卡片 —— 用 for 迴圈印出「愛心」，送給自己心愛的人吧！



請你用 for 迴圈畫出一個大約長這樣的愛心❤️

<div style="width:60%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21772/____.jpg" >
</div>


<br>
期待透過這個小小的活動，讓大家更充分地練習我們目前為止所學的內容，也希望你利用這個機會，送給他 / 她一張非常特別的愛心賀卡，表達你的愛和感謝！

同時，你也可以在愛心下方寫下你想和對方說的話，並把 repl 的結果截圖下來，就成為一張別出心裁的電子賀卡囉！

小提示：照著類似的方式寫，就可以畫出愛心了！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21773/____.jpg" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21773/____.jpg" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 愛心賀卡範例

<div style="width:50%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21774/______.jpg" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21774/______.jpg" >
</a>
</div>

<br>

當你完成這項挑戰後，請將這張賀卡傳給朋友，並回到這個頁面，在下方留言處：

* 分享你的卡片「截圖」和「repl 連結」，讓同學們欣賞！
* 分享對方看到卡片後的回應
* 你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了提示中的寫法，你有沒有想到別的方法把愛心畫出來呢？


最後也跟大家分享一下過去學長姐的作品：

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21776/ex.jpg" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21776/ex.jpg" >
</a>
</div>

當然，如果你有更多時間，其實 8/8 父親節也快到了！也可以設計其他的圖樣來表達你的愛和感謝唷～
歡迎大家發揮創意，期待看到同學們的作品 😊





## 【選修】學習挑戰 —— 用 for 迴圈迎來畢業季囉！

>**學習成果與目標**
>・透過更多樣的程式應用，擴增自己對程式的掌握程度

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。

在建立好一些 JavaScript 基礎之後，我們準備了一個難度稍高的小挑戰！

來到炎熱的六月份，許多人都即將離開校園畢業啦！雖然這邊大多數同學們可能都已經畢業一陣子了，但不妨給自己即將畢業的朋友、學弟妹送上畢業季的祝福吧！

這次的挑戰，就是想邀請同學用很特別的方式做一張卡片 —— 試著用 for 迴圈印出「畢業帽」


請你用 for 迴圈畫出一個長得類似這樣的畢業帽 🎓 

<div style="width:60%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21441/___2022-06-17___12.31.33.png" >
</div>


期待透過這個小小的活動，讓大家更充分地練習我們目前為止所學的內容，也希望你利用這個機會，送給即將畢業的朋友或學弟妹們一張賀卡。

同時，你也可以在畢業帽下方寫下你想跟朋友們說的話，並把印出畫面截圖下來，就成為一張別出心裁的電子畢業賀卡囉！

提示：照著類似的方式寫，就可以畫出來了！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21445/___2022-06-17___4.47.15.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21445/___2022-06-17___4.47.15.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 畢業賀卡範例

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21446/___2022-06-17___4.49.24.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21446/___2022-06-17___4.49.24.png" >
</a>
</div>

<br>
(找不到人可以送畢業祝福的話，也可以預先幫兩週後即將從 AC 學期 1 結業的自己來點祝福！)
當你完成這項挑戰後，請將這張賀卡傳給朋友，並回到這個頁面，在下方留言處：

* 貼上你的賀卡截圖和 repl 連結，和同學們分享
* 分享你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把畢業帽畫出來呢？

<!-- * 分享你的朋友們看到賀卡後的回應 -->

最後也跟大家分享一下過去學長姐的作品：

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/21449/___2022-06-17___5.10.10.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/21449/___2022-06-17___5.10.10.png" >
</a>
</div>


(找不到人可以送畢業祝福的話，預先幫兩週後即將從 AC 學期 1 結業的自己來點祝福，當然也是可以的！)
當然，如果你有更多時間，你也可以自己設計一個代表夏季的圖案 (一顆大太陽...等)，也歡迎在底下留言分享喔！
期待看到同學們的作品😊



## 【選修】學習挑戰 —— 用 for 迴圈畫出一張端午賀卡！

>**學習成果與目標**
>・透過更多樣的程式應用，擴增自己對程式的掌握程度

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。

在建立好一些 JavaScript 基礎之後，我們準備了一個難度稍高的小挑戰！

下下週就是端午節啦，除了即將迎來快樂的連假之外，粽子還是不可少的吧！
這次的挑戰，就是想要來邀請同學用很特別的方式做一張卡片 —— 用 for 迴圈印出「粽子」，送給自己的親朋好友吧！

請你用 for 迴圈畫出一個大約長這樣的粽子。

<div style="width:60%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/20980/image.png" >
</div>

(沒錯，當你看它是顆粽子，它就會長得越來越像粽子)

期待透過這個小小的活動，讓大家更充分地練習我們目前為止所學的內容，也希望你利用這個機會，送給親朋好友一張非常特別的端午賀卡。

同時，你也可以在粽子下方寫下你想跟朋友們說的話，並把 repl 的結果截圖下來，就成為一張別出心裁的電子賀卡囉！

提示：照著類似的方式寫，就可以畫出粽子了！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/20987/____.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/20987/____.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 端午賀卡範例

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

<br>

當你完成這項挑戰後，請將這張賀卡傳給朋友，並回到這個頁面，在下方留言處：

* 貼上你的賀卡截圖和 repl 連結，和同學們分享
* 分享你的朋友們看到賀卡後的回應
* 分享你在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把粽子畫出來呢？


最後也跟大家分享一下過去學長姐的作品：

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/20991/_____2022-04-29___12.57.22.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/20991/_____2022-04-29___12.57.22.png" >
</a>
</div>

當然，如果你有更多時間，歡慶端午也不一定畫出粽子，或許也可以是...一艘龍舟(?)
期待看到同學們的作品哦 😊

----

## 【選修】學習挑戰 —— 用 for 迴圈畫出一張中秋賀卡！

>**學習成果與目標**
>・透過更多樣的程式應用，擴增自己對程式的掌握程度

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。

在建立好一些 JavaScript 基礎之後，我們準備了一個難度稍高的小挑戰！

恰逢中秋佳節，我們想邀請同學們用很特別的方式做一張卡片 —— 用 for 迴圈印出月兔，送給自己的親朋好友吧！

請你用 for 迴圈畫出一個大約長這樣的兔子。

<div style="width:50%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14305/_____2020-09-29___11.59.47.png" >
</div>

我們期待透過這個小小的活動，除了能更充分地練習我們目前為止所學的內容，也希望你把握這個機會，送給親朋好友一張非常特別的中秋賀卡。

同時，你也可以在月兔下方寫下你想跟親友們說的話，並把 repl 的結果截圖下來，就成為一張非常方便寄出的電子賀卡囉！

提示：照著類似的方式寫，就可以畫出月兔了喔！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14308/_____2020-09-30___11.55.22.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14308/_____2020-09-30___11.55.22.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 月兔賀卡範例

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14307/_____2020-09-29___12.26.14.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14307/_____2020-09-29___12.26.14.png" >
</a>
</div>

就算在中秋節之前來不及完成卡片，也鼓勵同學盡力在完成挑戰，即便心意表達地有點晚，相信收到如此特別的賀卡，親友們還是會耳目一新的！

當你完成這項挑戰，送出中秋賀卡後，可以回來這個頁面，在下方留言分享：

* 在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 親朋好友們看完卡片有什麼反應？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把月兔畫出來呢？

最後也跟大家分享一下過去學長姐的作品：

<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14335/_____2020-10-05___5.47.41.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14335/_____2020-10-05___5.47.41.png" >
</a>
</div>

期待看到你的分享 😊

---
## 【選修】學習挑戰 —— 用 for 迴圈畫出聖誕賀卡！🎄

>**學習成果與目標**
>・透過更多樣的程式應用，擴增自己對程式的掌握程度
<!-- <div style="width:50%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14020/loving.gif" >
</a>
</div> -->

學期來到第二週，許多同學都已經熟悉基礎的 JavaScript 語法，也漸漸懂得如何拆解問題，熟悉運算思維的操作。

在建立好一些 JavaScript 基礎之後，我們準備了一個難度稍高的小挑戰！

下週五就是聖誕節，因此我們想邀請同學們用很特別的方式「畫」出一張聖誕賀卡！

請你試圖用目前會的 JavaScript 畫出以下的其中一個圖形吧！（當然，樂於挑戰的同學，想要兩個圖形都畫出來也非常歡迎！）


<h5 style="font-size:1.2rem">聖誕樹</h5>
<div style="width:50%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14914/_____2020-12-15___1.04.39.png" >
</div>

<h5 style="font-size:1.2rem">薑餅人</h5>
<div style="width:50%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14915/_____2020-12-15___1.05.29.png" >
</div>

我們期待透過這個小小的活動，除了能更充分地練習我們目前為止所學的內容，也希望你把握這個機會，跟親朋好友分享一下你這兩週在 AC 的成果。

同時，你也可以在圖形下方寫下你想跟親友們說的話，並把 repl 的結果截圖下來，就成為一張非常方便寄出的電子賀卡囉！

提示：無論是聖誕樹或是薑餅人，只要照著類似的方式寫，就可以成功畫出來囉！
<div style="width:100%; text-align: center">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14918/_____2020-12-15___1.08.42.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14918/_____2020-12-15___1.08.42.png" >
</a>
<small>點擊圖片看大圖</small>
</div>

#### 成果範例
<div style="width:100%">
<h5 style="font-size:1.2rem">聖誕樹</h5>
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14917/_____2020-12-15___12.58.32.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14917/_____2020-12-15___12.58.32.png" >
</a>
</div>

<div style="width:100%">
<h5 style="font-size:1.2rem">薑餅人</h5>
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/14916/_____2020-12-15___12.57.57.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/14916/_____2020-12-15___12.57.57.png" >
</a>
</div>

你也可以依照自己的喜好調整圖形喔！

<!-- 如果覺得送給情人有點不好意思或是沒有很特別屬意的對象，也鼓勵你完成挑戰，把愛心卡片送給支持自己來學習的親朋好友喔！ -->


當你完成這項挑戰，跟身邊的人分享這項成就後，可以回來這個頁面，在下方留言分享：

* 在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 親朋好友們看到成品時，有什麼反應？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把圖形畫出來呢？

期待看到你的分享，也希望這張獨特的聖誕賀卡能讓今年的聖誕節更加有趣！😊

-------

# Intro 學習挑戰 —— 向支持你的人表達感謝！
# Intro 學習挑戰 —— 用 for 迴圈做出愛心卡片！
<!-- 標題不確定要用哪個比較好 @@ -->

成人自學從來都不是一件容易的事情，很多人要一邊工作一邊學習，全職學習者可能也會有時間/金錢上的壓力，更有人同時要照顧小孩、爸媽，扮演很多角色。

但即便如此，大家依然抱持者決心來到這裡，而且也很投入在學習之中。

相信要完成這麼困難的任務，同學們身邊多多少少都有人在支持、鼓勵你。

我們想利用這個小挑戰，讓同學跟這些一直支持你學習的家人、朋友們表達感謝！

這次我們用很特別的方式做一張卡片 —— 用 for 迴圈印出一顆愛心，送給一直以來支持你的人吧！

請你用 for 迴圈畫出一個大約長這樣的愛心。
<div style="width:50%">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/11959/_____2020-05-08___8.05.03.png" >
</div>

我們期待透過這個小小的活動，除了能更充分地練習我們目前為止所學的內容，也希望你與家人、朋友分享你在 AC 的學習成果！

提示：照著類似的方式寫，就可以畫出一顆愛心了喔！
<div style="width:100%">
<a href="https://assets-lighthouse.alphacamp.co/uploads/image/file/13664/_____2020-07-21___3.08.28.png" target="_blank">
<img src="https://assets-lighthouse.alphacamp.co/uploads/image/file/13664/_____2020-07-21___3.08.28.png" >
</a>
</div>

當你完成這項挑戰，送出愛心卡片後，可以回來這個頁面，在下方留言分享：

* 在製作過程中有沒有遇到什麼技術上的挑戰？如何克服？
* 家人、朋友們看完卡片有什麼反應？
* 除了我們給的提示中的寫法，你有沒有想到別的方法把愛心畫出來呢？

期待看到你的分享 😊

--------