build web applications
DESCRIPTION
HTML is now the markup language for web apps. But it has been the markup language of the web for years! How is it different, this time?TRANSCRIPT
Build Web Applications
Mobile applications can be downloaded completely ahead of time (at least the layout logic)
The server is only required to fetch new data or perform actions through web services
DataQueueCache
A website today, however- makes however little use of the client
capabilities- serves mostly static content- needs constant connection
Most of the layout proccess happens on the server and the client only receive content to display
The use of ASP or PHP when constructing the page itself is making it impossible to cache efficiently
A web application is a Client-like application using the Web stack and platform. It should offer offline capabilities and caching.
Web Application
A classical website build using the same principles as Web Applications, relying on the browser-implemented caches.
Website as an Application
Fast website, low bandwidth usage
Easy to build applications, easy for others to consume data and create application using your data (you can monetize)
Offline access, separation of data and layout both on the server and the client, and both can be cached independently by the appropriate storage
Cache
Queue
The tools already exist today. Windows 8 is using IE10. webOS used Webkit. You can start building your apps nox!
The tools
JSON WebServices + AJAX• Everything you do on your website should
be done by a webservice call using a js-httprequest
• Use only static HTML, JS and CSS file for your site
• Don’t rely on <form> POST, only on WCF+JSON
AJAX Extension for jQuery• Transform your webservices into JS• Allow you to use complex JSON
representation• Or use your own API (more possibilities = more work)
sessionStorage and localStorage• Up to 10 Mo for your application to store
data• An addition to the traditionnal cache• Very easy to use and already implemented
(IE8+)
• Can be emulated with cookies for older browsers
SVG and HTML Canvas• Generating graphics should be done
locally (if possible)
• It was a complex task before, but it has been made a lot easier with SVG and HTML Canvas
• Generating graphics locally give you more freedom
Category 1 Category 2 Category 3 Category 40246
Twitter uses the first page only to display its main barAfter that, all the content is fetched through a JSON webservice and displayed by some JavaScript code
Windows Live Mail makes a perfect use of the Exchange API implemented in Hotmail to provide a very good experience Transition to webapp is in the works
Live Mail
Wolfram|Alpha uses its own service on their websiteIt means they build an high quality webservice that you can use to make applications as great as their website
Demo