HTML5, CSS3, jQuery, Bootstrap 網頁設計基礎班課程主題

*基礎班課程大綱，共計30小時課程為一期：

主題一：學習架設網站與網頁基本開發
1. 認識網站架設基礎知識
2. Visual Studio Code 開發環境設定
3. HTML標籤與CSS屬性介紹
4. CSS 選擇器設計策略
5. 認識網頁內容格式：文字、圖片、超連結、版塊、表單與影音格式...等
6. HTML表單應用：使用HTML表單串接自動寄信API服務
7. 部署網站至雲端伺服器

主題二：網站的版面設計
8. 網頁排版策略分享
9. 認識 CSS3 Flexbox
10. CSS3 網頁排版實作步驟示範
11. CSS3 進階定位排版與動畫特效實作
12. 引用外部 CSS Library 輔助設計
13. 響應式網頁設計(Responsive Web Design)實作

主題三：網頁前端程式基礎
14. Javascript 與 jQuery 基礎特效入門
15. 透過 jQuery 綁定事件並控制網頁內容

主題四：進階版面設計實戰
16. 認識 Bootstrap 4 網格系統
17. 整合 Bootstrap 4 元件(如圖片與內容輪播、導覽列...等)至網頁中
18. Bootstrap 4 Landing Page 網頁切版案例實作
19. 認識 Sass 並安裝編譯環境
20. Bootstrap 4 元件 Sass 原始碼客製化
21. 整合 jQuery 設計導覽滑動動畫腳本

課程內容將依照學習狀況進度做調整，亦可斟酌大家的意見追加內容。


HTML系列課程地圖
1. HTML基礎班→HTML進階班→Javascript進階班
2. HTML基礎班→HTML進階班→Javascript相關專題課程

本課程適合初學者，無需任何網頁設計基礎與相關經驗，課程將從0開始教起。程度較佳者或已有Bootstrap相關經驗，建議報名進階班或JavaScript網頁設計入門。

使用跨平台編輯器Visual Studio Code做為主要開發環境，此編輯器可安裝於Windows及MacOS的環境下使用。

國立臺灣科技大學工商業設計系學士學位

(一) 個人網站：
https://enn.design

(二) 經歷：
共生智能股份有限公司 Kyosei.ai 共同創辦人兼前端工程師
香港 THE Education Academy Group HK 前端開發者
Uninus 合一智聯科技 前端開發者
台北市政府春遊補助管理系統開發
LINE HACK 2018 入選前十強
FMTaiwan線上收聽網站開發者
緯創資通股份有限公司價值創新中心
京尚股份有限公司
微星科技工業設計中心

(三) 教學經歷：
1.國立臺灣大學資訊系統訓練班授課時數累計至2022年05月01日為4,350小時；
擔任：Python程式設計課程講師、HTML5,CSS3,Bootstrap,jQuery網頁設計基礎班課程講師、Python Flask動態網站與聊天機器人實作班課程講師、React Native開發入門班課程講師、Sketch 3 基礎專題班課程講師
2.國立臺灣大學：文學數位應用與實作課程合作講師
3.國立臺灣大學：文學編輯的當代型態與數位實作網頁開發技術課程合作講師
4.國立宜蘭大學：微學分課程Python程式設計與網頁爬蟲應用程式實作課程講師
5.國立宜蘭大學：RWD網頁設計與專題實作研習課程講師
6.國立宜蘭大學：Python程式設計與專題實作研習課程講師
7.哈瑪星科技：jQuery基礎程式設計應用與開發、Sass & Scss網頁設計切版課程講師
8.中華民國國防部：React Natvie程式設計課程講師

(四) 興趣領域：
使用者介面設計、使用者經驗設計、HTML5、CSS3、JavaScript、Python、Node.js、React Native應用開發。

(五) 專欄文章：
1. 使用Node.js建置你的第一個LINE BOT
2. 使用VSCode外掛自動編譯SASS/SCSS