---
# System prepended metadata

title: '[企劃書]20260402-從0開始的前端實作：JavaScript 記帳系統'
tags: [前端, javascript, 114學年, 企劃書]

---

---
title: "[企劃書]20260402-從0開始的前端實作：JavaScript 記帳系統"
tags:
- 企劃書
- 114學年
- javascript
- 前端
---

- [ ] 企劃書審核：活動名稱可再吸引人
- [ ] 系統申請
- [ ] 檔案下載 & 修改
- [ ] 檔案列印
- [ ] 企劃書繳交

# 20260402－前端：JavaScript

**活動名稱：** `從0開始的前端實作：JavaScript 記帳系統`
**起止時間：** `115/04/02 18:30 ~ 115/04/02 21:00`
**活動地點：** `電機大樓 200 教室`
**參加人數：** `30`
**主辦單位：** `大同大學科學開源服務社`
**活動對象：** `本社社員、幹部`
**講師：** `高泉閔`

#### 核心能力

- [x] 問題解決：能找出程式中的錯誤並嘗試修正
- [x] 思維創新：透過程式設計，發想不同的實作方式
- [ ] 關懷回饋：
- [x] 團隊合作：與同學合作完成前端實作作品
- [x] 反思探索：理解 JavaScript 的運作邏輯，並回顧課程內容

**申請人所屬社團：** `大同大學科學開源服務社`

#### 活動緣起

隨著網路與資訊科技的發展，網頁製作已成為資訊相關科系，甚至其他科系學生皆需具備的基本能力之一。然而，對於剛入學的大一新生而言，前端開發仍是一項相對陌生的技能。
因此，本活動透過 JavaScript 的基礎教學，帶領學員了解網頁互動的核心概念，並為日後進一步學習前端或相關技術打下良好基礎。

#### 活動目的

1. 讓學員認識並學習 JavaScript 的基本語法與使用方式
2. 建立前端開發的基礎觀念，提升實作能力
3. 培養課後自主學習與解決問題的能力

#### 活動目標

1. 學員能理解 JavaScript 在前端中的角色與用途
2. 學員能實際操作並完成簡易功能實作
3. 課程結束後，能完成一個基礎的記帳系統

#### 活動簡介

本次課程將介紹 JavaScript 的基礎語法與應用，並透過實作方式，引導學員製作屬於自己的記帳系統。在課程中，除了教導程式撰寫技巧，也會說明程式背後的運作原理與思考方式，最後結合先前學過的 HTML 與 CSS，讓作品不僅能運作，也更具美觀與實用性。

#### 活動內容

- 18:00~18:30 場佈與課程準備
- 18:30~20:45 社課
    - 18:30~19:30
        - JavaScript 基礎語法與指令介紹
    - 19:30~20:45
        - 記帳系統實作
- 20:45~21:00 回饋表單填寫
📌 備註：本課程建議自備筆記型電腦，以利實作與程式碼儲存。

#### 活動預期效益

個人：透過學員與幹部的回饋，講師能檢視並改善未來的教學方式與內容。
社團：提升社員的前端實作能力，培養能協助社團網站維護與開發的人才。
學校：增進學生的資訊素養與實務能力，營造良好的學習風氣。
社會：培養具備基礎程式能力的人才，提升學生對資訊科技的理解與應用能力。