## 21 天打卡學習任務

## 參加方法

1. 課程期間挑其中一天開始，並持續 21 天完成挑戰
2. 每天早上 8:00 發布每日任務後，在討論串分享自己的學習歷程
3. 在 6/8 前連續 21 天達成學生，會贈送神秘小禮物
> 5/4 更新：只要累積 21 天打卡也算

## 想參加的學生，觀看 7 分鐘影片加入
## 點擊下方影片播放
{%youtube lCUVW-sIImQ %}

Q：我要怎麼看自己當天有打卡成功？
A：只要你有在當天討論串留言到，就視同打卡成功

## 點擊下圖，看自己打卡了幾天
<a href="https://ahmomoz.github.io/hex2025-EduTrack/" target="_blank">
<img src="https://hackmd.io/_uploads/S1ptRhBegx.png" />
</a>

## 我該怎麼開始學習？

### [>>點擊觀看12階段里程碑<<](https://liberating-turtle-5a2.notion.site/1e76a246851880fd929fde2466ef4b2e?pvs=4)


## 範例格式

--- 必填 ---
🗓️ Day {n}/21 ｜🏷️ {身分標籤，如 #全職媽媽 #下班進修}
最近可用時段：{ 例如 22:00-23:30 }

--- 以下為選填，可隨意調整 ---
🔄 **昨日覆盤（1 句）**  
{ 昨天最大學習亮點或需要改進的地方 }

🎯 **今日主線任務**  
{ 一句話目標，例如「完成 JS forEach 練習」 }

⏱️ **學習紀錄**  
- 番茄鐘：{ 顆 }（≈{ 分鐘 } min）  
- 資源：{ 影片 / 文章 / 練習連結 }

💡 ** N 個收穫**  
1. { … }  
2. { … }  
3. { … }

❓ ** N 個疑問**
1. { … }  
2. { … }

😌 **休息 / 運動**  
{ 眼睛 20-20-20 ✓｜伸展 ✓｜散步 10 min … }

🚀 **明日 1 目標**  
- { … }

📌 **想分享給大家的話**  
- { 筆記、程式碼 gist、MDN 等 }

## 範例回覆

🗓️ Day 3/21｜ 🏷️ #下班進修 #菜鳥前端勇者  
可用時段：晚上 10:00 - 11:45 🌙（上班族的掙扎）

🔄 **昨日覆盤**  
昨天裝環境遇到了一點小魔王😈，但幸好最好都安裝好了！下次要記得學習前把手機變成勿擾模式，避免昨天好友打來又聊了 40minXDD

🎯 **今日主線任務**  
攻下 HTML 基礎語法！🔖（我要成為標籤大師😎）

⏱️ **學習紀錄**

- 番茄鐘：🍅🍅🍅（一顆 25min 約 75 min）
    
- 資源：看完了課程「HTML 基礎語法篇」、練習 CodePen 基本操作～
    

💡 **3 個收穫**

1. 終於弄懂了 Emmet 快速寫 HTML！
    
2. 原來圖片路徑是相對位置啊，難怪昨天圖一直死掉😇
    
3. 學會了 a 跟 p 標籤的混搭技，感覺離做好看的網頁又近了一步~
    

❓ **2 個疑問** #求助

1. Emmet 好像很厲害，但現實用到的語法會不會其實沒這麼多？🥲
    
2. HTML圖片載入速度變慢時有什麼救命方法嗎？（新手的焦慮😵‍💫）
    

😌 **休息 / 運動**

- 起身伸展 5 分鐘 ✅
    
- 聽了一首 Hololive vtuber 新歌💖
    

🚀 **明日 1 目標**

- 明天準備征服「ul 與 li 列表標籤」，打造一個可愛小清單📝✨
    

📌 **補充 & 連結**

- 今天最愛的 Emmet 語法速查表：Emmet CheatSheet
    
- 找了一個網站，希望結束後我也可以做這裡的動畫效果~
https://www.oppo.com/tw/smartphones/series-a/a5-pro/