加入 Systematic Facebook 擁躉群  

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player


想定期知道最新課程及優惠嗎?
免費訂閱本中心的課程通訊!
觀看課程通訊
Reasonable Spread:
Permission email marketing

課堂錄影隨時睇 10 大優點之低至 85 折:回饋社會及協助全港市民進修增值,本中心現正推出低至 85 折優惠!

Ajax 及 JavaScript 程式編寫課程

  • 課程時間
  • 課程簡介
  • 課程內容
  • 應用實例

推介服務:課堂錄影隨時睇
編號 地點 可預約星期及時間 學費低至 85 折  
WB1712MV 旺角 一至五:11:30 - 22:30   六及日:10:30 - 21:30   (公眾假期休息) 95 折後只需 $741 按此報名
WB1712OV 觀塘 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $702 按此報名
WB1712PV 北角 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 9 折後只需 $702 按此報名
WB1712SV 沙田 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $663 按此報名
WB1712YV 屯門 一至五:13:30 - 22:00   六及日:12:30 - 21:00   (星期三及公眾假期休息) 85 折後只需 $663 按此報名
* 各政府部門可使用 P Card 付款  
免費試睇: 首半小時,請致電與本中心職員預約。 查看各地點電話
旺角 2332-6544
觀塘 3563-8425
北角 3580-1893
沙田 2151-9360
屯門 3523-1560
免費重睇: 學員可於享用時期內於報讀地點不限次數地重看課堂錄影,從而可反覆重溫整個課程!
導師解答: 學員可於觀看某一課堂錄影後提出課堂直接相關的問題,課程導師會樂意為學員以單對單的形式解答!
課時: 6 小時
享用時期: 報讀日至 2 星期內,進度由您控制,可快可慢。
課堂錄影導師: Nethril (任教課程清單)
課堂錄影隨時睇: 詳情及示範片段



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

 

課程時數: 合共6小時
適合人士: 對HTML有基本認識 及
欲學習最新Web 2.0技術的人士。
授課語言: 以廣東話為主,輔以英語
課程筆記: 本中心導師親自編寫中文為主筆記,而部份中文字附有英文對照。
免費重讀: 傳統課堂學員可於課程結束後三個月內免費重看課堂錄影。




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



 

更多綜合課程
  法律課程
  • 代理人的法律責任
  • 公司董事和合夥人的法律責任
  • 婚姻的法律責任
  • 遺產繼承的合法權益
  英文課程
  • IPA 拼音:級別 1 2 3 4
  普通話課程
  • 基礎普通話拼音 (免費)
  • 進階普通話拼音
  • 普通話會話:級別 1 2 3
  西班牙語文課程
  • 級別 1 2 3
  中醫課程
  • 濕疹與皮膚敏感病
  • 暗瘡與色斑 | 鼻敏感與感冒
  • 脫髮與白髮 | 從五官看健康
  攝影課程
  • 攝影初級
  • 攝影中級 (風景專題)
  風水命理課程
  • 紫微斗數:級別 1 2 3
  • 子平八字:級別 1 2 3
  • 八字風水:級別 1 2 3
  • 奇門遁甲:級別 1 2 3

這個頁面上的內容需要較新版本的 Adobe Flash Player。

取得 Adobe Flash Player