SlideShare ist ein Scribd-Unternehmen logo
1 von 38
AJAX- hands on ,[object Object]
Wer sind wir? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Agenda ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Was ist 'Google suggest' ?
Was ist 'Google suggest' ? ,[object Object],[object Object],[object Object]
Problemstellung – PLZ / Ort Eingabe ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Abbildung einer dynamischen Selectbox ,[object Object],[object Object],[object Object],[object Object]
Technische Problemstellung ,[object Object],[object Object],[object Object],[object Object],[object Object]
Das Backend ,[object Object],[object Object],[object Object],[object Object]
Das Backend - Datenbank ,[object Object],[object Object]
Das Backend - Optimierungen ,[object Object],[object Object],[object Object]
Query-Cache ,[object Object],[object Object],[object Object],[object Object],[object Object]
Bytecode-Cache ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Ausgabe-Cache ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Die Datenübertragung ,[object Object]
XML = Datenstruktur ,[object Object],[object Object]
JSON = Quellcode ,[object Object],[object Object]
Beispiel: JSON Implementation
Beispiel: XML Implementation
Demonstration - Backend
Das Frontend ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Bedienung ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],50668 Köln 50670 Köln  ... 506_  506 68 Köln 506 70 Köln  ... 506 73 Köln
Kantenkollision ,[object Object],[object Object],[object Object],50668 Köln 50670 Köln  ... 506_  506 68 Köln 506 70 Köln  ... 506 73 Köln
Highlighting und Animation ,[object Object],[object Object],[object Object],[object Object],[object Object],50668 Köln 50670 Köln  ... 506_  506 68 Köln 506 70 Köln  ... 506 73 Köln
Barrierefreiheit ,[object Object],[object Object],[object Object],[object Object]
Barrierefreiheit ,[object Object],[object Object],[object Object]
Barrierefreiheit ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Demonstration - Frontend
Wie machen das die Anderen? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Wie machen das die Anderen? ,[object Object],[object Object],[object Object],[object Object]
jQuery ,[object Object]
jQuery -  Eigenschaften ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
jQuery - Beispiel
Scriptaculous / prototype ,[object Object],[object Object],[object Object],[object Object],[object Object]
Scriptaculous / prototype - Eigenschaften ,[object Object],[object Object],[object Object],[object Object],[object Object]
Scriptaculous - Beispiel
Zusammenfassung ,[object Object],[object Object],[object Object],[object Object],[object Object]
Referenzen ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Andere mochten auch

Softwre para hacer que los ordenadores canten mejor
Softwre para hacer que los ordenadores canten mejorSoftwre para hacer que los ordenadores canten mejor
Softwre para hacer que los ordenadores canten mejorMaria Alejandra Velez Urrea
 
El jclic en el ingles
El  jclic  en el inglesEl  jclic  en el ingles
El jclic en el inglesmzorro55
 
KGWI Report Mitarbeitermotivation und Bindung
KGWI Report Mitarbeitermotivation und BindungKGWI Report Mitarbeitermotivation und Bindung
KGWI Report Mitarbeitermotivation und BindungKelly Services
 
El uso de la tecnologia en la medicina
El uso de la tecnologia en la medicinaEl uso de la tecnologia en la medicina
El uso de la tecnologia en la medicinagiraldodaniela
 
Historia y generacion del computador diana lucero chaparro -noche
Historia y generacion del computador  diana lucero chaparro -nocheHistoria y generacion del computador  diana lucero chaparro -noche
Historia y generacion del computador diana lucero chaparro -nochedinalucero29
 
Modelos de educación y comunicación
Modelos de educación y comunicaciónModelos de educación y comunicación
Modelos de educación y comunicacióngrupoaccion
 
Gesamttest
GesamttestGesamttest
Gesamttestvhs4you
 
Dispositivosmedicos david
Dispositivosmedicos davidDispositivosmedicos david
Dispositivosmedicos daviddvsdavidv
 
Diapositivas tics
Diapositivas ticsDiapositivas tics
Diapositivas ticsJOTACOMPUTO
 
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...WIdO_Berlin
 
KGWI 2013 Topic 1 Report CH DE
KGWI 2013 Topic 1 Report CH DEKGWI 2013 Topic 1 Report CH DE
KGWI 2013 Topic 1 Report CH DEKelly Services
 

Andere mochten auch (20)

Softwre para hacer que los ordenadores canten mejor
Softwre para hacer que los ordenadores canten mejorSoftwre para hacer que los ordenadores canten mejor
Softwre para hacer que los ordenadores canten mejor
 
Discurso de
Discurso de Discurso de
Discurso de
 
El jclic en el ingles
El  jclic  en el inglesEl  jclic  en el ingles
El jclic en el ingles
 
KGWI Report Mitarbeitermotivation und Bindung
KGWI Report Mitarbeitermotivation und BindungKGWI Report Mitarbeitermotivation und Bindung
KGWI Report Mitarbeitermotivation und Bindung
 
El uso de la tecnologia en la medicina
El uso de la tecnologia en la medicinaEl uso de la tecnologia en la medicina
El uso de la tecnologia en la medicina
 
Caso clínico cvi
Caso clínico cviCaso clínico cvi
Caso clínico cvi
 
02) esqueleto axial 1
02) esqueleto axial 102) esqueleto axial 1
02) esqueleto axial 1
 
¿Qué es Educapps?
¿Qué es Educapps?¿Qué es Educapps?
¿Qué es Educapps?
 
Historia y generacion del computador diana lucero chaparro -noche
Historia y generacion del computador  diana lucero chaparro -nocheHistoria y generacion del computador  diana lucero chaparro -noche
Historia y generacion del computador diana lucero chaparro -noche
 
Modelos de educación y comunicación
Modelos de educación y comunicaciónModelos de educación y comunicación
Modelos de educación y comunicación
 
Matriz de diseno_de_la_pregunta2011_
Matriz de diseno_de_la_pregunta2011_Matriz de diseno_de_la_pregunta2011_
Matriz de diseno_de_la_pregunta2011_
 
Die Real Time Strategic Change-Konferenz
Die Real Time Strategic Change-KonferenzDie Real Time Strategic Change-Konferenz
Die Real Time Strategic Change-Konferenz
 
Competencias sistémicas
Competencias sistémicasCompetencias sistémicas
Competencias sistémicas
 
Gesamttest
GesamttestGesamttest
Gesamttest
 
100517 cw leisenberg
100517 cw leisenberg100517 cw leisenberg
100517 cw leisenberg
 
Dispositivosmedicos david
Dispositivosmedicos davidDispositivosmedicos david
Dispositivosmedicos david
 
Diapositivas tics
Diapositivas ticsDiapositivas tics
Diapositivas tics
 
ROED_Portfolio_2015_Web
ROED_Portfolio_2015_WebROED_Portfolio_2015_Web
ROED_Portfolio_2015_Web
 
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...
Qualitätsanalyse mit dem QSR–Klinikbericht, QMR-KOngress 2015, Christoph Sche...
 
KGWI 2013 Topic 1 Report CH DE
KGWI 2013 Topic 1 Report CH DEKGWI 2013 Topic 1 Report CH DE
KGWI 2013 Topic 1 Report CH DE
 

Ähnlich wie Ajax hands on - Refactoring Google Suggest

Performance Optimierung - Barrierefreiheit beginnt mit Ladezeiten
Performance Optimierung - Barrierefreiheit beginnt mit LadezeitenPerformance Optimierung - Barrierefreiheit beginnt mit Ladezeiten
Performance Optimierung - Barrierefreiheit beginnt mit LadezeitenDavid Maciejewski
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...Karionis
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Patrick Lauke
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02Chris Palatinus
 
Effiziente Fehlersuche in Web 2.0 Anwendungen
Effiziente Fehlersuche in Web 2.0 AnwendungenEffiziente Fehlersuche in Web 2.0 Anwendungen
Effiziente Fehlersuche in Web 2.0 AnwendungenMartin Leyrer
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Jürg Stuker
 
Wordpress on steroids
Wordpress on steroidsWordpress on steroids
Wordpress on steroidsBlogwerk AG
 
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEE
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEESchnelle Winkel: 10x schnellere Webapps mit AngularJS und JEE
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEEBenjamin Schmid
 
Frontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 BestellsystemeFrontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 BestellsystemeNico Steiner
 
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Java Usergroup Berlin-Brandenburg
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsGregor Biswanger
 
Make it simple! Mit automatisierten workflows aus der Cloud
Make it simple! Mit automatisierten workflows aus der CloudMake it simple! Mit automatisierten workflows aus der Cloud
Make it simple! Mit automatisierten workflows aus der Cloudproficom
 
1&1 Frontend Workshop
1&1 Frontend Workshop1&1 Frontend Workshop
1&1 Frontend WorkshopNico Steiner
 
Schulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-BibliothekSchulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-Bibliothektutego
 

Ähnlich wie Ajax hands on - Refactoring Google Suggest (20)

GWT
GWTGWT
GWT
 
Performance Optimierung - Barrierefreiheit beginnt mit Ladezeiten
Performance Optimierung - Barrierefreiheit beginnt mit LadezeitenPerformance Optimierung - Barrierefreiheit beginnt mit Ladezeiten
Performance Optimierung - Barrierefreiheit beginnt mit Ladezeiten
 
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
HTML5 im Überblick - semantisches HTML, Geolocation, Offline-Webanwendungen, ...
 
Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010Die Zukunft der Webstandards - Webinale 31.05.2010
Die Zukunft der Webstandards - Webinale 31.05.2010
 
20120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v0220120207 prs ib_js_libraries_v02
20120207 prs ib_js_libraries_v02
 
Debugging und Profiling
Debugging und ProfilingDebugging und Profiling
Debugging und Profiling
 
3. Night of the pack
3. Night of the pack3. Night of the pack
3. Night of the pack
 
Ajax, Comet & Co.
Ajax, Comet & Co.Ajax, Comet & Co.
Ajax, Comet & Co.
 
jQuery & CouchDB - Die zukünftige Webentwicklung?
jQuery & CouchDB - Die zukünftige Webentwicklung?jQuery & CouchDB - Die zukünftige Webentwicklung?
jQuery & CouchDB - Die zukünftige Webentwicklung?
 
Effiziente Fehlersuche in Web 2.0 Anwendungen
Effiziente Fehlersuche in Web 2.0 AnwendungenEffiziente Fehlersuche in Web 2.0 Anwendungen
Effiziente Fehlersuche in Web 2.0 Anwendungen
 
Top 10 Internet Trends 2006
Top 10 Internet Trends 2006Top 10 Internet Trends 2006
Top 10 Internet Trends 2006
 
Wordpress on steroids
Wordpress on steroidsWordpress on steroids
Wordpress on steroids
 
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEE
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEESchnelle Winkel: 10x schnellere Webapps mit AngularJS und JEE
Schnelle Winkel: 10x schnellere Webapps mit AngularJS und JEE
 
Frontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 BestellsystemeFrontend-Architektur der 1&1 Bestellsysteme
Frontend-Architektur der 1&1 Bestellsysteme
 
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
Die fabelhafte Welt Java(Script)-getriebener Enterprise-WebApps (mit Ext JS)
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
 
Make it simple! Mit automatisierten workflows aus der Cloud
Make it simple! Mit automatisierten workflows aus der CloudMake it simple! Mit automatisierten workflows aus der Cloud
Make it simple! Mit automatisierten workflows aus der Cloud
 
1&1 Frontend Workshop
1&1 Frontend Workshop1&1 Frontend Workshop
1&1 Frontend Workshop
 
Web-API Design in Java
Web-API Design in JavaWeb-API Design in Java
Web-API Design in Java
 
Schulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-BibliothekSchulung jQuery JavaScript-Bibliothek
Schulung jQuery JavaScript-Bibliothek
 

Mehr von Bastian Feder

JQuery plugin development fundamentals
JQuery plugin development fundamentalsJQuery plugin development fundamentals
JQuery plugin development fundamentalsBastian Feder
 
Why documentation osidays
Why documentation osidaysWhy documentation osidays
Why documentation osidaysBastian Feder
 
Php unit the-mostunknownparts
Php unit the-mostunknownpartsPhp unit the-mostunknownparts
Php unit the-mostunknownpartsBastian Feder
 
PhpUnit - The most unknown Parts
PhpUnit - The most unknown PartsPhpUnit - The most unknown Parts
PhpUnit - The most unknown PartsBastian Feder
 
Introducing TDD to your project
Introducing TDD to your projectIntroducing TDD to your project
Introducing TDD to your projectBastian Feder
 
The Beauty and the Beast
The Beauty and the BeastThe Beauty and the Beast
The Beauty and the BeastBastian Feder
 
Php unit the-mostunknownparts
Php unit the-mostunknownpartsPhp unit the-mostunknownparts
Php unit the-mostunknownpartsBastian Feder
 
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)Advanced Eclipse Workshop (held at IPC2010 -spring edition-)
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)Bastian Feder
 
The beautyandthebeast phpbat2010
The beautyandthebeast phpbat2010The beautyandthebeast phpbat2010
The beautyandthebeast phpbat2010Bastian Feder
 
Debugging PHP with xDebug inside of Eclipse PDT 2.1
Debugging PHP with xDebug inside of Eclipse PDT 2.1Debugging PHP with xDebug inside of Eclipse PDT 2.1
Debugging PHP with xDebug inside of Eclipse PDT 2.1Bastian Feder
 
Eclipse HandsOn Workshop
Eclipse HandsOn WorkshopEclipse HandsOn Workshop
Eclipse HandsOn WorkshopBastian Feder
 
The Beauty And The Beast Php N W09
The Beauty And The Beast Php N W09The Beauty And The Beast Php N W09
The Beauty And The Beast Php N W09Bastian Feder
 
Eclipse Pdt2.0 26.05.2009
Eclipse Pdt2.0 26.05.2009Eclipse Pdt2.0 26.05.2009
Eclipse Pdt2.0 26.05.2009Bastian Feder
 
Php Development With Eclipde PDT
Php Development With Eclipde PDTPhp Development With Eclipde PDT
Php Development With Eclipde PDTBastian Feder
 
Php Documentor The Beauty And The Beast
Php Documentor The Beauty And The BeastPhp Documentor The Beauty And The Beast
Php Documentor The Beauty And The BeastBastian Feder
 
Bubbles & Trees with jQuery
Bubbles & Trees with jQueryBubbles & Trees with jQuery
Bubbles & Trees with jQueryBastian Feder
 

Mehr von Bastian Feder (20)

JQuery plugin development fundamentals
JQuery plugin development fundamentalsJQuery plugin development fundamentals
JQuery plugin development fundamentals
 
Why documentation osidays
Why documentation osidaysWhy documentation osidays
Why documentation osidays
 
Solid principles
Solid principlesSolid principles
Solid principles
 
jQuery secrets
jQuery secretsjQuery secrets
jQuery secrets
 
Php unit the-mostunknownparts
Php unit the-mostunknownpartsPhp unit the-mostunknownparts
Php unit the-mostunknownparts
 
jQuery secrets
jQuery secretsjQuery secrets
jQuery secrets
 
PhpUnit - The most unknown Parts
PhpUnit - The most unknown PartsPhpUnit - The most unknown Parts
PhpUnit - The most unknown Parts
 
Introducing TDD to your project
Introducing TDD to your projectIntroducing TDD to your project
Introducing TDD to your project
 
jQuery's Secrets
jQuery's SecretsjQuery's Secrets
jQuery's Secrets
 
The Beauty and the Beast
The Beauty and the BeastThe Beauty and the Beast
The Beauty and the Beast
 
Php unit the-mostunknownparts
Php unit the-mostunknownpartsPhp unit the-mostunknownparts
Php unit the-mostunknownparts
 
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)Advanced Eclipse Workshop (held at IPC2010 -spring edition-)
Advanced Eclipse Workshop (held at IPC2010 -spring edition-)
 
The beautyandthebeast phpbat2010
The beautyandthebeast phpbat2010The beautyandthebeast phpbat2010
The beautyandthebeast phpbat2010
 
Debugging PHP with xDebug inside of Eclipse PDT 2.1
Debugging PHP with xDebug inside of Eclipse PDT 2.1Debugging PHP with xDebug inside of Eclipse PDT 2.1
Debugging PHP with xDebug inside of Eclipse PDT 2.1
 
Eclipse HandsOn Workshop
Eclipse HandsOn WorkshopEclipse HandsOn Workshop
Eclipse HandsOn Workshop
 
The Beauty And The Beast Php N W09
The Beauty And The Beast Php N W09The Beauty And The Beast Php N W09
The Beauty And The Beast Php N W09
 
Eclipse Pdt2.0 26.05.2009
Eclipse Pdt2.0 26.05.2009Eclipse Pdt2.0 26.05.2009
Eclipse Pdt2.0 26.05.2009
 
Php Development With Eclipde PDT
Php Development With Eclipde PDTPhp Development With Eclipde PDT
Php Development With Eclipde PDT
 
Php Documentor The Beauty And The Beast
Php Documentor The Beauty And The BeastPhp Documentor The Beauty And The Beast
Php Documentor The Beauty And The Beast
 
Bubbles & Trees with jQuery
Bubbles & Trees with jQueryBubbles & Trees with jQuery
Bubbles & Trees with jQuery
 

Ajax hands on - Refactoring Google Suggest