JavaScript 進階程式設計 與 Ajax
Level: Intermediate
Total Hours: 12 小時
Number of Lessons: 4
開課日期: Sep 24, 2017
Day of the week:
Sun
NTD 21,600
send Course Introduction
一分鐘認識 "全端(Full-Stack)Web課程"
你將會學到什麼
- 使用程式設計技巧
- 實現跨瀏覽器的相容性
- 建立並使用客製化的JavaScript物件
- 瞭解並使用陣列
- 用JavaScript處理Cookies
- 使用DOM的程式設計介面
課程目標
- 使用程式設計技術維護JavaScript代碼。
- 使用JavaScript實現橫跨瀏覽器的兼容性。
- 在JavaScript中使用自定義物件。
- 在JavaScript中使用和建立陣列。
- 使用JavaScript處理cookie。
- 使用一般的途徑驗證表單。
- 程式中使用DOM API來橫越,修改和追加節點文件。
- 與Adobe Flash 檔案,ActiveX 控件和伺服器 應用程式進行通信。
- 使用Ajax從伺服器獲取信息,並顯示在網頁上。
- 建立Ajax應用程式。
適合對象
- 進階JavaScript程式設計的目的是為有經驗的網頁開發人員,並有JavaScript經驗的學生。
- 學生應該要能夠輕鬆的建立網頁,寫XHTML代碼和基本JavaScript,並熟練使用網頁瀏覽器,例如:Internet Explorer。
需具備能力
- 為了確保可以順利完成該課程,我們建議您先完成JavaScript 程式設計(第四版)課程或具有相同的知識。
設備需求
- 微軟 Windows XP Service Pack 2
- Internet Explorer 7.x 版本
- Mozilla Firefox 2.x 版本
- Java開發工具包 6.x
- Apache Tomcat 6.0.14
- Adobe Flash Player9.x 版本
- 記事本+ +
課程內容
課程1:使用程式設計技術
- 主題1A:維護JavaScript代碼
- 主題1B:除錯(Debug)JavaScript代碼
課程2:實現橫跨瀏覽器兼容
- 主題2A:提供支持多種瀏覽器
- 主題2B:啟用(Enable)JavaScript
- 主題2C:檢測瀏覽器和JavaScript版本
- 主題2D:檢測物件(Objects)
- 主題2E:處理異常(Handle Exceptions)
課程3:在JavaScript中使用自定義物件(Custom Objects)
- 主題3A:建立自定義物件(Custom Objects)
- 主題3B:使用構造(Constructor)功能( Constructor Functions)
- 主題3C:物件添加方法
- 主題3D:使用原型(Prototype)功能
課程4:使用陣列(Working with Arrays)
- 主題4A:建立陣列
- 主題4B:刪除陣列元素(Elements)
- 主題4C:使用多維(Multidimensional)陣列
課程5:使用JavaScript處理Cookie
- 主題5A:使用Cookie物件
- 主題5B:儲存cookie
- 主題5C:處理cookie數值(Process Cookie Values)
- 主題5D:刪除Cookies
課程6:使用JavaScript驗證表單
- 主題6A:使用一般的方法驗證表單
- 主題6B:使用自定義物件實現一般的驗證(Implement Generic Validation Using Custom Objects)
課程7:程式設計使用DOM API
- 主題7A:橫越(Traverse)文件(Documents)
- 主題7B:修改文件
- 主題7C:追加節點文件(Append Nodes to Documents)
課程8:與插件和伺服器應用程式通信(Communicating)
- 主題8A:與Adobe Flash內容(Content)通信(Communicate)
- 主題8B:使用ActiveX 通信
- 主題8C:與伺服器應用程式通信
課程9:使用Ajax
- 主題9A:建立XMLHttpRequest物件
- 主題9B:使用XMLHttpRequest物件(XMLHttpRequest Object)從伺服器獲取信息
課程10:用 Ajax建立應用程式
- 主題10A:使用Ajax建立一個自動完成(Auto-Complete)應用程式
- 主題10B:使用Ajax互動式(Interact)資料庫
- 主題10C:使用Ajax驗證表單
- 主題10D:工作(Work)使用第三方(Third-Party)Ajax資料庫(Ajax Libraries)