Quickstart Ajax Slideshare

50 %
50 %
Information about Quickstart Ajax Slideshare

Published on November 6, 2007

Author: f.leegstra

Source: slideshare.net

Description

Presentaite quickstart voor Ajax. Gegeven aan NHL / The next web

Quickstart AJAX ... achieving your goals with AJAX Gastcollege ‘The next web’

Wie ben ik? Frank Leegstra [email_address] 06 42 141 263 Hogere Informatica (hier) Bedrijfskunde (ergens anders)

Frank Leegstra

[email_address]

06 42 141 263

Hogere Informatica (hier)

Bedrijfskunde (ergens anders)

mediaCT webinterieur Flink aan het groeien (12 man in Groningen) Website vormgeving, online marketing en internet techniek Groningen, Amsterdam en Dokkum

Flink aan het groeien (12 man in Groningen)

Website vormgeving, online marketing en internet techniek

Groningen, Amsterdam en Dokkum

Wie is mediaCT webinterieur Elk jaar een stagiair van CMD / Informatica NHL Jasper Zeinstra (werkt nu fulltime) Egbert Veenstra Meint Span

Elk jaar een stagiair van CMD / Informatica NHL

Jasper Zeinstra (werkt nu fulltime)

Egbert Veenstra

Meint Span

Onderwerpen Vorige keer Alles over API’s Vandaag Quickstart AJAX 14 november Case van een ‘succesvolle’ web 2.0 website Marketing Wat maakt ‘succes’?

Vorige keer

Alles over API’s

Vandaag

Quickstart AJAX

14 november

Case van een ‘succesvolle’ web 2.0 website

Marketing

Wat maakt ‘succes’?

Jullie hebben kennis van... JavaScript

JavaScript

Inhoud Wat is AJAX? Hoe werkt het? Toolkits Aan de slag Voorbeelden

Wat is AJAX?

Hoe werkt het?

Toolkits

Aan de slag

Voorbeelden

Wat is AJAX Quickstart AJAX

Quickstart AJAX

AJAX volgens wikiPedia AJAX ( Asynchronous Javascript And XML ) is een term voor het ontwerp van interactieve webpagina's waarin asynchroon gevraagde gegevens worden opgehaald van de webserver. Daardoor hoeven dergelijke pagina's niet in hun geheel ververst te worden. Zo'n pagina is te vergelijken met een applicatie die in de browser draait. De term is op 18 februari 2005 door Jesse James Garrett gelanceerd en werd door grote spelers als Google en Amazon geadopteerd. Door gebruik te maken van XMLHttpRequest, hoeft de webpagina niet opnieuw ververst te worden om nieuwe inhoud te krijgen. Google Suggest stelt bijvoorbeeld bij elke toetsaanslag een nieuwe reeks zoektermen voor zonder dat je pagina één keer hoeft te herladen.

AJAX ( Asynchronous Javascript And XML ) is een term voor het ontwerp van interactieve webpagina's waarin asynchroon gevraagde gegevens worden opgehaald van de webserver. Daardoor hoeven dergelijke pagina's niet in hun geheel ververst te worden. Zo'n pagina is te vergelijken met een applicatie die in de browser draait. De term is op 18 februari 2005 door Jesse James Garrett gelanceerd en werd door grote spelers als Google en Amazon geadopteerd.

Door gebruik te maken van XMLHttpRequest, hoeft de webpagina niet opnieuw ververst te worden om nieuwe inhoud te krijgen. Google Suggest stelt bijvoorbeeld bij elke toetsaanslag een nieuwe reeks zoektermen voor zonder dat je pagina één keer hoeft te herladen.

Wat is AJAX? Asynchronous Javascript And XML XMLHttpRequest

Asynchronous Javascript And XML

XMLHttpRequest

Hoe werkt het? Quickstart AJAX

Quickstart AJAX

Hoe werkt het?

AJAX, Cross-domain policy Voorbeeld met Yahoo!

AJAX, Cross-domain policy Proxy nodig? Kijk op http://developer.yahoo.com/javascript/howto-proxy.html

Toolkits Quickstart AJAX

Quickstart AJAX

Toolkits Google Web Toolkit (GWT) jQuery Prototype (en scriptaculous) HTML_AJAX (PEAR) Xajax

Google Web Toolkit (GWT)

jQuery

Prototype (en scriptaculous)

HTML_AJAX (PEAR)

Xajax

Google Web Toolkit (GWT) Programmeren in JAVA Compilen van JAVA naar JS Debugmogelijkheden!

Programmeren in JAVA

Compilen van JAVA naar JS

Debugmogelijkheden!

jQuery (1) Programmeren in Javascript Do more, write less Cross browser compatible http://www-128.ibm.com/developerworks/library/x-ajaxjquery.html http://www.jquery.com http://docs.jquery.com/Ajax

Programmeren in Javascript

Do more, write less

Cross browser compatible

http://www-128.ibm.com/developerworks/library/x-ajaxjquery.html

http://www.jquery.com

http://docs.jquery.com/Ajax

jQuery (2)

jQuery (3)

HTML_AJAX (PEAR) Programmeren in PHP! Cross browser compatible http://htmlajax.org/ (beta)

Programmeren in PHP!

Cross browser compatible

http://htmlajax.org/ (beta)

HTML_AJAX (2)

Aan de slag Quickstart AJAX

Quickstart AJAX

Aan de slag http://www.cursusajax.nl/examples/ Gebruik codevoorbeelden uit examples Zie ook www.jquery.com

http://www.cursusajax.nl/examples/

Gebruik codevoorbeelden uit examples

Zie ook www.jquery.com

Examples Basic AJAX (zie ook /include/ajax_basic.js) jQuery AJAX Last.fm: find related artists Aan jullie: Flickr photos van een user Finetuning related artists Etc...

Basic AJAX (zie ook /include/ajax_basic.js)

jQuery AJAX

Last.fm: find related artists

Aan jullie:

Flickr photos van een user

Finetuning related artists

Etc...

API: Last.fm http://www.audioscrobbler.net/data/webservices/

API: Facebook http://developers.facebook.com/documentation.php

API: Flickr http://flickr.com/services/api/

Last.fm: find related artists

Voorbeelden Quickstart AJAX

Quickstart AJAX

Voorbeeld: http://demo.backbase.com/RSS

Voorbeelden http://demo.backbase.com:8180/dukeBookStore/mainpanel.jsf http://demo.backbase.com/RUI/shop.html

http://demo.backbase.com:8180/dukeBookStore/mainpanel.jsf

http://demo.backbase.com/RUI/shop.html

Add a comment

Related pages

Dori Smith - Author, Dori.Com - VisualCV

JavaScript & Ajax for the Web: Visual QuickStart Guide, 7th ed. (Peachpit, 2009) Ajax Essential Training video course (Lynda.com, 2008)
Read more

JSF 2.2 Tutorial (JavaServer Faces 2 Tutorial) with Eclipse

JSF 2 Tutorial Series JSF 2 with Facelets, Ajax, and PrimeFaces Interested in live training from the author of these tutorials? See the upcoming JSF 2.2 ...
Read more

| Ajax: Simple Transports | Blog | SitePen

Ajax: Simple Transports. ... The Dojo Quick Start Guide posts ... You also may experience problems with the Ajax samples if you are using Dojo from the ...
Read more