1. AJAX – The Future of Web Development? Anders Moberg David Mörtsell David Södermark

2. This Lecture Introduction AJAX Examples Discussion Results Questions

3. Introduction AJAX –Asynchronous Javascript And XML –Partial page updates Web 2.0 –Next generation of the Web –Every reader is a writer Traditional web development –Request entire web pages

4. AJAX Technologies –HTML, CSS –Client-side scripting Javascript, VBScript –XML –Server-side scripting PHP, ASP, JSP

5. HTML Hypertext Markup Language Static CSS used for style XHTML

6. Client-side scripting Small scripts on web pages Dynamic Inside HTML

7. XML Extensible Markup Language Describes data XHTML

8. Server-side scripting Executed on the server Commonly used to access databases –Content more dynamic and personalised Output usually HTML, sent to the client

9. Summary Without AJAXWithin AJAX HTMLProvides static web content and style. No change. Client-side scriptingChanges within a page with preloaded content. Changes within a page with content accessed from the server. XMLProvides hierarchical data. No change. Server-side scriptingRequest dynamic content that describes a complete web page. Request dynamic content that can describe specific parts of a web page.

10. Examples Answers.com AJAX Translator

11. Discussion Should developers learn AJAX? Benefits –Less bandwidth = faster loading –Faster loading = faster feedback –More interactive web pages Problems –The back-button problem –Can be difficult to know what is changed

12. Conclusion Learn AJAX! It may be the future...

13. Questions?