---
# System prepended metadata

title: "\U0001F3C5 Day 11 - 覆盤你的學習節奏"
tags: [2025 VibeCoding 體驗營]

---

# 🏅 Day 11 - 覆盤你的學習節奏
![截圖 2025-11-12 下午3.10.09](https://hackmd.io/_uploads/SJTRfnblbx.png)


校長：同學們開課一週了，過程中你覺得如何呢？

我聽到學生最多的回饋是：「**總覺得投入時間很少，開始責備自己**」

說到這裡我也來分享自己的狀況好了

我明年歲數也要奔 4 了 😆

我在 10 年前小朋友還沒出生前，也覺得自己時間很充裕

想做什麼事情我跟太太說出門就出門

在工作上因為只有我和卡斯伯老師，想做什麼事情也不會有太多拘束

但隨著小孩接二連三出來，學校組織也越變越大，所以身上的標籤也開始從本來的 `講師` 而多了 `企業經營者`、`爸爸` 的角色

兩年前開始覺得事情變得很多很雜，而且很愛責備自己

我最喜歡責備自己的話就是：「**早知道當初再多花點時間、再努力一點就好**」

後來開始有慢慢調整過來，以下心態是我轉念後開始在做的事情


## 第一個作法是：**去享受過程**

舉例來說，我在寫這個每日任務的時候，剛好週三下午，高雄這天是颱風天

以前的我可能會想著：「這個每日任務有沒有最有效率的方式做好、我想快點搞定下週份的每日任務，不然後面很多事情都會擠在一起」

這也跟我自己的個性有關，就是做事情很急不會享受過程

但後來我領悟到一件事：「**你效率越高，也只是會有更多的事情等著你去做，你根本沒有做不完的一天，一直保持高效只會讓自己更痛苦**」

後來我心態改成就是：「**我就是爛 XD**」，沒辦法一口氣作 N 件事情，與其如此不如好好把一件事情做到自己也享受會更好

後來轉念成這樣以後，**就不會覺得做事情都會趕趕趕，而是我要怎麼從這個任務中有感受到樂趣**？

有這樣的念頭後，我就開始在每日任務中，加入了遊戲元素，將我個人狀態、家裡的趣事融合起來，用生活化的方式來讓大家學 Vibe Coding，啟發點也會比較接地氣

所以我也希望學生們也能盡可能在學習歷程中享受過程 🙌


## 題目：試著安排自己的學習時間

有的時候時間不會憑空產生出來，但可以趁這次加入體驗營，思考自己有哪些片段時間可以充分利用

可以當作探索自己的一場旅程

我自己是建議：

1. 以一週為單位，每週挑出 5~10 小時，七天時間再看怎麼投入
2. 將他安排在自己的行事曆裡

等時間到了，就開始進修

這樣有個好處，就是「**減少內耗**」，如果沒排進時間，你腦子裡就會一直想著「怎麼辦我還沒過任務」、「我工作事情都做完了，但作業都還沒做」

當你把**學習時間排進行事曆或待辦清單時**，就代表：
「這段時間已經預留給學習了，等時間到了再專心投入就好。」

就不會因為這件事情一直卡到腦袋，影響到你其他工作進行過程中，還冒出來影響你

## 範例格式，可挑其中幾個欄位試試看即可
```

--- 必填 ---
🗓️ 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/
```

![截圖_2025-11-12_下午3_38_37](https://hackmd.io/_uploads/H1SVqnWgWx.png)
![截圖_2025-11-12_下午3_38_54](https://hackmd.io/_uploads/BySV53Wg-g.png)
![截圖_2025-11-12_下午3_40_19](https://hackmd.io/_uploads/BySE92ZxZx.png)
