課程資訊
課程名稱
 數位應用程式設計
Applications for Computer Programming 
開課學期
 107-1 
授課對象
 共同教育中心  共同教育組  
授課教師
 蔡芸琤 
課號
 CSX0013 
課程識別碼
 H03 01200 
班次
  
學分
 3.0 
全/半年
 半年 
必/選修
 選修 
上課時間
 星期五2,3,4(9:10~12:10) 
上課地點
 普302 
備註
 對程式語言應用於專業領域有興趣的初學者.基本能力課程.另開放國北教大、臺藝大各4個名額. 。基本能力課程。
總人數上限：42人 
Ceiba 課程網頁
 http://ceiba.ntu.edu.tw/1071CSX0013_ 
課程簡介影片
 
核心能力關聯
 本課程尚未建立核心能力關連
課程大綱
為確保您我的權利,請尊重智慧財產權及不得非法影印
課程概述

隨著資訊進步發展的快速步伐，市場對於網站開發者的能力需求，無法只滿足於專精某種程式語言的編寫即可，必須是能設計完整的應用程式和網站的開發人員。這些開發人員從前端、後端、資料庫，甚至解問題和測試等各方面的開發工作都能靈活運用，擁有這樣的開發技能者，稱為全端工程師。從創新的角度來看，優秀的全端工程師，遇到問題能自行分析與尋求解決方式，而不是假設或等待其他人來解決，也就是能獨立作業的開發者。

本課程內容規劃以全端工程師所需要的每種技術基礎知識進行分解。分為前端、後端、資料庫、其他基本技術、除蟲與版本控制。每個部分都包含多種數位應用程式設計技術，幫助修課學生習得更多【如何解決問題】的經驗。

7 Steps to Guestbook
Step 1: Hello! Django!
Step 2: Fake Data in HTML
Step 3: Extract Template from Fake-Data HTML
Step 4: Get Fake Data From Database
Step 5: Create Input Form & URL Router
Step 6: Users & Authentication
Step 7: Development Flow and Deployment Flow
 

課程目標
 本課程目標在透過實際專案的開發過程，讓修課學生獲得以下技能：
1. 前端【HTML、CSS、JavaScript】
2. 後端【PHP or Python】
3. 資料庫【MySQL or SQLite】
4. 其他基礎技術【Framework、MVC 架構】
5. 版本控制【GitHub】
最終目標在培養修課學生透過解決各種問題的過程中，自然而然地獲得相關的技術或技能，因為以上技能只不過是完成專案目標所必需具備的東西而已。

Learning Goals of Hackathon:
Team Building
Problem Solving
Teamwork flow in hacking (e.g. git flow, CI/CD, DevOps, … )

Learning Goals of Web Development:
Web Backend & Web Server
Database & Data Schema & Data Model 
課程要求
 修課學生必須確認自己對以上課程內容有高度學習興趣及熱忱。每週除了固定上課三小時之外，每週另外需再花 10 ~ 20 小時 (依學習者的能力，自行調配) 進行作業撰寫與課前課後任務練習，到期末前一個月，每週需要花 50 個小時進行專案開發。

After 7-Step Basic Training

CSS Learning Project:
From a Guestbook to a Beautiful Guestbook

Product Design Learning Project:
From a Guestbook to a Blog (to a Forum or to an Ecommerce)
Write a ToDo Web App from the ground up!

Advanced Topics:
Chatbot (Line or Facebook)
Email Sending Service from ground up (Django-Celery)
ML Model Prediction Service (Django-Celery)
 
預期每週課後學習時數
  
Office Hours
 每週五 09:00~13:00 
指定閱讀
 180 websites in 180 days. https://jenniferdewalt.com/ 
參考書目
 待補 
評量方式
(僅供參考)
  
No.
項目
百分比
說明
1. 
 課堂任務 
40% 
 總共有 8 次課堂任務，每次佔 5%。 
2. 
 期末專題 
40% 
 期末專題，三人一組，最後一週進行 DEMO， 評分內容包含：創意、完整性、技術含量。 
3. 
 Learning Hackathon 
20% 
 五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。 1. Basic Learning Thread: Make a beautiful Guestbook. 2. Frontend Thread: Hello! React! & React frontend Guestbook. 3. Product Design Thread: Make a ToDo Web App. From a Guestbook to a Blog (to a Forum or to an Ecommerce). 4. Webhook Architectures Thread: Chatbot (Line or Facebook). Webhook for IG. Wordpress Plugin. 5. Job Queue Architectures Thread: Email Sending Service from ground up. ML Model Prediction Service. 
 
課程進度
週次
日期
單元主題
第1週
 9/14  【任務01：Environment Setting & Hello! Django!】

<a href=https://ppt.cc/fPu5Qx>課程投影片</a> 
第2週
 9/21  【任務02：HTML & CSS】

<a href=https://ppt.cc/fODSux>課程投影片</a> 
第3週
 9/28  【任務03：Django Template】

<a href=https://ppt.cc/fZ1f8x>課程投影片</a> 
第4週
 10/05  【任務04：Database & Data Schema & Data Model】 
第5週
 10/12  【任務05：Form & Router & Request Handler (View)】 
第6週
 10/19  【任務06：Users & Authentication & Authorization】 
第7週
 10/26  【任務07：Development Flow & Deployment Flow】 
第8週
 11/02  【資策會專題講座：對話式影像辨識實作】
透過對話式介面，結合雲端認知服務，你也能輕鬆應用人工智慧，進行影像辨識與分類！ 
第9週
 11/09  【任務08：Product Design & 分組確認】 
第10週
 11/16  【Learning Hackathon】五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。

1. Basic Learning Thread:
Make a beautiful Guestbook.

2. Frontend Thread:
Hello! React! & React frontend Guestbook.

3. Product Design Thread:
Make a ToDo Web App.
From a Guestbook to a Blog (to a Forum or to an Ecommerce).

4. Webhook Architectures Thread:
Chatbot (Line or Facebook).
Webhook for IG.
Wordpress Plugin.

5. Job Queue Architectures Thread:
Email Sending Service from ground up.
ML Model Prediction Service. 
第11週
 11/23  【Learning Hackathon】五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。

1. Basic Learning Thread:
Make a beautiful Guestbook.

2. Frontend Thread:
Hello! React! & React frontend Guestbook.

3. Product Design Thread:
Make a ToDo Web App.
From a Guestbook to a Blog (to a Forum or to an Ecommerce).

4. Webhook Architectures Thread:
Chatbot (Line or Facebook).
Webhook for IG.
Wordpress Plugin.

5. Job Queue Architectures Thread:
Email Sending Service from ground up.
ML Model Prediction Service. 
第12週
 11/30  【Learning Hackathon】五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。

1. Basic Learning Thread:
Make a beautiful Guestbook.

2. Frontend Thread:
Hello! React! & React frontend Guestbook.

3. Product Design Thread:
Make a ToDo Web App.
From a Guestbook to a Blog (to a Forum or to an Ecommerce).

4. Webhook Architectures Thread:
Chatbot (Line or Facebook).
Webhook for IG.
Wordpress Plugin.

5. Job Queue Architectures Thread:
Email Sending Service from ground up.
ML Model Prediction Service. 
第13週
 12/07  【Learning Hackathon】五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。

1. Basic Learning Thread:
Make a beautiful Guestbook.

2. Frontend Thread:
Hello! React! & React frontend Guestbook.

3. Product Design Thread:
Make a ToDo Web App.
From a Guestbook to a Blog (to a Forum or to an Ecommerce).

4. Webhook Architectures Thread:
Chatbot (Line or Facebook).
Webhook for IG.
Wordpress Plugin.

5. Job Queue Architectures Thread:
Email Sending Service from ground up.
ML Model Prediction Service. 
第14週
 12/14  【Learning Hackathon】
透過 Flask 搭建自己的區塊鏈(上) 
第15週
 12/21  【Learning Hackathon】
透過 Flask 搭建自己的區塊鏈(下) 
第16週
 12/28  【Learning Hackathon】五選一個分項做為學習分支主軸，當成Learning Hackathon的評分標的。

1. Basic Learning Thread:
Make a beautiful Guestbook.

2. Frontend Thread:
Hello! React! & React frontend Guestbook.

3. Product Design Thread:
Make a ToDo Web App.
From a Guestbook to a Blog (to a Forum or to an Ecommerce).

4. Webhook Architectures Thread:
Chatbot (Line or Facebook).
Webhook for IG.
Wordpress Plugin.

5. Job Queue Architectures Thread:
Email Sending Service from ground up.
ML Model Prediction Service. 
第17週
 1/04  【期末專題發表】