---
# System prepended metadata

title: '[企劃書]20250508-前端小白入門指北'
tags: [113 學年, 社課, 企劃書]

---

---
title: "[企劃書]20250508-前端小白入門指北"
tags:
- 企劃書
- 社課
- 113 學年
---
# 20250508-前端小白入門指北

**活動名稱：** `前端小白入門指北`
**起止時間：** `114/05/08 17:30`~`114/05/08 20:00`
**活動地點：** `挺生大樓 200 教室`
**參加人數：** `20`
**主辦單位：** `大同大學科學開源服務社`
**活動對象：** `本社社員、幹部`

#### 核心能力

- [x] 問題解決：透過實作練習，讓參與者學習如何解決網頁開發中遇到的問題，例如排版錯誤、樣式衝突等。
- [x] 思維創新：鼓勵參與者運用所學知識，設計具有個人風格的網頁，培養創新思維。
- [ ] 關懷回饋： 
- [ ] 團隊合作： 
- [x] 反思探索：引導參與者在課程結束後，反思所學知識，並鼓勵自主學習，探索更多前端開發技術。

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

#### 活動緣起

在現今的網路時代，無論是個人品牌建立、作品展示，或是商業行銷，網頁都扮演著至關重要的角色。然而，對於許多初學者來說，前端開發的技術門檻仍然偏高，常常因為缺乏系統性的引導而感到卻步。

本次課程將以實作導向的方式進行，透過 hands-on 的練習，讓參與者在動手做的過程中，快速掌握 HTML、CSS 和 Bootstrap 等常用技術，並學會使用 VSCode 開發工具，為自己的網路世界開啟無限可能。


#### 活動目的

1. 降低前端開發門檻： 提供系統化的入門教學，讓零基礎的學員也能輕鬆上手。 
2. 提升網頁開發技能： 讓學員掌握 HTML、CSS、Bootstrap 等前端技術，具備基礎的網頁設計能力。
3. 培養自主學習能力： 引導學員養成良好的學習習慣，鼓勵其在課後持續精進前端技能。


#### 活動目標

- 參與者能夠完成一個具備基本排版和樣式的網頁作品。
- 課程結束後，80% 的參與者表示對前端開發更有信心，並願意繼續學習。
- 收集至少 20 份有效回饋，作為未來課程改進的參考。

#### 活動內容

1. 17:30~18:00 場地佈置、活動準備、參與者報到
2. 18:00~18:30 前端基礎概念介紹 (HTML、CSS)
3. 18:30~19:30 Bootstrap 框架教學與實作
4. 19:30~19:50 VSCode 開發工具使用
5. 19:50~20:00 成果展示與 QA
6. 20:00~20:30 表單回饋、場地復原

#### 活動預期效益

- 參與者：掌握前端基礎技能，能獨立製作簡單網頁，提升資訊素養與學習興趣。
- 社團：擴大影響力，促進成員交流，積累教學經驗。
- 學校：提升學生實作能力，豐富校園學習氛圍。

