Course Syllabus

Course Information：

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Spring Semester Year 2026	359735	Full Stack Web Software Implementation	1	3.0	3	★	Lee, Chao-Hsien	4EN4A 4EN4B	2	0	電子大四合開

Course Plan：

Instructor	Lee, Chao-Hsien　Office Hours
Email	chlee@ntut.edu.tw
Last Updated	2025-12-15 20:42:53
Course Objective	伴隨全球資訊網(Web)普及應用，可讓不同裝置、系統運行相同網路服務的網頁平台儼然成為當下資訊系統的主要潮流，過去網頁系統的建構可區分成1.網頁前端(Front-end)：主負責使用者看見的瀏覽器端，以及2.網頁後端(Back-end)：主負責運算、儲存資源的伺服器端，不同面向的軟體人才必須熟悉不同軟體實作技巧，然而，面臨物聯網(Internet of Things)、第5代行動通訊(5G)的挑戰，產業需要能夠同時精通前端與後端之軟體實作技術，並進一步延伸支援外部系統整合與介接的全端(Full Stack)軟體人才，本課程主旨為教授網頁前端、後端軟體實作技巧，並結合新一代網路協定，建構出全方位之網頁系統軟體。除此之外，本課程之內容練習題將以教育部ITSA極客挑戰賽之考古題為例(https://www.itsa.org.tw/itsacontest/)，鼓勵修課同學可以報名參加、試試身手。 1. 修課學生可從本課程學習Web前端(Front-end)軟體實作。 2. 修課學生可從本課程學習Web後端(Back-end)軟體實作。 3. 修課學生可從本課程學習新世代Web傳輸協定實作。
Course Schedule	1. Course Syllabus 2. Web Overview (including the development roadmap) 3. [LAB] HTML & CSS 4. [LAB] CSS Animation 5. [LAB] CSS Frameworks 6. [LAB] Javascript & DOM 7. [LAB] JQuery & DOM 8. [LAB] Docker 9. Midterm Week 10. [LAB] PHP 11. [LAB] PHP & SQL 12. [LAB] Vue.JS Declarative Rendering 13. [LAB] Vue.JS Single-File Component (SFC) 14. [LAB] Node.JS 15. [LAB] REST(ful) API – Express 16. [LAB] WebSocket & HTTP/2 & HTTPS 17. [LAB] NodeRED 18. Final Week
Evaluation and grading policy	平常成績(出席率)：10% 上機練習：40% 專案或書面報告：50% 作業遲交或未遵守繳交規定，一律以0分計算
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:No 自編教材 <開放式教材> [英文] Complete Intro to Web Development (btholt.github.io) https://btholt.github.io/intro-to-web-dev-v2/ [英文] GitHub - microsoft/Web-Dev-For-Beginners: 24 Lessons, 12 Weeks, Get Started as a Web Developer https://github.com/microsoft/Web-Dev-For-Beginners [英文] Full stack open (University of Helsinki) https://fullstackopen.com/en/ [中文] 學習該如何開發 Web | MDN (mozilla.org) https://developer.mozilla.org/zh-TW/docs/Learn <開放式教科書(Open Textbook)> [英文] The Missing Link: An Introduction to Web Development and Programming - Open Textbook Library (umn.edu) https://open.umn.edu/opentextbooks/textbooks/the-missing-link-an-introduction-to-web-development-and-programming [英文] Building User Interfaces for Modern Web Applications: React Programming - Open Textbook Library (umn.edu) https://open.umn.edu/opentextbooks/textbooks/building-user-interfaces-for-modern-web-applications-react-programming
The access to curricular consultation	1. 可透過 北科i學園 的討論區 2. 可透過 Email (chlee@mail.ntut.edu.tw) 聯繫與詢問課程 3. 可透過 辦公室分機 (02-27712171#2288) 聯繫與詢問課程 4. [若非疫情緊張時刻] 可於Office Hour 前往辦公室 | 電腦教室位置有限，不開放加簽
Expanding teaching and resources
The course corresponds to the SDGs	SDG4：優質教育（Quality Education） SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure）
Does the course incorporate AI	● 使用生成式AI作為教學過程的輔助工具（Use generative AI tools as an aid to the teaching process）
Note	●依政府與學校的疫情警戒等級 ※「一、二級」警戒：實體授課。 ※「三級」(含)以上警戒：遠距授課。 ●遠距教學方式說明如下： 1. 採用Google Meets，若無法配合使用(麥克風與鏡頭缺一不可)，請不要選此課程。 2. Google Meets之連結，第一周將會公告在這裡，第二周之後將會公告在北科i學園。 ●評量方式： 由於本門課以專案、報告形式為主，故不受遠端教學與否的影響