Ajax 及 JavaScript 程式編寫課程

從1995年底JavaScript正式出現至今日已超過10年，JavaScript在網頁程式的範疇中已發展得非常成熟；及至Web 2.0時代來臨，Ajax技術出現，並以令人吃驚的速度成為最熱門的技術，令JavaScript重新吸引網頁程式設計師的注目──因為Ajax必須用上JavaScript。

Ajax (Asynchronous JavaScript and XML) 是一種運行於瀏覽器的技術，在瀏覽器及Web Server之間，採用非同步方式交換數據，並可向Web Server索取少量資料而非整個網頁，局部更新網頁頁面。實際上，它採用幾種成熟的技術以新的方式組合應用，包括：

• 使用XHTML及CSS顯示外觀；
• 使用DOM(Document Object Model)進行動態顯示及互動；
• 使用XML及XSLT進行數據交換及處理；
• 使用XMLHttpRequest進行非同步數據查詢；
• 使用JavaScript連繫及處理所有數據等。

Ajax不是指一種單一的技術，而是綜合地採用以上一系列相關的技術，令網頁介面設計得更親和及人性化；最著名的就是Google利用Ajax技術建立了大量人性化的網上應用程序，令此技術更趨普及。

導師將會在課堂上作出多項示範及解釋每一行的程式碼，務求令同學在編寫Ajax程式時，可以掌握基本的程式編寫的概念，為同學打好基礎以應付日常工作及學習更高級的網頁編程課程，如 PHP及Ajax進階程式編寫課程。

當學員掌握到本課程的技術後，就可以製作出時下熱門網站的 Ajax 效果：

著名香港討論區 Uwants 例子：即時檢查用戶名稱可否使用

著名搜尋網站 Yahoo 例子：即時切換標籤頁面顯示

1. JavaScript 及 DOM (Document Object Model)
2. 認識 JavaScript 事件
3. 如何配合 CSS
4. Ajax 簡介
5. 建立 XMLHttpRequest 物件
6. 使用 XMLHttpRequest 向 Web Server 索取數據
7. Web Server 回應處理
8. 局部更新網頁頁面
9. 採用 XML 資料結構
10. 實例：Ajax 網頁表單資訊即時驗證
11. 實例：自製股票價格查詢頁面

以下是 Ajax 的一些坊間應用實例 :

1. 此網頁左邊的縮放選單及上方的書籤翻頁效果
2. Gmail 收件匣內，毋須重新載入版面就可翻頁
3. Google 搜尋建議
4. 新式的會員制網站在註冊會員時，填寫會員名稱會即時檢查可否使用，而沒有採用 Ajax 技術的傳統會員制網站需要按下「確定」按鈕才會檢查會員名稱