This document provides an overview and introduction to AJAX techniques for web development. It discusses JavaScript libraries like Prototype and Dojo that enable AJAX, frameworks like GWT that use AJAX, and examples of AJAX including Digg Spy, continuous paging, auto-complete, and drag and drop. The document is presented as a series of slides by Tempo Feng and includes code references and links to live demos for each technique.
2. About Me
• 馮彥文
• Enthusiastic Programmer
• 隨想行動科技, Founder
www.willmobile.com
• Blog
http://www.pocketshark.com/blog/page/tempo
Google: run tempo run
• Javaworld.com.tw
tempo
• Email
mailto: tempofeng@yahoo.com
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 2
3. 參與社群活動
• HappyWeb
http://happyweb.tw
新網站相關聚會,每月一次
• Java User Group
http://www.javaworld.com.tw
Java使用者聚會,每月一次
• Ubi-Sunrise
http://groups.google.com.tw/group/Ubi-Sunrise
各式技術討論,每月一次
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 3
4. Questions
• 選用的執行平台
Windows
Linux
Others
• 選用的程式語言
PHP
.net
Java
Ruby
Others
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 4
5. Questions
var a = 3;
a = function() {
return 4;
}
• a=?
3
4
不知道
以上皆非
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 5
6. Questions
• 是否已經開始營運?
是
還在開發
還沒開發
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 6
7. Agenda
• AJAX
• AJAX Platform
Prototype, Dojo, …
GWT, ZK
.net, JSP, JSF, …
• AJAX By Examples
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 7
8. AJAX
• Asynchronous Javascript And XML
非同步的 JavaScript 與 XML 網站存取
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 8
35. Tooltips
• Demo
http://www.marketwatch.com/
• Code
http://tooltip.crtx.org/
http://www.dojotoolkit.org/
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 35
36. Fading
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 36
37. Fading
• Demo
http://www.tadalist.com/
• Code
http://www.axentric.com/posts/default/7
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 37
38. Widget
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 38
39. Widget
• Demo
http://happyweb.tw
• Code
http://drnicwilliams.com/2006/11/21/diy-
widgets/
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 39
40. Unit Test & Debugging
• Unit Test !!!
JsUnit
• http://www.jsunit.net/
• Debugging
Firebug
• https://addons.mozilla.org/en-
US/firefox/addon/1843
2007/4/2 (c) willmobile Inc 2006. All rights reserved. 40