前端網頁系統開發概論

本課程,主要目地在於讓選課同學,透過【從中學(learn by doing)】教學模式,學習網站前端(web frontend)開發實務,以期能夠逐步了解並掌握日漸盛行的各類前端 (或用戶端) 網頁技術。本課程預計涵蓋的範圍與達成目標, 大致可簡略分成以下幾項: 1. 學會靈活運用 HTML5 、CSS3、 Bootstrap 、JavaScript 等前端網頁開發技術 2. 學習並能掌握目前熱門的前端框架 (如 React, Vue.js 等) 3. 透過網路專案的進行與團隊經驗分享, 提升修課同學對「行動優先網站開發技術」的認知與技能.

無

A.教學方法: ---------- 1)除了教師課堂講授之外,也配合安排暨引導學生上機實習,實際了解網頁前端開發技術, 所衍生出的網路服務與應用之運作原理並完成有關的實機操作。 2).結合網頁小遊戲的開發, 引導學生修習相關網路應用領域及刺激學生的思考,加強學生的自學與分析的能力。 B. 課堂授課大致參照底下的方向與進度: --------- 1).基礎篇 (從做中學—Learn by doing) --HTML/CSS/JavaScript 概論 2). 中級篇 (JavaScript 應用技術) --互動表格(HTML forms)/ JS Object與用戶端JS API 3). 進階篇 – 熱門框架介紹 (jQuery/Vue.js) *其他熱門框架 (如課程時間允許) 4).學期專案 – 以分組/團隊合作進行 (課後進行, 期程約 4-6 週)

評量形式 | 所佔比例 | 相關說明(如執行方式、質與量要求、次數等) ----------------------------------------------------------- 1). 作業 (35%) 約 4 次作業 2). 學期專案 (35% -- 口頭報告_20%, 書面報告_15%) 3). 期中考(無) 4).期末考 (25%) - 線上考試 [僅一次學期考試], 預計於16 週, 電腦教室課堂,上機考試 5). 其他 (5%) -其他/課堂表現- 課堂討論 + 心得報告

1. 教科書列表: 本課程, 無固定教科書 2). 自製講義或課本之參考書目: ------------------------------------ A. HTML 自學網站 (URL), https://www.w3schools.com B. 陳惠貞(2017), “跨裝置網頁設計 : HTML5、CSS3、JavaScript、jQuery、Bootstrap、jQuery Mobile”, 碁峰資訊 C. 作者:掌田 津耶乃,譯者:陳禹豪(2020), 書名:”一次搞懂熱門前端框架, React, Vue.js, Angular, ...”, 旗標科技 (2020年五月 初版)

地點

光復校區, 資訊館 327室

時間

A. Mon 12:20 - 13:20 B. Thu 11:00 - 12:00

聯絡方式

* E-mail: jcs.chen@nycu.edu.tw * Phone: x31721