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 例子：即時切換標籤頁面顯示

著名網站 iGoogle 例子：拖拉式個人頁面

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 技術的傳統會員制網站需要按下「確定」按鈕才會檢查會員名稱