AJAX

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

3 comments

Comments 1 - 3 of 3 previous next Post a comment

  • + guest4f6ff00 guest4f6ff00 11 months ago
    Sieht aus, dass die beste Weltprogrammierer haben ein falschen Weg ausgewählt. Jetzt herrscht Chaos und Geldmacherei. Komplexität ist immer mit Geld belohnt.
    Schade nur, dass keine richtige Sprache für Internet gibt...
  • + step15 Step Step 2 years ago
    Cool slideshow!!
  • + ashish4184 ashish4184 2 years ago
    good
Post a comment
Embed Video
Edit your comment Cancel

Notes on slide 1

15 Favorites

AJAX - Presentation Transcript

  1.   Referent:  Torben Brodt   Veranstaltung: Fachseminar Webframeworks   Datum: 13.12.2007
  2. AJAX: Inhalt 1. Einführung 2. Technologien JavaScript, DOM, HTTP ● 3. AJAX Code Beispiel 4. Abgrenzung JavaScript/AJAX 5. Probleme    
  3. 1/5 Webanwendungen Altes Web: Auf jede Reaktion folgen lange Ladezeiten  Um 2005 revolutioniert AJAX den Begriff ~ Web 2.0?  Nun gleicht Bedienung der von Desktop Anwendungen  Google wurde technologischer Vorreiter mit:  Google Maps, Google Mail, Google Suggest  Heute kompletter Office Ersatz     
  4. 1/5 Webanwendungen    
  5. 2/5 AJAX Einführung Asynchronous JavaScript and XML  AJAX ist keine Programmiersprache  Zusammenführung mehrerer Technologien  DOM  JavaScript  HTTP     
  6. 2/5 Was ist DOM? Document Object Model  Repräsentierung von Inhalten in einem Baum  Standardisierung durch W3C (z.B. XHTML)     
  7. 2/5 Was ist JavaScript? Client­Skriptsprache ­ vom Browser interpretiert  ”überall” verfügbar, wenig Anforderungen, keine VM  Benutzt zur Ereignisbehandlung (hover, focus, ...)  Dynamische Manipulierung des Dokuments (DOM)  Problem: Teils unterschiedliche Funktionen zwischen   verschiedenen Browsern Nähe zu Flash begründet! Gleiche Grundlage ECMA.   JavaScript2 wird auf ActionScript 3 basieren.    
  8. 2/5 JavaScript und DOM Volle Kontrolle über den Client­Code  Einbettung in ein <script> Element innerhalb <head>  Traversierung, Manipulierung, ...     
  9. 2/5 und HTTP? (synchron) Normale Websites werden in einem Rutsch geladen  Eine GET Anfrage  Eine HTTP Antwort     
  10. 2/5 asynchrones HTTP Daten können live geholt/gesendet worden   Browser kapselt Request in eigenen Thread  weder TCP, noch andere Socketverbindung nötig!  Im Idealfall nur Datenübertragung ­ Teile werden   aktualisiert    
  11. 2/5 und HTTP? (asynchron)    
  12. 3/5 AJAX Beispiel Wir erzeugen ein XMLHttpRequest Objekt  JavaScript Objekt zur HTTP Kommunikation     
  13. 3/5 AJAX Beispiel Wir öffnen die Verbindung  Wir legen eine Callback Methode fest  Wir schicken den Request ab     
  14. 3/5 AJAX Beispiel Callback ­ wir behandeln die Server­Antwort  XML Objekt vom Server und HTML Objekt des   Clients werden beide durch DOM repräsentiert  und identisch behandelt    
  15. 3/5 AJAX Beispiel #    
  16. 4/5 Wann spricht man von AJAX? JavaScript Effekte sind kein AJAX  Interaktivität und Asynchronität sind nicht das selbe  Interaktivität = Benutzer agiert mit Seite  durch AJAX werden die Anfragen bis in ein   Datenmodel im Backend durchgereicht durch Asynchronität muss der Benutzer während   dem Nachladen nicht warten    
  17. 4/5 Wann spricht man von AJAX? Bewertungen live   Drag/Drop speichern   Instant Messaging online   Texte live ändern   Uploadbalken      
  18. 5/5 Probleme der Entwickler Serverüberlastung (Polling­Problem)  n­gleichzeitige Clients.. sekündliche Abfragen  Client: HTTP Verbindung zum Server  Gibt es neue Nachrichten?  Server: Verbindung zu Datenbank/IRC Socket  Ja, gibt es. Hier sind die Daten...  Abfruf der Daten und Einfügen     
  19. 5/5 Probleme der Entwickler Clientüberlastung  mehr und mehr Daten werden dem Client   hinzugefügt DOM Baum wächst und wächst ­> häufiges    Neurendern Operationen dauern länger, Speicherverbrauch   steigt Hoffnung: JavaScript nutzt Garbage Collector     
  20. 5/5 Probleme der Entwickler Zeichenkodierung im Web  Webserver, DBMS und Website (Metaangabe)   benutzen im Idealfall alle UTF­8 Selbst mit Entities (&auml;) kann man Probleme   erhalten, da wenn Entity nicht bekannt ”unvalid” Viele Sprachen bieten utf8_encode/decode     
  21. 5/5 Probleme der Entwickler Zeichenkodierung im Web  Webserver, DBMS und Website (Metaangabe)   sollten alle UTF­8 verwenden Selbst mit Entities (&auml;) kann man Probleme   erhalten, da XML unvalide Viele Sprachen bieten utf8_encode/decode     
  22. 5/5 Probleme der Entwickler Browser­Navigation ­> Bookmarking ­>   ... ­> Browserhistorie ­> Deep Links    
  23. 5/5 Probleme der Entwickler Überlappende, asynchrone AJAX Aufrufe  Variante 1: Falsche Verwendung in einer Variablen  Variante 2: Unbekannte Latenzzeit     
  24. 5/5 Frameworks vollständige und abgerundete Frameworks vorhanden  aber unüberschaubarer Markt  alle Frameworks unterscheiden sich in Kleinigkeiten     
  25. Fragen    

+ Torben BrodtTorben Brodt, 3 years ago

custom

17380 views, 15 favs, 13 embeds more stats

30 minütige AJAX Präsentation.
Begonnen bei DOM, more

More info about this document

© All Rights Reserved

Go to text version

  • Total Views 17380
    • 17326 on SlideShare
    • 54 from embeds
  • Comments 3
  • Favorites 15
  • Downloads 553
Most viewed embeds
  • 37 views on http://www.easy-coding.de
  • 3 views on http://vladimirhv.blogspot.com
  • 2 views on http://ajaxian.com
  • 2 views on http://www.filescon.com
  • 2 views on http://www.vladimirhv.blogspot.com

more

All embeds
  • 37 views on http://www.easy-coding.de
  • 3 views on http://vladimirhv.blogspot.com
  • 2 views on http://ajaxian.com
  • 2 views on http://www.filescon.com
  • 2 views on http://www.vladimirhv.blogspot.com
  • 1 views on http://www.wait-till-i.com
  • 1 views on http://www.isolani.co.uk
  • 1 views on http://davidrothman.net
  • 1 views on http://blog.lamtruonghuy.info
  • 1 views on http://www.chazzuka.com
  • 1 views on http://www.thinkingphp.org
  • 1 views on http://www.projectzero.org
  • 1 views on http://www.rapidsharego.com

less

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

Cancel
File a copyright complaint
Having problems? Go to our helpdesk?

Categories

Tags

-->
What's New

© 2009 SlideShare Inc. All rights reserved.