160 likes | 392 Views
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
E N D
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)
Session Agenda • History of Ajax • Ajax Defined • Ajax Advantages & Disadvantages • Ajax Frameworks • Live Demonstration • Ajax Course at MATC • Web Design at MATC
History of Ajax • Term first used in 2005 by Jesse James Garrett • Asynchronous JavaScript and XML • Used to create web applications
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.
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)
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
Live Demonstration • Demonstration of an Ajax Framework
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
Ajax Course at MATC • Advanced Web Site Development (VICOM-125) • Fourth Semester Course • Web Development with JavaScript & Ajax
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)
Updated Presentation • Downloads www.JonathanMeersman.com/course09
Q & A • Time for Questions
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/
Presenter Contact Information Jonathan Meersman Milwaukee Area Technical College 6665 South Howell Avenue Oak Creek, WI 53154 (414) 571-4635 meersmaj@matc.edu