Web Programming and Applications (Web 程式設計與應用)

Roger Jang (張智星)

課程目標

1. To learn how to be an effective web information provider
   • Dynamical homepage design via HTML/JavaScript/CSS.
   • Database fundamentals and its integration with homepage.
   • Ajax for the synergism of server/client-side scripts.
2. To learn how to be an effective web information collector
   • Robots for web crawling.
   • Database integration.
   • WSH for server maintenance.

老師與助教

• Lecturer: Roger Jang (張智星), Room 509
  • Website: mirlab.org/jang
  • Email:
  • Mobile: 0953-154-045
  • Skype: roger_jang
• TA
  • Kenny (莊智凱),
  • Eddie (簡嘉宏),
  • Randy (江銘航),
  • Yenjung (董晏儒),

Websites

• 課程網頁
• CEIBA網頁
• Facebook group

Textbook and Reference Material

• 教科書：JavaScript 程式設計與應用
• 線上教材
  • HTML
  • JavaScript 程式設計與應用：用戶端 (partial)
  • JScript 程式設計與應用：伺服器端 (partial)
  • JScript 程式設計與應用：WSH (partial)
• 其他教材
  • Links to HTML5
  • Links to node.js
  • ...

Prerequisite (所需背景知識)

• Basic HTML
• A PC that you can install/configure a web server with necessary software
• Familarity with a high-level programming languages, such as C, C++, objective C, C#, Java, VB, Python, Perl, etc.

Weekly Schedule

• Lecture schedule: Tue 15:20~18:10, Room 103
• Demo schedule: To be announce at the class
• Office hours: Office hour: Call me any time to arrange an appointment (leave a message if necessary)

Related Programming Languages

• Client-side scripts: JavaScript
• Server-side scripts: ASP (Active Server Pages) using JScript
• Robots and other chores: WSH

由於時間有限，因此我們會把重點放在 JavaScript 在下列三方面的應用：

• 客戶端
• 伺服器端
• 單機（WSH）

但請特別注意，我們不會教 Java 及 Network Programming 方面的東西。各位同學如果對這兩方面有興趣，可以選修本系或交大相關系所的課。

Grading Policy (評分標準)

• Course participation: 10%
  • Each in-class technical question asked: +2% (10% top) （發問後請將學號、姓名、發問問題等寫在小紙條上，以便助教登記） 可以抵免發問一次之情況：
    • 回答老師上課之技術問題一次（請將技術問題之解決方式寄給老師確認）
    • 抓到線上教材的技術說明錯誤，並提出正確修正
    • 抓到線上教材的錯字
  • Interactions with TAs and fellow students (over CEIBA, Email, BBS, etc.)
  • Roll call: -2% for each absence (no lower bound)
• Assignments: 30%
  • Demo required for about 10 programming assignments
• Flipped learning: 20%
  • Review exams
  • Questions and answers
• Final exam/project: 40%
  • Final exam: 20%
  • Final project: 20% (期末計畫和上台演講，二∼四人一組，題目由老師給定（若要自訂題目，需事先和老師討論），可能的主題可見期末計畫的網頁。)

本課程之特色

• 不需要數學（完全不需要線性代數、離散數學、工程數學或數值方法）
  • 想的時間少、做的時間多。
  • 知識來自於動手實作與範例閱讀。
  • 要花很多時間 debug、寫很多程式。（如果你要接社團幹部、準備戀愛、準備由你玩四年，那還是不要修好了。）
  • Good practice for a good programmers：要能盲打、注重格式、程式邏輯清楚、越短越好。
    • 梁實秋：「一篇好的散文，應該像女孩子的裙子，越短越好。」
    • Roger: 「一段好的程式，應該像短跑選手的褲子，又短又快又清楚。」
• 需善用 Google，很多資料要從Web上面找資料、抄襲、修改、學習，反覆進行。
• 很多細節老師也不得知道，你反而可以教教老師，教學相長。
• 很多東西來不及學，你要像一塊海綿，準備大量吸收新知。
• 光靠技術不足以橫行霸道，還要加上美工、創意、巧思。
• 本課程好像普派的菠菜 ── 修完課就是專家，可以到外面接接 case 或開一家小公司了！