 jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog:

Slides:



Advertisements
Similar presentations
Web 2.0 MIS XLB.B Jack G. Zheng May 27 th Evolution of Web Pre-web (before 1990) Early web (1990s) Dynamic web (since late 1990s) Infrastructural.
Advertisements

The developer’s guide to the SkyDrive API’s
Single Page Apps with Breeze and Ruby.
Facts about Welcome to this video from Ozeki. In this video I will present what makes Ozeki Phone System XE the Worlds best on-site software PBX for Windows.
Fawaz Ghali AJAX: Web Programming's Toy.
Rock Solid Data Access Kevin McKelvin
JavaScript and AJAX Jonathan Foss University of Warwick
D4.3 Additional Applications iPad Application – Facebook Integration George Chrysochoidis i-sieve technologies ltd. PATHS Project Review, 12th March 2014,
Using Evernote and Google Docs in your web or mobile application (and potentially Dropbox and Skydrive) By Peter Messenger Senior Developer – Triple Point.
Introduction to HTML5 Programming donghao. HTML5 is the New HTML Standard New Elements, Attributes. Full CSS3 Support Video and Audio 2D/3D Graphics Local.
John Culviner johnculviner.com DEMO CODE:
Web Server Programming
IS 360 Course Introduction. Slide 2 What you will Learn (1) The role of Web servers and clients How to create HTML, XHTML, and HTML 5 pages suitable for.
Multiple Tiers in Action
AJAX (Asynchronous JavaScript and XML) Amit Jain CS 590 – Winter 2008.
Dynamic Web Pages Bert Wachsmuth. Review  Internet, IP addresses, ports, client-server, http, smtp  HTML, XHTML, XML  Style Sheets, external, internal,
Does Ajax suck? CS575 Spring 2007 Chanwit Suebsureekul.
SignalR Real Time with SignalR Jared Rhodes Senior Consultant Magenic.
ITM352 Javascript and Dynamic Web Pages: Client Side Processing.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
Overview of HTML. Three Different Approaches  Text editor like Notepad  HTML editor such as: –KompoZer –DreamWeaver –Microsoft Expression Web –iWeb.
Agenda What is AJAX? What is jQuery? Demonstration/Tutorial Resources Q&A.
HTML5. What is HTML5? HTML5 will be the new standard for HTML. HTML5 is the next generation of HTML. HTML5 is still a work in progress. However, the major.
Those Who Control The Past Control The Future: The HTML5 History API Sean Adkinson Jama Software 2012 HTML5 Developer Conference.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Mobile App Support Jacob Poirier Geri Hengesbach Andrea Menke Erin Rossell.
Lectures and Practicals Mon 8-10 SC1222 TUE SC1222 Office: SC Website: mis.csit.sci.tsu.ac.th/kanida.
Mr. Rouda’s CSCI 101 sections. What does a web page consist of? Code HTML, CSS, XHTML, XML, etc. Images Gif, jpg, png, etc. Plugins Swf, flv, etc. JavaScript.
Weekend MS CS Program Internet and Web Technologies COT 5930 Web Project Development - Ajax Dr. Roy Levow, Associate Chair & Professor
OWL Jan How Websites Work. “The Internet” vs. “The Web”?
MediMizer User Group  Users want an iPad application  Users want a web application  IT wants a no-installation client  Can be used anywhere.
Session I Chapter 1 - Introduction to Web Development
Web Design (1) Terminology. Coding ‘languages’ (1) HTML - Hypertext Markup Language - describes the content of a web page CSS - Cascading Style Sheets.
Fall 2006 Florida Atlantic University Department of Computer Science & Engineering COP 4814 – Web Services Dr. Roy Levow Part 2 – Ajax Fundamentals.
Real-World Game Audio Development with HTML5 Craig Robinson, Absolute Hero Martin Reurings, Spil Games.
1 3 Computing System Fundamentals 3.4 Networked Computer Systems.
Session 1 Chapter 1 - Introduction to Web Development ITI 133: HTML5 Desktop and Mobile Level I
Ajax for Dynamic Web Development Gregory McChesney.
INT222 - Internet Fundamentals Shi, Yue (Sunny) Office: T2095 SENECA COLLEGE.
AJAX James Kahng. Congrats Jack Guo for Angular entryentry This week’s coding challenge at end of talk.
1 What is JQuery. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax* interactions.
It’s World Wide! I NTRODUCTION TO T HE WEB 1 Photo courtesy:
 AJAX technology  Rich User Experience  Characteristics  Real live examples  JavaScript and AJAX  Web application workflow model – synchronous vs.
+ CIW LESSON 4 Web Browsers. + Basic Functions of Web Browsers Provide a way for users to access and navigate Web pages Display Web pages properly Provide.
Web Technologies Computing Science Thompson Rivers University
JavaScript and Ajax (Internet Background)
How to Create a Blogger Using your Gmail Account
AJAX.
الوحدة 5 مقدمة في شبكة الانترنت.
The Internet & the World Wide Web
IS 360 Course Introduction
2018 CONFERECE WEB APP
DWR: Direct Web Remoting
CMP Creating Your Personal and Small Business Web Sites
HTML5 Level I Session I Chapter 1 - Introduction to Web Development
Browser Engine How it works…..
Overview of HTML.
AngularJS and SharePoint I Chris Douglas Senior SharePoint Developer ECS Web:
Research Lesson 1 URLs & Hyperlinks How to access the World Wide Web.
Research Lesson 1 URLs & Hyperlinks How to access the World Wide Web.
ხელმძღვანელი: დიმიტრი ქარაული
Single Page Applications with jQuery or AngularJS
HTML5 Level II CyberAdvantage
Web Technologies Computing Science Thompson Rivers University
Client-Server Model: Requesting a Web Page
Front End Development workshop
By Alan Nguyen.
MIS Professor Sandvig MIS 424 Professor Sandvig
Lesson 3 Web Browsers.
Software Engineering for Internet Applications
Presentation transcript:

 jQuery PJAX Speeding up the Client Kevin McKelvin – Devs4Devs – 13 August 2011 Blog:

this.Speaker.ToString();  Kevin McKelvin  C#, Ruby, JavaScript developer  Blog:  

 The Interactive Web

The First Evolution  AJAX  Partial Refreshes  #!

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

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

The Solution pushState + AJAX = PJAX

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+

Sample Static Content

Resources  jQuery:  jQuery PJAX plugin:  The McDev Blog:

More JavaScript  Backbone.js  Node.js (Asynchronous Servers in JavaScript)  Schalk Neethling – 11:30 in Room 1  Martin Cronje – “RIA the way it was supposed to be” – Next in Room 2