Understanding .Who. .What. .Why. .When. .How. FTMK Lightning Talk 28 July 2009 Presented by Mohd Alif
Who use Ajax <ul><li>Facebook. (Mostly, ajax utilized) </li></ul><ul><li>Google. (GoogleDoc, GoogleSuggest, Gmail, etcs.) ...
<ul><li><< facebook </li></ul>
Google AutoSuggest
Meebo web chatting
What is Ajax <ul><li>Not a programming language. </li></ul><ul><li>Not a new technology. (a programming technique) </li></...
>> <ul><li>Classical website. </li></ul><ul><ul><li>Need to reload the whole page to return results. Eg: search results. <...
Why use Ajax <ul><li>To cut the response time. </li></ul><ul><ul><li>Reduce network latency. </li></ul></ul><ul><li>Asynch...
When to use Ajax <ul><li>Mostly use in: </li></ul><ul><ul><li>AutoSave </li></ul></ul><ul><ul><ul><li>Save the textbox con...
Ajax in Action <ul><li><< Live Demo >> </li></ul>
3 rd  Party tool / Library <ul><li>Jquery </li></ul><ul><li>Yahoo User Interfaces Library (YUI) </li></ul><ul><li>Dojo </l...
Drawbacks <ul><li>Break the Back button of browser </li></ul><ul><li>Breaking bookmark & block search engine indexes. </li...
-End- Thank you. Further technical details, please google.
Upcoming SlideShare
Loading in …5
×

Understanding Ajax

539 views

Published on

Introduction to Ajax

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
539
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
24
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Understanding Ajax

  1. 1. Understanding .Who. .What. .Why. .When. .How. FTMK Lightning Talk 28 July 2009 Presented by Mohd Alif
  2. 2. Who use Ajax <ul><li>Facebook. (Mostly, ajax utilized) </li></ul><ul><li>Google. (GoogleDoc, GoogleSuggest, Gmail, etcs.) </li></ul><ul><li>Yahoo. (YahooMail) </li></ul><ul><li>Meebo. (Multi account of web messenger) </li></ul><ul><li>And many more modern web application utilize ajax… </li></ul>
  3. 3. <ul><li><< facebook </li></ul>
  4. 4. Google AutoSuggest
  5. 5. Meebo web chatting
  6. 6. What is Ajax <ul><li>Not a programming language. </li></ul><ul><li>Not a new technology. (a programming technique) </li></ul><ul><li>Client-side (Web browsers. i.e FireFox, Internet Explorer, Opera, Chrome, Safari) </li></ul><ul><li>Ajax = (Asynchronous Javascript + XML ) </li></ul>It is all about Javascript!
  7. 7. >> <ul><li>Classical website. </li></ul><ul><ul><li>Need to reload the whole page to return results. Eg: search results. </li></ul></ul><ul><ul><li>Time consuming. Old fashion. </li></ul></ul><ul><li>Web application using Ajax. </li></ul><ul><ul><li>Only update the related section without reloading the entire page. </li></ul></ul>
  8. 8. Why use Ajax <ul><li>To cut the response time. </li></ul><ul><ul><li>Reduce network latency. </li></ul></ul><ul><li>Asynchronous interaction. </li></ul><ul><li>Make web application feels like desktop application. </li></ul><ul><li>Invisible data retrieval </li></ul><ul><ul><li>Updating data behind the scene. </li></ul></ul><ul><li>Constant updating </li></ul><ul><ul><li>Notification </li></ul></ul>
  9. 9. When to use Ajax <ul><li>Mostly use in: </li></ul><ul><ul><li>AutoSave </li></ul></ul><ul><ul><ul><li>Save the textbox contents without need to wait for user prompt. (Eg: Gmail compose, blogspot topic post.) </li></ul></ul></ul><ul><ul><li>AutoComplete </li></ul></ul><ul><ul><ul><li>Automatically display the results match. (Eg: Facebook search.) </li></ul></ul></ul><ul><ul><li>Paginating </li></ul></ul><ul><ul><ul><li>Able to search, sort and organize return data from server. </li></ul></ul></ul><ul><ul><li>User to user communication </li></ul></ul><ul><ul><ul><li>Can you imagine using web chat application that need to reload ENTIRE page for each reply? Insane! (Facebook chat, Gmail chat, YahooMail chat.) </li></ul></ul></ul><ul><ul><ul><li>More ideas: Checking username validity. </li></ul></ul></ul>
  10. 10. Ajax in Action <ul><li><< Live Demo >> </li></ul>
  11. 11. 3 rd Party tool / Library <ul><li>Jquery </li></ul><ul><li>Yahoo User Interfaces Library (YUI) </li></ul><ul><li>Dojo </li></ul><ul><li>Prototype, Scriptaculous </li></ul><ul><li>MooTools. </li></ul><ul><li>And mores….. They are open source license. </li></ul><ul><li>(Rules: Know Javascript!) </li></ul>
  12. 12. Drawbacks <ul><li>Break the Back button of browser </li></ul><ul><li>Breaking bookmark & block search engine indexes. </li></ul>
  13. 13. -End- Thank you. Further technical details, please google.

×