ajax - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax...

18
AJAX KUNG FU

Upload: others

Post on 04-Aug-2020

14 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

AJAX

KUNG FU

Page 2: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

ACCESSIBILITY

UNIVERSALITY

Page 3: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

PROGRESSIVEENHANCEMENT

Page 4: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

AJAXCONTENT

PRESENTATIONBEHAVIOR

HTMLCSS

AJAX

STRUCTURE

Page 5: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

WHAT IS

AJAX

Page 6: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

THIN CLIENT

BROWSER SERVERSTORE

PROCESSDISPLAY

Page 7: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

RICH CLIENT

BROWSER SERVERSTORE

PROCESSDISPLAY

AJAX

Page 8: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

HIJAX

Page 9: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

CONTENT

PRESENTATIONAJAX

STRUCTURE

PROGRESSIVEENHANCEMENT

Page 10: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

BROWSER SERVERLINKSFORMS

HEADERNAV

SEARCHLOG INBASKETCONTENTFOOTER

Page 11: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

BROWSER AJAXLINKSFORMS

Page 12: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

AJAX SERVER

HEADERNAV

SEARCHLOG INBASKETCONTENTFOOTER

Page 13: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

RICH CLIENT

BROWSER SERVERSTOREDISPLAY

AJAX

PROCESS

DECEPTIVELY

Page 14: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

PLAN FOR AJAX FROM THE START

IMPLEMENT AJAX AT THE END

PARADOX

Page 15: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

DODGING BULLETS

<a href="javascript:..."><a href="#" onclick="..">

Page 16: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

PATTERNS

RATE

REGISTERSHOPCOMMENT

Page 17: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client

BULLETPROOF

AJAX

Page 18: AJAX - adactio.comadactio.com/extras/slides/ajaxkungfu.pdf · presentation behavior html css ajax structure. what is ajax. thin client browser server store process display. rich client