+ DHTML<br />Michael Hamilton<br />
Not too far off- term AJAX- coined in 2005 by Jesse James Garret <br />In the shower when he realized the need for a short...
Ajax(shorthand for asynchronous JavaScript and XML) is a<br />Group of interrelated web development techniques used on the...
Asynchronous I/O, or non-blocking I/O, is a form of input/output<br />processing that permits other processing to continue...
Client side?<br />XML?<br />XSLT? <br />DOM?<br />Java Script?<br />JSON?<br />Client?<br />Static?<br />Dynamic?<br />Obj...
Java Script is an object oriented scripting language used to enable <br />Programmatic access to objects within both the c...
In computer networking, the term client-side refers to operations<br />that are performed by the client in a client-server...
Dynamic HTML, or DHTML, is a collection of technologies to <br />Create interactive websites by using java script, a prese...
LAMP- solution stack of free, open source software- like Apache, <br />HTTP Server, My SQL and PHP or perl<br />DOM- docum...
What is AJAX?<br />
A method for exchanging<br /> data asynchronously <br />between browser and<br /> server- thereby avoiding<br /> page relo...
An XMLHttpRequest is usually used, but sometimes and Iframe <br />object or dynamically added &lt;script&gt; tag is used i...
Techniques for asynchronous loading of content date<br /> back to the 90’s<br />2 legit to quit- Alice in Chains, Singles,...
Technologies- broad group of<br /><ul><li>XHTML and CSS for Presentation
The DOM Document Object Model for dynamic display of and</li></ul> interaction with data<br /><ul><li>XML and XSLT for the...
display of data respectively- not required for data interchange </li></ul>and therefore XSLT is not required for for manip...
Upcoming SlideShare
Loading in …5
×

Ajax

495 views
450 views

Published on

basic answer to the question what is AJAX and DHTML

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
495
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
15
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Ajax

  1. 1. + DHTML<br />Michael Hamilton<br />
  2. 2. Not too far off- term AJAX- coined in 2005 by Jesse James Garret <br />In the shower when he realized the need for a shorthand term <br />to represent the suite of <br />Technologies he was proposing to a client.<br />In 2006 the W3C made it official.<br />
  3. 3. Ajax(shorthand for asynchronous JavaScript and XML) is a<br />Group of interrelated web development techniques used on the<br />client-side to create interactive web applications. With Ajax,<br />web applications can retrieve data from the server asynchronously in<br />the background without interfering with the display and behavior<br />of the existing page.The use of Ajax techniques has led to an increase<br />in interactive or dynamic interfaces on web pages. <br />
  4. 4. Asynchronous I/O, or non-blocking I/O, is a form of input/output<br />processing that permits other processing to continue before the<br />transmission has finished.<br />
  5. 5. Client side?<br />XML?<br />XSLT? <br />DOM?<br />Java Script?<br />JSON?<br />Client?<br />Static?<br />Dynamic?<br />Object?<br />
  6. 6. Java Script is an object oriented scripting language used to enable <br />Programmatic access to objects within both the client application as well<br /> as other applications- primarily used in the form of client- side Java <br />Script, implemented as and integrated component of the web browser. <br />This allows the development of enhanced user interfaces and dynamic<br /> websites.<br />XML- Extensible Markup Language is a set of rules for encoding<br /> documents electronically. <br />
  7. 7. In computer networking, the term client-side refers to operations<br />that are performed by the client in a client-server relationship- the client<br />being an application or system that accesses a remote service on<br />another computer system, known as a server, by way of a network<br />Examples-<br />Web- Web browsers are clients that connect to web servers and<br />retrieve web pages for display.<br />2. email- Most people use e-mail clients to retrieve their e-mail from<br />their internet service provider’s mail storage servers.<br />3. Online chat- uses a variety of clients, which vary depending on the<br />chat protocol being used. Game Clients usually refer to the software<br />that is the game in only multiplayer online games for the computer.<br />
  8. 8. Dynamic HTML, or DHTML, is a collection of technologies to <br />Create interactive websites by using java script, a presentation <br />Definition (CSS) and the DOM- document object model. <br />It allows scripting languages to change variables in web pages <br />definition language- thus affecting the look and function of what<br /> would otherwise be static.<br />Examples- include pull down menus and buttons on web pages<br />
  9. 9. LAMP- solution stack of free, open source software- like Apache, <br />HTTP Server, My SQL and PHP or perl<br />DOM- document object model is a cross platform and language <br />independent convention for representing and interacting<br /> with objects in HTML<br />OBJECTS- in programming are a compilation of elements<br /> and behaviors encapsulating an identity.<br />
  10. 10. What is AJAX?<br />
  11. 11. A method for exchanging<br /> data asynchronously <br />between browser and<br /> server- thereby avoiding<br /> page reloads.<br />
  12. 12. An XMLHttpRequest is usually used, but sometimes and Iframe <br />object or dynamically added &lt;script&gt; tag is used instead.<br />
  13. 13. Techniques for asynchronous loading of content date<br /> back to the 90’s<br />2 legit to quit- Alice in Chains, Singles, Bad Religion, Perl Jam, Nirvana, Seattle, <br />Sound Garden,, Mud Honey, Sunny Day Real Estate, Color Me Baad, all I want a do is <br />a zoom zoom zoom and a boom boo, Sir Mix alot<br />
  14. 14. Technologies- broad group of<br /><ul><li>XHTML and CSS for Presentation
  15. 15. The DOM Document Object Model for dynamic display of and</li></ul> interaction with data<br /><ul><li>XML and XSLT for the interchange and manipulation and
  16. 16. display of data respectively- not required for data interchange </li></ul>and therefore XSLT is not required for for manipulation of data<br />JSON- Java Script Object notation is often used as an alternative for <br />Format interchange<br /><ul><li>XMLHttpRequest object for asynchronous communication and
  17. 17. Java Script to bring all these technologies together- however other
  18. 18. scripting languages like VB also capable- JS most popular for AJAX </li></ul>programming <br />
  19. 19. Purpose- 1.reduce band with and<br /> load time<br />2. Allows web browser UI to be more interactive and respond<br /> quickly to inputs and sections of pages can also be reloaded<br />Individually- more responsive.<br />3. Can reduce connections to the server because scripts <br />and style sheets only have to be requested once.<br />4. State can be maintained throughout a website as Java script<br /> variables will persist because the main container page doesn’t<br /> need to be reloaded.<br />
  20. 20. Setbacks-<br />They are hard to develop properly- much harder than static pages.<br />They don’t automatically register themselves with a browsers <br />history engine<br /> so clicking the browsers back button may not return user to<br /> the previous <br />AJAX enabled page.<br />4.Dynamic web page updates make it difficult for a user to bookmark <br />a particular<br /> state of the application.<br />5. Publicly indexable web applications should provide an alternative <br />means of accessing<br /> the content that would normally be retrieved by AJAX<br />6. Cant be used if an end user’s browser doesn’t support java script.<br />7. other.<br />

×