ajax for web 2.0 presented by: jonathan meersman

16
Ajax for Web 2.0 Presented by: Jonathan Meersman

Upload: chloe-booth

Post on 31-Dec-2015

222 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Ajax for Web 2.0 Presented by: Jonathan Meersman

Ajax for Web 2.0Presented by: Jonathan Meersman

Page 2: Ajax for Web 2.0 Presented by: Jonathan Meersman

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

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

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

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

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

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

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

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

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

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

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

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

The Conference 2009 – Las VegasMarch 11-13, 2009

Q & A

Time for Questions

Page 15: Ajax for Web 2.0 Presented by: Jonathan Meersman

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

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

[email protected]