1 / 12

jQuery PJAX

jQuery PJAX. Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011. Blog: http://mcdev.za.net Twitter: @ kmckelvin Email: kmckelvin@gmail.com. this.Speaker.ToString ();. Kevin McKelvin C #, Ruby, JavaScript developer Blog : http://mcdev.za.net Twitter: @ kmckelvin

bayard
Download Presentation

jQuery PJAX

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog: http://mcdev.za.net Twitter: @kmckelvin Email: kmckelvin@gmail.com

  2. this.Speaker.ToString(); • Kevin McKelvin • C#, Ruby, JavaScript developer • Blog: http://mcdev.za.net • Twitter: @kmckelvin • Email: kmckelvin@gmail.com

  3. The Interactive Web

  4. The First Evolution • AJAX • Partial Refreshes • #!

  5. Interactive Web (AJAX) $.ajax({ url: url, data: {id: 1}, success: function(data) { ... }, dataType: ‘html’ });

  6. The Problems • Permalinks • Unpredictable Back Button • #! In URLs • window.location.hash

  7. The Solution pushState + AJAX = PJAX

  8. 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+

  9. Sample Static Content

  10. Resources • jQuery: http://jquery.com • jQuery PJAX plugin: http://github.com/defunkt/jquery-pjax • The McDev Blog:http://mcdev.za.net

  11. More JavaScript • Backbone.jshttp://documentcloud.github.com/backbone/ • Node.js (Asynchronous Servers in JavaScript)http://nodejs.org/ • SchalkNeethling – “Watcher” @ 11:30 in Room 1 • Martin Cronje – “RIA the way it was supposed to be” – Next in Room 2

More Related