Ajax for Web 2.0 Presented by: Jonathan Meersman

1
Ajax for Web 2.0Presented by Jonathan Meersman
2
Presenter Background

• Current Industry Employment
• Milwaukee Area Technical College Web Design
  Faculty
• Previous Industry Experience
• HostingSpot.com Founder Past President
• General Electric eLead Systems Designer
• Milwaukee Kickers Soccer Club Multimedia
  Coordinator
• Education
• MBA in eBusiness
• BA in Geography (focus Computer Cartography)

3
Session Agenda

• History of Ajax
• Ajax Defined
• Ajax Advantages Disadvantages
• Ajax Frameworks
• Live Demonstration
• Ajax Course at MATC
• Web Design at MATC

4
History of Ajax

• Term first used in 2005 by Jesse James Garrett
• Asynchronous JavaScript and XML
• Used to create web applications

5
Ajax Defined

• Ajax is several technologies, each flourishing in
  its own right, coming together in powerful new
  ways. Ajax incorporates
• standards-based presentation using XHTML and CSS
  
• dynamic display and interaction using the
  Document Object Model
• data interchange and manipulation using XML and
  XSLT
• asynchronous data retrieval using XMLHttpRequest
  
• and JavaScript binding everything together.

6
Ajax Advantages

• Based on open standards
• Can decrease bandwidth by only updating content
  that needs to be updated
• Allows sites to be more interactive, yet quicker
  than static sites
• Reduces connections to web servers (i.e. .css
  file only needs to be requested once)

7
Ajax Disadvantages

• May not register with browsers history engine,
  making back button only semi-functional
• Does not work well with search engine
  optimization
• Does not work if user has JavaScript disabled in
  browser
• Minimal support with mobile devices

8
Ajax Frameworks
Framework Framework Example
JavaScript Yahoo User Interface Library (YUI)
Java Google Web Toolkit
.NET ASP.NET AJAX
PHP Sajax
Python Pyjamas
9
Live Demonstration

• Demonstration of an Ajax Framework

10
Example Sites

• http//www.ajaxrain.com/ (aggregator of Ajax
  examples)
• http//maps.google.com/ (great Ajax example)
• http//www.meebo.com/ (Ajax IM client)
• http//us.samples.gaiaware.net/ChatClient.aspx
• https//developer.mozilla.org/En/AJAXGetting_Star
  ted

11
Ajax Course at MATC

• Advanced Web Site Development (VICOM-125)
• Fourth Semester Course
• Web Development with JavaScript Ajax

12
Web Design at MATC

• Visual Communications (Multimedia)
• 69 Credits (A.A.S. Degree)
• eCommerce/Web Administration
• 70 Credits (A.A.S. Degree)
• Web Designer
• 32 Credits (Technical Diploma)
• Graphic Technologies/Web Development
• 9 Credits (Advanced Technical Certificate)

13
Updated Presentation

• Downloads
• www.JonathanMeersman.com/course09

14
Q A

• Time for Questions

15
Resources

• http//en.wikipedia.org/wiki/Ajax_(programming)
• http//www.adaptivepath.com/ideas/essays/archives/
  000385.php
• http//en.wikipedia.org/wiki/Ajax_framework
• http//www.asp.net/ajax/
• http//code.google.com/webtoolkit/
• http//en.wikipedia.org/wiki/List_of_Ajax_framewor
  ks
• http//www.dmoz.org/Computers/Programming/Language
  s/JavaScript/AJAX/
• http//www.ajaxwith.com/
• http//www.ajaxrain.com/
• http//developer.yahoo.com/yui/

16
Presenter Contact Information

• Jonathan Meersman
• Milwaukee Area Technical College
• 6665 South Howell Avenue
• Oak Creek, WI 53154
• [phone]
• meersmaj_at_matc.edu