前端網頁系統開發概論

Introduction to Frontend Web Development

學期

114-1

學分

3 學分

當期課號

574006

永久課號

GEIT10008

開課單位

資訊技術服務中心

授課教師

陳昌盛

校區

光復

類別

選修

上課時間表

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

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

概述

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

先修科目

無

教學方式

本課程擬使用教學軟體: 教育單位可免費(註冊)下載與使用(最新版) A. WebServer 平台建置 B. VirtualBox (虛擬機系統工具) C. Ubuntu Desktop (Linux 系統) 1). OpenSSHd (SSH/sftp 遠端連線軟體) 2). Apache2 (網頁伺服器軟體) B. 網頁開發(編輯)工具:  Microsoft Visual Studio Code (Windows 平台) C. 瀏覽器 (網頁測試) – 跨平台 (Windows, macOS, Linux)  Google Chrome

評分方式

1.課後作業 (35%) - 四次 2. 考試 (20%) - 僅期末考一次 3. 學期專案 (35%) - 口頭報告 (20%) + 書面報告 (15%) 4. 其他/課堂表現 (10%)- 課堂討論 + 心得報告

週次計畫

週次	主題
第 1 週	課程導論
第 2 週	網頁技術一基礎篇 (HTML5/CSS3/JS) - [1/2]
第 3 週	網頁技術一基礎篇 (HTML5/CSS3/JS) - [2/2] == Hw#01
第 4 週	網頁技術一中階篇 (HTML/CSS/JS) - [1/3]
第 5 週	網頁技術—中階篇 (HTML/CSS/JS) - [2/3]
第 6 週	1. 網頁技術—中階篇 (HTML/CSS/JS) - [3/3] 2.Hw#02
第 7 週	網頁前端框架1 (jQuery – 1/3)
第 8 週	網頁前端框架1 (jQuery – 2/3)
第 9 週	1.網頁前端框架1 (jQuery – 3/3) 2. Hw#03
第 10 週	網頁前端框架2 (Vue.js - 1/3)
第 11 週	網頁前端框架2 (Vue.js - 2/3)
第 12 週	網頁前端框架2 (Vue.js - 3/3)
第 13 週	1.網頁前端框架3 (React.js - 1/3) 2. Hw04
第 14 週	網頁前端框架3 (React.js - 2/3)
第 15 週	網頁前端框架3 (React.js - 3/3)
第 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

地點: 光復校區, 資訊館 327室
時間: A. Mon 12:20 - 13:20 B. Thu 11:00 - 12:00
聯絡方式: * E-mail: jcs.chen@nycu.edu.tw * Phone: x31721