![Page 1: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/1.jpg)
S
jQuery PJAXSpeeding up the Client
Kevin McKelvin – Devs4Devs – 13 August 2011
Blog: http://mcdev.za.netTwitter: @kmckelvinEmail: [email protected]
![Page 2: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/2.jpg)
this.Speaker.ToString();
Kevin McKelvin
C#, Ruby, JavaScript developer Blog: http://mcdev.za.net Twitter: @kmckelvin Email: [email protected]
![Page 3: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/3.jpg)
S
The Interactive Web
![Page 4: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/4.jpg)
The First Evolution
AJAX
Partial Refreshes
#!
![Page 5: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/5.jpg)
![Page 6: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/6.jpg)
Interactive Web (AJAX)
$.ajax({ url: url, data: {id: 1}, success: function(data) { ... }, dataType: ‘html’});
![Page 7: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/7.jpg)
The Problems
Permalinks Unpredictable Back Button #! In URLs window.location.hash
![Page 8: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/8.jpg)
The Solution
pushState + AJAX = PJAX
![Page 9: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/9.jpg)
PJAX
Bookmarkable Permanent Links
Fully degradable in unsupported browsers
Supported in major browsers Firefox 4+ Safari 5+ Chrome 8+ Android 2.2+ Opera 11.5+
![Page 10: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/10.jpg)
Sample
Static Content
![Page 11: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/11.jpg)
Resources
jQuery: http://jquery.com
jQuery PJAX plugin: http://github.com/defunkt/jquery-pjax
The McDev Blog:http://mcdev.za.net
![Page 12: jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: Twitter: @kmckelvin Email: kmckelvin@gmail.com](https://reader033.vdocuments.us/reader033/viewer/2022051819/551b6e0e550346ae7a8b6189/html5/thumbnails/12.jpg)
More JavaScript
Backbone.jshttp://documentcloud.github.com/backbone/
Node.js (Asynchronous Servers in JavaScript)http://nodejs.org/
Schalk Neethling – “Watcher” @ 11:30 in Room 1
Martin Cronje – “RIA the way it was supposed to be” – Next in Room 2