Ajax for Web 2.0 Presented by: Jonathan Meersman.
-
Upload
chloe-booth -
Category
Documents
-
view
222 -
download
3
Transcript of Ajax for Web 2.0 Presented by: Jonathan Meersman.
![Page 1: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/1.jpg)
Ajax for Web 2.0Presented by: Jonathan Meersman
![Page 2: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/2.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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)
![Page 3: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/3.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Session Agenda
History of Ajax Ajax Defined Ajax Advantages & Disadvantages Ajax Frameworks Live Demonstration Ajax Course at MATC Web Design at MATC
![Page 4: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/4.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
History of Ajax
Term first used in 2005 by Jesse James Garrett Asynchronous JavaScript and XML Used to create web applications
![Page 5: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/5.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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.
![Page 6: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/6.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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)
![Page 7: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/7.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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
![Page 8: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/8.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Ajax Frameworks
Framework Framework Example
JavaScript Yahoo User Interface Library (YUI)
Java Google Web Toolkit
.NET ASP.NET AJAX
PHP Sajax
Python Pyjamas
![Page 9: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/9.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Live Demonstration
Demonstration of an Ajax Framework
![Page 10: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/10.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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
![Page 11: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/11.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Ajax Course at MATC
Advanced Web Site Development (VICOM-125)• Fourth Semester Course• Web Development with JavaScript & Ajax
![Page 12: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/12.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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)
![Page 13: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/13.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Updated Presentation
Downloadswww.JonathanMeersman.com/course09
![Page 14: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/14.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Q & A
Time for Questions
![Page 15: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/15.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
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/
![Page 16: Ajax for Web 2.0 Presented by: Jonathan Meersman.](https://reader035.fdocuments.net/reader035/viewer/2022062517/56649eb55503460f94bbdd4e/html5/thumbnails/16.jpg)
The Conference 2009 – Las VegasMarch 11-13, 2009
Presenter Contact Information
Jonathan Meersman
Milwaukee Area Technical College
6665 South Howell Avenue
Oak Creek, WI 53154
(414) 571-4635