Course Syllabus

Course Information：

Year-Semester Course Number Course Name Phase Credits Hours Required/Elective Instructor Class Student NO. Withdraw Note

Spring Semester
Year 2025 341359 Advanced Interactive Programming Design 1 3.0 3 ★ Tz-heng, Fu 4IDI2 12 0 Computing Center Computer Lab, limited to 20 students.

Year-Semester	Course Number	Course Name	Phase	Credits	Hours	Required/Elective	Instructor	Class	Student NO.	Withdraw	Note
Spring Semester Year 2025	341359	Advanced Interactive Programming Design	1	3.0	3	★	Tz-heng, Fu	4IDI2	12	0	Computing Center Computer Lab, limited to 20 students.

Course Plan：

Instructor Tz-heng, Fu　Office Hours

Email jomo0825@gmail.com

Last Updated 2025-02-14 03:24:36

Course Objective This course introduces the fundamental principles, structures, and design methodologies essential for interactive app programming using JavaScript, HTML, CSS, Electron, Webix, React, and Ionic. It emphasizes intensive, hands-on practice to ensure practical understanding and skill development.

Course Schedule 02/17 W1 Tool setup, Electron+Webix, Ionic+React 02/24 W2 JS fundamentals, ES13 OOP, Pre-course Exercises 03/03 W3 Electron App Exercise #01 – Dice Roller 03/10 W4 Electron App Exercise #02 – Traffic Lights 03/17 W5 Electron App Exercise #03 – Todo List 03/24 W6 Electron App Exercise #04 – Music Player 03/31 W7 Electron App Exercise #05 – Database 04/07 W8 Midterm Project 04/14 W9 Midterm Project 04/21 W10 React.js Basics 04/28 W11 React App Exercise #01 – Dice Roller 05/05 W12 React App Exercise #02 – Traffic Lights 05/12 W13 React App Exercise #03 – Todo List 05/19 W14 React App Exercise #04 – Music Player 05/26 W15 React App Exercise #05 – Database 06/02 W16 Final Project 06/09 W17 Final Project 06/16 W18 Final Project

Evaluation and grading policy Participation：10% Mid-term presentation: 40% Final Project: 50%

Materials All right reserved. Do not reproduce without permission.

Foreign-language textbooks:No
Made by teaching group.

The access to curricular consultation We will have MS Teams group once the course starts. Please make sure you can login MS Teams by your school account.

The course corresponds to the SDGs SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure）

Does the course incorporate AI

Note
　

Instructor	Tz-heng, Fu　Office Hours
Email	jomo0825@gmail.com
Last Updated	2025-02-14 03:24:36
Course Objective	This course introduces the fundamental principles, structures, and design methodologies essential for interactive app programming using JavaScript, HTML, CSS, Electron, Webix, React, and Ionic. It emphasizes intensive, hands-on practice to ensure practical understanding and skill development.
Course Schedule	02/17 W1 Tool setup, Electron+Webix, Ionic+React 02/24 W2 JS fundamentals, ES13 OOP, Pre-course Exercises 03/03 W3 Electron App Exercise #01 – Dice Roller 03/10 W4 Electron App Exercise #02 – Traffic Lights 03/17 W5 Electron App Exercise #03 – Todo List 03/24 W6 Electron App Exercise #04 – Music Player 03/31 W7 Electron App Exercise #05 – Database 04/07 W8 Midterm Project 04/14 W9 Midterm Project 04/21 W10 React.js Basics 04/28 W11 React App Exercise #01 – Dice Roller 05/05 W12 React App Exercise #02 – Traffic Lights 05/12 W13 React App Exercise #03 – Todo List 05/19 W14 React App Exercise #04 – Music Player 05/26 W15 React App Exercise #05 – Database 06/02 W16 Final Project 06/09 W17 Final Project 06/16 W18 Final Project
Evaluation and grading policy	Participation：10% Mid-term presentation: 40% Final Project: 50%
Materials	All right reserved. Do not reproduce without permission. Foreign-language textbooks:No Made by teaching group.
The access to curricular consultation	We will have MS Teams group once the course starts. Please make sure you can login MS Teams by your school account.
The course corresponds to the SDGs	SDG9：產業創新與基礎設施（Industry, Innovation and Infrastructure）
Does the course incorporate AI
Note