###### 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> 當你完成這項挑戰,送出愛心卡片後,可以回來這個頁面,在下方留言分享: * 在製作過程中有沒有遇到什麼技術上的挑戰?如何克服? * 家人、朋友們看完卡片有什麼反應? * 除了我們給的提示中的寫法,你有沒有想到別的方法把愛心畫出來呢? 期待看到你的分享 😊 --------