前端網頁系統開發概論

Introduction to Frontend Web Development

學期

112-2

學分

3 學分

當期課號

574003

永久課號

GEIT10008

開課單位

資訊技術服務中心

授課教師

陳昌盛

校區

光復

類別

選修

上課時間表

節	週四
5 13:20–14:10	前端網頁系統開發概論 CS105 3 節連堂
6 14:20–15:10
7 15:30–16:20

* 根據陽明交大上課時間表所列

概述

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

先修科目

無.

教學方式

課堂授課大致參照底下的方向與進度: A. 基礎篇 (從做中學—Learn by doing) ---HTML/CSS/JavaScript 概論 B. 中級篇 - JavaScript 應用技術 ---互動表格(HTML forms) -- JS Object與用戶端JSAPI C. 進階篇 – 熱門框架介紹 * React vs Vue.js * 其他熱門框架 (如課程時間允許) D. 學期專案 – 以分組/團隊合作進行 (課後進行, 期程約 4-6 週)

評分方式

A. (35%) Homework Assignment: 平時(課堂/課後)作業 3-4 次 B. (30%) Term Project [學期專案]: -----配分: a. 口頭報告(20%) + b.書面報告(10%) -----原則上, 以群組為考評單位(做一份報告). 最後, 也會針對個別成員的貢獻度/課堂表現, 適度調整個別組員的學期成績 C. (25%) Final Written Exam [僅一次學期考試; 無期中考試] D. (10%) 其他/課堂表現- 課堂討論 + 心得報告

週次計畫

週次	主題
第 1 週
第 2 週
第 3 週
第 4 週
第 5 週
第 6 週
第 7 週
第 8 週
第 9 週
第 10 週
第 11 週
第 12 週
第 13 週
第 14 週
第 15 週
第 16 週

教科書

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年五月初版)

Office Hours

地點: Room 327, Information Building (資訊館 327室)
時間: A. 週一12:20-13:20 B. 週二15:00-16:00
聯絡方式: *Email: jcs.chen@nycu.edu.tw *Phone: 校內分機 31721