Transcript Document

Ajax for Web 2.0
Presented by: Jonathan Meersman
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)
March 11-13, 2009
The Conference 2009 – Las Vegas
Session Agenda
 History of Ajax
 Ajax Defined
 Ajax Advantages & Disadvantages
 Ajax Frameworks
 Live Demonstration
 Ajax Course at MATC
 Web Design at MATC
March 11-13, 2009
The Conference 2009 – Las Vegas
History of Ajax
 Term first used in 2005 by Jesse James Garrett
 Asynchronous JavaScript and XML
 Used to create web applications
March 11-13, 2009
The Conference 2009 – Las Vegas
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.
March 11-13, 2009
The Conference 2009 – Las Vegas
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)
March 11-13, 2009
The Conference 2009 – Las Vegas
Ajax Disadvantages
 May not register with browser’s 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
March 11-13, 2009
The Conference 2009 – Las Vegas
Ajax Frameworks
Framework
Framework Example
JavaScript
Yahoo User Interface Library (YUI)
Java
Google Web Toolkit
.NET
ASP.NET AJAX
PHP
Sajax
Python
Pyjamas
March 11-13, 2009
The Conference 2009 – Las Vegas
Live Demonstration
 Demonstration of an Ajax Framework
March 11-13, 2009
The Conference 2009 – Las Vegas
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/AJAX:Getting_Started
March 11-13, 2009
The Conference 2009 – Las Vegas
Ajax Course at MATC
 Advanced Web Site Development (VICOM-125)
• Fourth Semester Course
• Web Development with JavaScript & Ajax
March 11-13, 2009
The Conference 2009 – Las Vegas
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)
March 11-13, 2009
The Conference 2009 – Las Vegas
Updated Presentation
 Downloads
www.JonathanMeersman.com/course09
March 11-13, 2009
The Conference 2009 – Las Vegas
Q&A
 Time for Questions
March 11-13, 2009
The Conference 2009 – Las Vegas
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_frameworks
http://www.dmoz.org/Computers/Programming/Languages/JavaScript/AJAX/
http://www.ajaxwith.com/
http://www.ajaxrain.com/
http://developer.yahoo.com/yui/
March 11-13, 2009
The Conference 2009 – Las Vegas
Presenter Contact Information
Jonathan Meersman
Milwaukee Area Technical College
6665 South Howell Avenue
Oak Creek, WI 53154
(414) 571-4635
[email protected]
March 11-13, 2009
The Conference 2009 – Las Vegas