• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Ajax by Examples 2
 

Ajax by Examples 2

on

  • 7,191 views

Collections of AJAX Effects in Chinese

Collections of AJAX Effects in Chinese

Statistics

Views

Total Views
7,191
Views on SlideShare
7,053
Embed Views
138

Actions

Likes
4
Downloads
0
Comments
0

10 Embeds 138

http://lonelymisconception.blogspot.com 71
http://www.pocketshark.com 29
http://lonelymisconception.blogspot.tw 19
file:// 5
http://www.web20.org.tw 4
http://lonelymisconception.blogspot.hk 3
http://clay0529.blogspot.com 3
http://lonelymisconception.blogspot.in 2
http://static.slideshare.net 1
http://pocketshark.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Ajax by Examples 2 Ajax by Examples 2 Presentation Transcript

    • AJAX by Examples 馮彥文 [email_address] 2007/03/23
    • 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: [email_address]
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • 參與社群活動
      • HappyWeb
        • http://happyweb.tw
        • 新網站相關聚會,每月一次
      • Java User Group
        • http://www.javaworld.com.tw
        • Java 使用者聚會,每月一次
      • Ubi-Sunrise
        • http://groups.google.com.tw/group/Ubi-Sunrise
        • 各式技術討論,每月一次
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Questions
      • 選用的執行平台
        • Windows
        • Linux
        • Others
      • 選用的程式語言
        • PHP
        • .net
        • Java
        • Ruby
        • Others
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Questions
      • a = ?
        • 3
        • 4
        • 不知道
        • 以上皆非
      05/26/09 (c) willmobile Inc 2006. All rights reserved. var a = 3; a = function() { return 4; }
    • Questions
      • 是否已經開始營運 ?
        • 還在開發
        • 還沒開發
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Agenda
      • AJAX
      • AJAX Platform
        • Prototype, Dojo, …
        • GWT, ZK
        • .net, JSP, JSF, …
      • AJAX By Examples
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX
      • A synchronous J avascript A nd X ML
        • 非同步的 JavaScript 與 XML 網站存取
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • 傳統 Web Applications 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX Web Applications 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX Examples
      • Yahoo Mail
        • http://mail.yahoo.com
      • 推推王
        • http://funp.com
      • Digg
        • http://digg.com
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX
      • Roller skates for the Web ~Bruce Stirling
        • 連續,不中斷的網站體驗
          • 提升使用網站的流暢度
          • 提供更直覺的操作介面
          • 表面功夫
        • 像真實生活的直排輪,不一定適用於 所有狀況
          • Browser History
          • Search Engine 搜尋不到 AJAX 內容
          • 瀏覽器的相容性問題
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX Frameworks
      • Javascript Libraries
        • Prototype, Dojo, YUI, …
      • Javascript Frameworks
        • GWT, ZK, …
      • Web Frameworks
        • asp.net, java struts, …
      • Flash
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Javascript Libraries
      • Prototype
        • http://www.prototypejs.org/
        • 以簡化 Javascript 開發為目標
        • 基礎的工具 library, 很多其他的 libraries 都建構在這上面
          • http://script.aculo.us/
        • 提供
          • DOM Manipulation
          • XHR (AJAX) Functions
          • JSON
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Javascript Libraries
      • Dojo
        • http://dojotoolkit.org/
        • 包羅萬象的 library/framework, 幾乎甚麼都有提供 , 自成一格
        • 提供
          • DOM Manipulation
          • Events
          • XHR (AJAX) Functions
          • Widget Framework
          • Offline
          • More ….
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Javascript Libraries
      • YUI (Yahoo UI Libraries)
        • http://developer.yahoo.com/yui/
        • 以 UI 元件為主 , 但同時有工具與網站版型等網站開發需要的資源
        • 提供
          • 一大堆 UI 元件
          • CSS 頁面板型
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Javascript Framework
      • GWT (Google Web Toolkit)
        • http://code.google.com/webtoolkit/
        • 利用 Java 開發 Javascript 應用
          • 使用 Java 開發環境
          • 物件導向
          • 型態檢查
        • 提供
          • Client/Server RPC 呼叫
          • UI 元件
          • 其他很多東西 , 足夠做個 Gmail 出來
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Web Frameworks
      • asp.net Framework
        • 整合 AJAX 元件至原本的 asp.net 原件庫中
        • 保留原來的開發模式
      • Java Framework
        • Struts, JSP, JSF 都有專屬的 AJAX 元件
      • 與 GWT 不同處
        • GWT 是 client 端執行 + RPC, 以上 Frameworks 是將 UI 元件 AJAX 化
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • AJAX by Examples
      • Digg Spy
      • Continuous Paging
      • Auto-Complete
      • Drag & Drop
      • Slider
      • Slide Shows
      • Animations
      • Tooltips
      • More
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Digg Spy 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Digg Spy
      • 從天而降的最新資訊
      • Demo
        • http://www.digg.com/spy
      • Code
        • http://leftlogic.com/info/articles/jquery_spy
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Continuous Paging 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Continuous Paging
      • 列表且自動動態讀取尚未讀取到的部份
      • Demo
        • http://mail.yahoo.com.tw
      • Code
        • http://openrico.org/rico/livegrid.page
        • http://www.extremecomponents.org/extremesite/index.jsp
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Auto-Complete 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Auto-Complete
      • 自動完成使用者在 textfield 填入的資訊
      • Demo
        • http://labs.google.com/suggest
      • Code
        • http://demo.script.aculo.us/ajax/autocompleter
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Drag & Drop 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Drag & Drop
      • 網頁上的拖拉功能
      • Demo
        • http://www.netvibes.com
        • http://projects.backbase.com/RUI/shop.html
      • Code
        • http://openrico.org/rico/demos.page?demo=rico_drag_and_drop_custom_draggable
        • http://demo.script.aculo.us/shop
        • http://www.dojotoolkit.org/
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Slider 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Slider
      • 透過 slider 篩選資訊
      • Demo
        • http://www.kayak.com/
        • http://www.backbase.com/demos/travel/
      • Code
        • http://wiki.script.aculo.us/scriptaculous/show/SliderDemo
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Slide Shows 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Slide Shows
      • Demo
        • http://www.bubbleshare.com/
      • Code
        • http://billwscott.com/carousel/
        • http://www.huddletogether.com/projects/lightbox2/
        • http://www.doknowevil.net/litebox
        • http://www.dojotoolkit.org/
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Animations 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Animations
      • Demo
        • http://www.zvents.com/
      • Code
        • http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo
        • http://openrico.org/rico/demos.page?demo=rico_effect_position
        • http://www.dojotoolkit.org/
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Tooltips 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Tooltips
      • Demo
        • http://www.marketwatch.com/
      • Code
        • http://tooltip.crtx.org/
        • http://www.dojotoolkit.org/
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Fading 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Fading
      • Demo
        • http://www.tadalist.com/
      • Code
        • http://www.axentric.com/posts/default/7
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Widget 05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Widget
      • Demo
        • http://happyweb.tw
      • Code
        • http://drnicwilliams.com/2006/11/21/diy-widgets/
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Unit Test & Debugging
      • Unit Test !!!
        • JsUnit
          • http://www.jsunit.net/
      • Debugging
        • Firebug
          • https://addons.mozilla.org/en-US/firefox/addon/1843
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • 太多選擇了 , 我該怎麼辦 ?
      • 先從熟悉的 framework 開始 , 一步一步新增 AJAX 功能
      • 同時考慮新增 AJAX 功能的優點與缺點
      • 分割網站提供不同功能
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • More !!!
      • Books
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • More !!!
      • Tutorials
        • http://www.javapassion.com/ajaxcodecamp/
        • http://www.symfony-project.com/askeet
      • Lists
        • http://ajaxpatterns.org/
        • http://www.dhtmlgoodies.com/index.html
        • http://www.dynamicdrive.com/
      • Forums & Blogs
        • http://ajaxian.com/
        • http://www.javaworld.com.tw
      05/26/09 (c) willmobile Inc 2006. All rights reserved.
    • Thank you! 05/26/09 (c) willmobile Inc 2006. All rights reserved.