---
# System prepended metadata

title: 「2025 Rookie Awakening IV」企劃書
tags: ['2025', activity, course, Rookie Awakening]

---

# 「2025 Rookie Awakening IV」企劃書

:::info
> 課程負責人聯絡資訊：
> 許堃陽 / Email：workingam.sheep@gmail.com

- 課程參與講師：
    許堃陽、宋安琪、許志齊、李崇瑋
    共計 4 人
    [name=企劃書撰寫：許堃陽]
:::

> [TOC]
> 

---
## 課程資訊
- 課程時間：
    [time= 2025/10/13 - 2026/07/31]
    [time= 逢週一 19:00 - 21:00]
    * 第一季︰[time= 2025/10/13 - 2025/12/22]
    * 第二季︰[time= 預計 2026/03 - 2026/05]
    * 第三季︰[time= 預計 2026/04 - 2026/06]

- 課程對象：
    [name=Abyss 未通過培訓之成員]
    [name=對資訊有興趣之學生]

- 課程預估人數：
    [name= 7~9 人]

- 課程地點：
    * 線上 - Discord - 冒險者大廳
    

### _預期目標與主旨_
今期的課程內容包括 2 門「程設基礎」課程 以及 1 門「進階應用」課程。
> 這邊正名「基礎資訊技能」為「程設基礎 (Coding Fundation)」、「進階資訊技能」為「進階應用 (Advanced Application)」
> 另外還是有預期要進行一季的「專案實作 (Project Practice)」
>  [name=夜貓]
>  OK
>  [name=薯羊]

**【程設基礎】**
* 網頁開發
* Python 基礎

**【進階應用】**
* Linux 系統操作 **(暫定)**

預期學生能夠過程中，理解網頁開發的基礎知識，以及具體基礎程式開發的能力。
此外，透過學習 Linux 系統的操作，加深了解作業系統的運作。

Abyss 新手勇者在完整參與本次培訓後，視作完成學員部份的訓練，只要配合「授課訓練」及「專案實作」後，即可進昇為正式成員。

---
## 課程規劃
### 第一季 Frontend builder
==課程內容規劃==
> 講師：宋安琪
> 彩排︰已通過

| 週次 | 日期 | 類型 | 課程標題 | 內容 | 備註 |
| ---- | --- | --- | ------- | ---- | ------ | 
| 1 | 10/13 | Course | 前端基礎 + HTML | 網站概念、核心技術、瀏覽器解析網頁 + HTML語法 | 開發工具：VScode。60 min |
| 1 | 10/13 | Lab    | 建立網頁 | 建立具備最基本結構的網頁 | 20 min |
| 1 | 10/13 | Lab    | 資訊搜尋 | 使用開發人員工具觀察 | 20 min |
| 1 | 10/13 | Lab    | 標籤使用 | 練習 HTML 標籤 | 20 min |
| 1 | 10/13 | Slides & Notes | 前端基礎 + HTML | [簡報](https://docs.google.com/presentation/d/1JAa5Anfnll7jkB10puVFS3nh6kOYuF77Q_9_L2sT4j8/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W1-HTML-1c55417e7ad18084bbe0f6bdfe1b87b7) |
| 2 | 10/20 | Course | CSS | 10/20 CSS 語法、選擇器、排版與樣式設定 | 開發工具：VScode |
| 2 | 10/20 | Lab    | CSS 選擇器 | 使用選擇器抓取元素、顯示屬性調整（色彩、字型、位置） |  |
| 2 | 10/20 | Lab    | 頁面排版 | 修改頁面樣式、Box Model |  |
| 2 | 10/20 | Lab    | CSS 視覺特效 | 修改漸變屬性、transform 函式 |  |
| 2 | 10/20 | Slides & Notes | CSS | [簡報](https://docs.google.com/presentation/d/1iAzswqCrDFSKXoLt_HxBz0E_VCrG8hnHLv0iTa93IuY/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W2-CSS-1dd5417e7ad18099be69ddf09e8c6cc9) |
| 3 | 10/27 | Course | JavaScript 基礎| 變數、資料型別、運算子、控制流程、陣列、物件的基本操作、函式 | 開發工具：VScode、Node.js |
| 3 | 10/27 | Lab    | 閏年判斷 | 條件與計算 | |
| 3 | 10/27 | Lab    | 天數計算 | 條件與函式使用 | |
| 3 | 10/27 | Lab    | JSON 處理 | JSON 結構資料處理 | |
| 3 | 10/27 | Slides & Notes | JavaScript 基礎 | [簡報](https://drive.google.com/drive/folders/1vaZAiT1987o76KvQpu7JKHHqITp4ZYyn)、[筆記](https://recondite-cartwheel-d1e.notion.site/W3-JavaScript-1dd5417e7ad1804b9fc3c676ca5e534d) | |
| - | 11/03 | -      | -   | 期中考不上課 | - |
| 4 | 11/10 | Course | JavaScript 進階 | DOM 操作、事件處理、API、AJAX | 開發工具：VScode |
| 4 | 11/10 | Lab    | DOM 操作 | 網頁操作方法 |  |
| 4 | 11/10 | Lab    | 事件處理 | 網頁事件操作 |  |
| 4 | 11/10 | Lab    | API 資料抓取 | 抓取天氣、地圖資訊 |  |
| 4 | 11/10 | Slides & Notes | JavaScript 進階 | [簡報](https://docs.google.com/presentation/d/1p-xMj3M4V-n8NmQBfC8mMROq46fsSbLuRksJH9o4xYc/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W4-JavaScript-1dd5417e7ad18084af5efb2c16cfdaf4) |  |
| 5 | 11/17 | Course | Bootstrap | 排版、JavaScript 互動元件 | 開發工具：VScode |
| 5 | 11/17 | Lab    | Forms | 表單組件設定 |  |
| 5 | 11/17 | Lab    | Navbar | 導覽列 |  |
| 5 | 11/17 | Lab    | 互動式 UI | Modal |  |
| 5 | 11/17 | Slides & Notes | Bootstrap | [簡報](https://docs.google.com/presentation/d/1lzBROioU87coF379S9TMPNxI94I4WwgQ8SaBhjGnvuM/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W5-Bootstrap-1dd5417e7ad180cc82a2ce159d685ccb) |  |
| 6 | 11/24 | Course | Vue.js 基礎 | Vue 的基本概念和工作原理、模板語法、指令、事件處理和資料綁定 | 開發工具：VScode |
| 6 | 11/24 | Lab    | 天氣查詢器 | 條件綁定 |  |
| 6 | 11/24 | Lab    | 景點推薦 | 插值綁定、事件綁定 |  |
| 6 | 11/24 | Lab    | 行程列表 | 插值綁定、屬性綁定、事件綁定 |  |
| 6 | 11/24 | Slides & Notes | Vue.js 基礎 | [簡報](https://docs.google.com/presentation/d/1wgPmoGDT1ZEpCDPhGZ-VFyLgcI15NZblrMBQh181CHY/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W6-Vue-js-1dd5417e7ad18044baa2ce93ec32844f) |  |
| 7 | 11/24 | Course | Vue.js 進階 | Composition API 和組件通信 | 開發工具：VScode、Node.js |
| 7 | 11/24 | Lab    | Options API Todolist | 練習 Vue 指令  | |
| 7 | 11/24 | Lab    | Composition API Todolist | 練習 Compostion API 寫法 | |
| 7 | 11/24 | Lab    | Componented-based Todolist | 將應用拆成元件寫法 | |
| 7 | 11/24 | Slides & Notes | Vue.js 進階 | [簡報](https://docs.google.com/presentation/d/1Ni9PF8-Cf9zc03T02AfFAPNmy3uqG501BUFhNtTnslo/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W7-Vue-js-1dd5417e7ad180efbfa9cc38b4f90cd3) | |
| 8 | 12/01 | Course | Vue.js 高階 | 路由管理、狀態管理和使用外部 API | 開發工具：VScode、Node.js |
| 8 | 12/01 | Lab    | 多頁切換 | Router  |  |
| 8 | 12/01 | Lab    | 行程資料管理 | 狀態管理（Vuex / Pinia）、異步請求（API串接） |  |
| 8 | 12/01 | Lab    | Vue 與地圖整合 | 整合 Google Maps API / Leaflet  |  |
| 8 | 12/01 | Slides & Notes | Vue.js 高階 | [簡報](https://docs.google.com/presentation/d/1AmE1nfDYaz8wf60HNeFozoBZXaMCbVcHN9FjBKyKp0M/edit?slide=id.g383596c3ed8_0_43#slide=id.g383596c3ed8_0_43)、[筆記](https://recondite-cartwheel-d1e.notion.site/W8-Vue-js-1dd5417e7ad180eb8b76d4f4e8e72ee4)  |  |
| 9 | 12/08 | Course | 旅遊規劃應用 | 地圖 API、路線規劃 | 開發工具：VScode、Node.js |
| 9 | 12/08 | Lab    | 地點標記 | 使用地圖 API |  |
| 9 | 12/08 | Lab    | 路線規劃 | 距離與時間 |  |
| 9 | 12/08 | Lab    | API 整合 | 獲取即時路線、交通資訊 |  |
| 9 | 12/08 | Slides & Notes | 旅遊規劃應用 | [簡報](https://docs.google.com/presentation/d/1KDCsk9Gx4pgkJkS6Uy16XBCkXqFypcVQUA7aB7QsS6I/edit?usp=sharing)、[筆記](https://recondite-cartwheel-d1e.notion.site/W9-1dd5417e7ad180ad8245c2f035bbebf1) |  |

#### 學員回饋
* 跟不上
* 不知道程式碼在打在哪

---

### 第二季
> 講師：許志齊
> 彩排︰11/21 (五)開始 每週五 20:00 - 22:00
> 上課時間︰3/13 (五)開始 每週五 19:00 - 21:00
> 上課地點︰ LE503 / LE506 及 Discord - 冒險者大廳
> 課程通知：課前兩天 (每週三)
    - Discord 公告 - 任務布告欄 (丰嘉)
> 
> | 週次 | 日期 | 類型 | 課程標題 | 內容 | 備註 |
> | ---- | --- | --- | ------- | ---- | ------ |
> | 1 | 03/13 | ==Course== | ==Python 基礎== | 架設基礎環境（PyCharm），並介紹基礎語法與程式架構 | 環境部分使用虛擬環境架設、語法則介紹變數、螢幕輸入輸出、基礎資料型別|
> | 1 | 03/13 | Lab    | 設置虛擬環境並安裝 Python | 在自己的電腦上設置虛擬環境，並安裝 Python，確認環境設置成功，並使用 `python --version` 驗證。並利用套件管理工具學習管理虛擬環境。 |  |
> | 1 | 03/13 | Lab    | 輸入與輸出 | 利用 `input()` 和 `print()` 函數接收輸入、輸出，並使用字串格式化來更美觀地顯示結果。 |  |
> | 1 | 03/13 | Lab    | 基本資料型別運算 | 練習在 Python 中使用不同資料型別（如整數、浮點數、字串）的基本運算，計算圓的面積和周長，並利用資料型別轉換來處理用戶輸入的數值 | 並且要求使用不一樣的型別進行計算，觀察 Python 產生的結果 |
> | 2 | 03/20 | ==Course== | ==控制流程與基本運算== | 介紹條件判斷、迴圈 | `if` 條件判斷、`for` 及 `while` 迴圈、基本運算符號 |
> | 2 | 03/20 | Lab    | 條件判斷 | 撰寫根據使用者輸入的年齡，判斷對應的年齡段（如小於 18 輸出 "未成年"，大於 18 輸出 "成年"）。 |  |
> | 2 | 03/20 | Lab    | 九九乘法表 | 練習使用 `for` 迴圈來打印出九九乘法表 |  |
> | 2 | 03/20 | Lab    | 猜數字 |  讓程式隨機選擇一個數字，並讓使用者猜數字，直到猜中為止 | 隨機產生數字部分會提供 |
> | 3 | 03/27 | ==Course== | ==函數基礎== | 介紹函數語法，以及該如何透過函數設計一個可維護、擴充的程式架構 | 函數定義、參數、回傳值、作用範圍、lambda 函數 |https://hackmd.io/kyp0fgcVRaC7FvlZuRHcPQ#
> | 3 | 03/27 | Lab    | 質數判斷 | 寫一個函數來檢查給定的數字是否為質數 |  |
> | 3 | 03/27 | Lab    | 日期判斷 | 寫一個基於 1990 年 1 月 1 日，能夠根據天數輸入值判斷今天日期和星期的程式。 | TIPS：需判斷閏年 |
> | 3 | 03/27 | Lab    | 計算圓的面積和周長 | 寫兩個函數用來計算圓的面積，和計算圓的周長。 |  |
> | 4 | 04/10 | ==Course== | ==內建模組== | 介紹 Python 內建模組，以及如何使用 | 常用的模組（`math`、`datetime`、`random` 等） |
> | 4 | 04/10 | Lab    | 對角線長度 | 使用 `math.sqrt()` 和 `math.pow()` 計算矩形對角線的長度 |  |
> | 4 | 04/10 | Lab    | 日期差異計算 | 使用 `datetime` 模組，讓使用者輸入兩個日期，並計算它們之間的天數差。 | 需顯示結果並處理日期格式 |
> | 4 | 04/10 | Lab    | 1a2b | 撰寫一個 1a2b 的程式小遊戲 |  |
> | - | 04/17 | -    | 期中考不上課 |  |  |
> | 5 | 04/24 | ==Course== | ==內建模組與套件== | 介紹 Python 內建模組，以及如何使用 | 常用的模組（`os`、`sys`、`re` 等），並比較與套件的差別 |
> | 5 | 04/24 | Lab    | 目錄管理 | 使用 `os` 模組來實現基本的文件操作，比如創建目錄、列出目錄中的文件、刪除文件 |  |
> | 5 | 04/24 | Lab    | 操作系統資訊 | 使用 `sys.platform` 獲取當前系統的類型，並輸出對應的系統說明 |  |
> | 5 | 04/24 | Lab    | 字符串中提取數字 | 使用 `re` 從混合文本中提取出數字 |  |
> | 6 | 05/08 | ==Course== | ==資料結構== | 介紹列表（list）和元組（tuple）的基本操作與應用 |  |
> | 6 | 05/08 | Lab    | 計算學生成績 | 創建一個包含多個學生成績的列表，然後計算平均成績和最高成績 |  |
> | 6 | 05/08 | Lab    | 成績排序 | 將前一個例子當中的學生成績由高到低進行排序 |  |
> | 6 | 05/08 | Lab    | 商店購物清單 | 幫商店的經營者，列出商店內有販售的商品及其價格 | 使用元組（tuple）  |
> | 7 | 05/15 | ==Course== | ==資料結構== | 介紹字典（dictionary）與集合（set）的基本操作與應用 |  |
> | 7 | 05/15 | Lab    | 學生成績記錄 | 使用字典來記錄學生的姓名及對應成績，並查詢某位學生的成績 |  |
> | 7 | 05/15 | Lab    | 商品庫存管理 | 使用字典來管理商品並存儲商品名稱和庫存數量，並提供增減庫存的功能 |  |
> | 7 | 05/15 | Lab    | 集合運算 | 創建兩個集合並進行集合操作（如聯集、交集、差集等） |  |
> | 8 | 05/22 | ==Course== | ==文件操作== | 介紹讀寫文本文件、CSV 文件的處理、文件操作中的錯誤處理 |  |
> | 8 | 05/22 | Lab    | 讀寫文件 | 讀取一份文件，並將其內容顯示在螢幕上，然後再將某些內容寫入另一個文件中。 |  |
> | 8 | 05/22 | Lab    | CSV 文件處理 | 讀取一個簡單的 CSV 文件，並將其內容轉換為列表格式。然後將修改過的資料保存回 CSV 文件。 |  |
> | 8 | 05/22 | Lab    | 合併檔案 | 讀取多個檔案，將它們的內容合併並寫入一個新檔案。 |  |
> | 9 | 05/29 | ==Course== | ==異常處理== | 介紹錯誤與異常處理、`try`、`except`、`else`、`finally` 的用法 |  |
> | 9 | 05/29 | Lab    | 數學運算式 | 輸入兩個數字並進行除法運算，並處理可能發生的除零錯誤 |  |
> | 9 | 05/29 | Lab    | 檔案操作錯誤 | 處理文件打開錯誤，例如指定的文件、目錄不存在或無權訪問 |  |
> | 9 | 05/29 | Lab    | 自定義異常 | 創建一個自定義異常，並在 1a2b 中使用這個異常來捕捉特定的錯誤情境 |  |





### _企劃時程_
| 日期 | 企劃項目 | 負責人 | 備註 |
| --- | --- | ------- | ----- | --- |
|  | [項目] | [姓名] | [其他說明] |


---
## 備註

==宣傳相關說明==
* 上學期初系週會為 9/24 (三)


- 講師 Q & A 跟 臨時狀況更改 -> 迷失檔案 (#Rookie Awakening IV)
    - 如果有臨時狀況更改，優先詢問 @SheepOfBlock (薯羊)

### _會議紀錄_
* [「Rookie Awakening」會議紀錄 (20260110)](https://hackmd.io/@4by55/rJmKWVkHbg)
* [「Rookie Awakening」會議記錄 (20260207)](https://hackmd.io/@4by55/rk5Yw3EDWg)

### _參考來源_
- [HTML Tutorial](https://www.w3schools.com/html/default.asp)
- [CSS Tutorial](https://www.w3schools.com/css/default.asp)
- [JavaScript Tutorial]()
- [Bootstrap](https://getbootstrap.com/docs/5.3/getting-started/introduction/)
- [Vue.js](https://vuejs.org/guide/introduction.html)
- 陳惠貞. (2023). HTML5、CSS3、JavaScript、jQuery、Vue.Js、RWD網頁設計 (第八版). 碁峰資訊.
- Sarrion, E. (2024). Master Vue.Js in 6 Days : Become a Vue.Js Expert in under a Week. Apress. https://doi.org/https://doi.org/10.1007/979-8-8688-0364-2
- 聚慕課教育研發中心. (2021). 最輕巧前端框架首選：Vue.Js完整專案開發實作 (初版). 深智數位.
- Hsu, K. (2021, August 2). 重新認識 Vue.Js : 008 天絕對看不完的 Vue.Js 3.0 指南. 重新認識 Vue.Js | Kuro Hsu. https://book.vue.tw/