SlideShare a Scribd company logo
1 of 16
+ DHTML Michael Hamilton
Not too far off- term AJAX- coined in 2005 by Jesse James Garret  In the shower when he realized the need for a shorthand term  to represent the suite of  Technologies he was proposing to a client. In 2006 the W3C made it official.
Ajax(shorthand for asynchronous JavaScript and XML) is a Group of interrelated web development techniques used on the client-side to create interactive web applications. With Ajax, web applications can retrieve data from the server asynchronously in the background without interfering with the display and behavior of the existing page.The use of Ajax techniques has led to an increase in interactive or dynamic interfaces on web pages.
Asynchronous I/O, or non-blocking I/O, is a form of input/output processing that permits other processing to continue before the transmission has finished.
Client side? XML? XSLT?  DOM? Java Script? JSON? Client? Static? Dynamic? Object?
Java Script is an object oriented scripting language used to enable  Programmatic access to objects within both the client application as well  as other applications- primarily used in the form of client- side Java  Script, implemented as and integrated component of the web browser.   This allows the development of enhanced user interfaces and dynamic  websites. XML- Extensible Markup Language is a set of rules for encoding  documents electronically.
In computer networking, the term client-side refers to operations that are performed by the client in a client-server relationship- the client being an application or system that accesses a remote service on another computer system, known as a server, by way of a network Examples- Web- Web browsers are clients that connect to web servers and retrieve web pages for display. 2. email- Most people use e-mail clients to retrieve their e-mail from their internet service provider’s mail storage servers. 3. Online chat- uses a variety of clients, which vary depending on the chat protocol being used. Game Clients usually refer to the software that is the game in only multiplayer online games for the computer.
Dynamic HTML, or DHTML, is a collection of technologies to  Create interactive websites by using java script, a presentation  Definition (CSS) and the DOM- document object model.  It allows scripting languages to change variables in web pages  definition language- thus affecting the look and function of what  would otherwise be static. Examples- include pull down menus and buttons on web pages
LAMP- solution stack of free, open source software- like Apache,  HTTP Server, My SQL and PHP or perl DOM- document object model is a cross platform and language  independent convention for representing and interacting  with objects in HTML OBJECTS- in programming are a compilation of elements  and behaviors encapsulating an identity.
What is AJAX?
A method for exchanging  data asynchronously  between browser and  server- thereby avoiding  page reloads.
An XMLHttpRequest is usually used, but sometimes and Iframe  object or dynamically added <script> tag is used instead.
Techniques for asynchronous loading of content date  back to the 90’s 2 legit to quit- Alice in Chains, Singles, Bad Religion, Perl Jam, Nirvana, Seattle,  Sound Garden,, Mud Honey, Sunny Day Real Estate, Color Me Baad, all I want a do is  a zoom zoom zoom and a boom boo, Sir Mix alot
Technologies- broad group of ,[object Object]
The DOM Document Object Model for dynamic display of and interaction with data ,[object Object]
display of data respectively- not required for data interchange and therefore XSLT is not required for for manipulation of data JSON- Java Script Object notation is often used as an alternative for  Format interchange ,[object Object]

More Related Content

What's hot (20)

Web architecture - overview of techniques.
Web architecture - overview of  techniques.Web architecture - overview of  techniques.
Web architecture - overview of techniques.
 
Static and Dynamic webpage
Static and Dynamic webpageStatic and Dynamic webpage
Static and Dynamic webpage
 
Web Design Basics and HTML
Web Design Basics and HTMLWeb Design Basics and HTML
Web Design Basics and HTML
 
Dhtml sohaib ch
Dhtml sohaib chDhtml sohaib ch
Dhtml sohaib ch
 
Wml
WmlWml
Wml
 
ITFT_Wireless markup language
ITFT_Wireless markup languageITFT_Wireless markup language
ITFT_Wireless markup language
 
Dhtml chapter2
Dhtml chapter2Dhtml chapter2
Dhtml chapter2
 
Scripting Languages
Scripting LanguagesScripting Languages
Scripting Languages
 
Front-End Development
Front-End DevelopmentFront-End Development
Front-End Development
 
Dhtml
DhtmlDhtml
Dhtml
 
WML-Tutorial
WML-TutorialWML-Tutorial
WML-Tutorial
 
Fundamentals of Web building
Fundamentals of Web buildingFundamentals of Web building
Fundamentals of Web building
 
Static web documents
Static web documents Static web documents
Static web documents
 
Web Pages
Web PagesWeb Pages
Web Pages
 
Silverlight Developer Introduction
Silverlight   Developer IntroductionSilverlight   Developer Introduction
Silverlight Developer Introduction
 
Web technology
Web technologyWeb technology
Web technology
 
Web browsers and web document
Web browsers and web documentWeb browsers and web document
Web browsers and web document
 
Web development: Why do we need it ?
Web development: Why do we need it ?Web development: Why do we need it ?
Web development: Why do we need it ?
 
Dhtml
DhtmlDhtml
Dhtml
 
Web browser architecture.87 to 88
Web browser architecture.87 to 88Web browser architecture.87 to 88
Web browser architecture.87 to 88
 

Viewers also liked

(八)09 1004 尼泊爾—加德滿
(八)09 1004  尼泊爾—加德滿(八)09 1004  尼泊爾—加德滿
(八)09 1004 尼泊爾—加德滿Hk Ddm
 
Выделение лиц по цвету
Выделение лиц по цветуВыделение лиц по цвету
Выделение лиц по цветуEunix
 
Linked In Present
Linked In PresentLinked In Present
Linked In Presentdougdilg
 

Viewers also liked (7)

San Marino vol 2
San Marino vol 2San Marino vol 2
San Marino vol 2
 
(八)09 1004 尼泊爾—加德滿
(八)09 1004  尼泊爾—加德滿(八)09 1004  尼泊爾—加德滿
(八)09 1004 尼泊爾—加德滿
 
San Marino
San MarinoSan Marino
San Marino
 
Выделение лиц по цвету
Выделение лиц по цветуВыделение лиц по цвету
Выделение лиц по цвету
 
NICHAPHORN
NICHAPHORNNICHAPHORN
NICHAPHORN
 
Linked In Present
Linked In PresentLinked In Present
Linked In Present
 
RAJULAL CAR PDF
RAJULAL CAR PDFRAJULAL CAR PDF
RAJULAL CAR PDF
 

Similar to DHTML and AJAX techniques

single page application
single page applicationsingle page application
single page applicationRavindra K
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeaturesvsnmurthy
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeaturesguest9b7f4753
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web ArchitectureChamnap Chhorn
 
Ajax
AjaxAjax
AjaxHome
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web ApplicationSachin Walvekar
 
Component based User Interface Rendering with State Caching Between Routes
Component based User Interface Rendering with State Caching Between RoutesComponent based User Interface Rendering with State Caching Between Routes
Component based User Interface Rendering with State Caching Between RoutesIRJET Journal
 
An Introduction to Ajax Programming
An Introduction to Ajax ProgrammingAn Introduction to Ajax Programming
An Introduction to Ajax Programminghchen1
 
4005-713 ` XML Architecture, Tools & Technique ` Presentation
4005-713 ` XML Architecture, Tools & Technique ` Presentation4005-713 ` XML Architecture, Tools & Technique ` Presentation
4005-713 ` XML Architecture, Tools & Technique ` Presentationlitcigar
 

Similar to DHTML and AJAX techniques (20)

Ajax presentation
Ajax presentationAjax presentation
Ajax presentation
 
Web 2 0 Tools
Web 2 0 ToolsWeb 2 0 Tools
Web 2 0 Tools
 
Ajax
AjaxAjax
Ajax
 
single page application
single page applicationsingle page application
single page application
 
AJAX
AJAXAJAX
AJAX
 
Ajax Ppt 1
Ajax Ppt 1Ajax Ppt 1
Ajax Ppt 1
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeatures
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeatures
 
Web 2 0 Fullfeatures
Web 2 0 FullfeaturesWeb 2 0 Fullfeatures
Web 2 0 Fullfeatures
 
Introduction to Web Architecture
Introduction to Web ArchitectureIntroduction to Web Architecture
Introduction to Web Architecture
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Ajax
AjaxAjax
Ajax
 
Making Of PHP Based Web Application
Making Of PHP Based Web ApplicationMaking Of PHP Based Web Application
Making Of PHP Based Web Application
 
Overview of AJAX
Overview of AJAXOverview of AJAX
Overview of AJAX
 
Component based User Interface Rendering with State Caching Between Routes
Component based User Interface Rendering with State Caching Between RoutesComponent based User Interface Rendering with State Caching Between Routes
Component based User Interface Rendering with State Caching Between Routes
 
An Introduction to Ajax Programming
An Introduction to Ajax ProgrammingAn Introduction to Ajax Programming
An Introduction to Ajax Programming
 
4005-713 ` XML Architecture, Tools & Technique ` Presentation
4005-713 ` XML Architecture, Tools & Technique ` Presentation4005-713 ` XML Architecture, Tools & Technique ` Presentation
4005-713 ` XML Architecture, Tools & Technique ` Presentation
 

Recently uploaded

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountPuma Security, LLC
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Hyundai Motor Group
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machinePadma Pradeep
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 

Recently uploaded (20)

The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticsKotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics
 
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path MountBreaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2Next-generation AAM aircraft unveiled by Supernal, S-A2
Next-generation AAM aircraft unveiled by Supernal, S-A2
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machineInstall Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptxE-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
E-Vehicle_Hacking_by_Parul Sharma_null_owasp.pptx
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 

DHTML and AJAX techniques

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