HTML5 AND THE FUTURE JAVASCRIPT PLATFORM Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation.

Slides:



Advertisements
Similar presentations
IETF in the Browser Harald Alvestrand. The Purpose of the IETF The goal of the IETF is to make the Internet work better. The mission of the IETF is to.
Advertisements

12 October 2011 Andrew Brown IMu Technology EMu Global Users Group 12 October 2011 IMu Technology.
Single Page Apps with Breeze and Ruby.
Dhananjay Kumar
Introduction to ASP.NET MVC
©2012 Microsoft Corporation. All rights reserved. Content based on SharePoint 15 Technical Preview and published July Solution Architect,Microsoft.
HTML5 That’s What You Need to Know Today Ingo Rammer | thinktecture |
Research.microsoft.com [RMC] Open Data [OData] October 2011 | frank martinez 1.
Introduction to Backend James Kahng. Install Node.js.
HTML5 That’s what you need to know today Ingo Rammer, thinktecture
INTERNET DATABASE Chapter 9. u Basics of Internet, Web, HTTP, HTML, URLs. u Advantages and disadvantages of Web as a database platform. u Approaches for.
Electrical and Computer Engineering PeopleFinder Vitaly Gordievsky Alex Trefonas Scott Richard Matt Beckford Comprehensive Design Review.
Social Internet of Things Humans are connected to Internet. – Through Social Networking (e.g., facebook, foursquare, LinkedIn) Internet.
It’s always better live. MSDN Events Developing ASP.NET AJAX Controls with Silverlight.
Understanding and Managing WebSphere V5
Client/Server Architectures
Windows.Net Programming Series Preview. Course Schedule CourseDate Microsoft.Net Fundamentals 01/13/2014 Microsoft Windows/Web Fundamentals 01/20/2014.
IT 210 The Internet & World Wide Web introduction.
OAuth-as-a-service using ASP.NET Web API and Windows Azure Access Control Maarten
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
11/13/2007 A synchronous J avaScript A nd X ML Gloria Law Joshua Mahaz.
ASP.NET + Ajax Jesper Tørresø ITNET2 F08. Ajax Ajax (Asynchronous JavaScript and XML) A group of interrelated web development techniques used for creating.
ASP. Net is a rich web framework that leverages well known patterns and JavaScript frameworks to build great web experiences quickly.
REST.  REST is an acronym standing for Representational State Transfer  A software architecture style for building scalable web services  Typically,
Ajax Technology for the Web Nic Shulver, FCET, Staffordshire University Introduction What is it? Pros and Cons Why is it important? Traditional Client-Server.
M i SMob i S Mob i Store - Mobile i nternet File Storage Platform Chetna Kaur.
Wyatt Pearsall November  HyperText Transfer Protocol.
Web Page Design I Basic Computer Terms “How the Internet & the World Wide Web (www) Works”
AJAX and Atlas in ASP.NET 2.0 William J. Steele MSDN Developer Evangelist Microsoft Corporation
Python and REST Kevin Hibma. What is REST? Why REST? REST stands for Representational State Transfer. (It is sometimes spelled "ReST".) It relies on a.
Open Data Protocol * Han Wang 11/30/2012 *
Project “Astoria” first announced in Mix 2007 Shared early prototypes, got tons of feedback Now we’re talking about the real deal Production quality bits,
Web-centric Computing: Computing, Hypertext, & the WWW.
OData: There’s a Feed for That Pablo Castro Software Architect Microsoft Corporation
Nadir Saghar, Tony Pan, Ashish Sharma REST for Data Services.
1 Geospatial and Business Intelligence Jean-Sébastien Turcotte Executive VP San Francisco - April 2007 Streamlining web mapping applications.
Developing ASP.NET AJAX Controls with Silverlight Barry Gervin Microsoft Regional Director John Bristowe Developer Advisor, Microsoft.
Team S07. Agenda Scope of project Global use case diagram Analysis use cases High Level design (Software Architecture) Prototype challenges faced and.
API Crash Course CWU Startup Club. OUTLINE What is an API? Why are API’s useful? What is HTTP? JSON? XML? What is a RESTful API? How do we consume an.
Libraries and APIs CMPT 281. Overview Basics of libraries and APIs Rich internet applications Examples – Scriptaculous – JQuery.
FriendFinder Location-aware social networking on mobile phones.
FriendFinder Location-aware social networking on mobile phones.
Fundamentals of Web DevelopmentRandy Connolly and Ricardo HoarFundamentals of Web DevelopmentRandy Connolly and Ricardo Hoar Fundamentals of Web DevelopmentRandy.
REST By: Vishwanath Vineet.
Trend: Internet of Things Trend: Social Networks New Paradigm: Social Internet of Things Socialite is a cloud based platform to enable interactions between.
Web 2.0: Concepts and Applications 11 The Web Becomes 2.0.
Internet Explorer 10 IE9 hardware-accelerated platform CSS 2D Transforms CSS Backgrounds & Borders CSS Color CSS Fonts CSS Media Queries CSS Namespaces.
Data Access Methodologies: When to choose what (ADO.NET, Entity Framework, WCF Data Services) Wriju Ghosh Lead Partner Consultant, Microsoft.
INTRODUCING HYBRID APP KAU with MICT PARK IT COMPANIES Supported by KOICA
Mobilizing Your SAS® Business Analytic Reports Falko Schulz Sr. Systems Engineer SAS Australia & New Zealand.
API (Application Program Interface)
RESTful Sevices Distributed Objects Presented by: Shivank Malik
Baoming Yu(于宝明) Software Engineer Wicresoft
Discover the New SharePoint Content Publishing Experiences
Application with Cross-Platform GUI
Introduction Web Environments
Chapter 18 MobileApp Design
AJAX.
The Application Lifecycle
Developer Patterns to Integrate Silverlight 4.0 with SharePoint 2010
Accessing Data in a .NET Web Application
Lecture 1: Multi-tier Architecture Overview
Tailor your SharePoint 2013 social layer according to your needs
Pablo Castro Software Architect Microsoft Corporation
Overview The World Wide Web has changed the way that people
Overview The World Wide Web has changed the way that people
Choosing between Silverlight and AJAX
WCF Data Services and Silverlight
Data Portability It’s Mine, Mine, Mine!
Presentation transcript:

HTML5 AND THE FUTURE JAVASCRIPT PLATFORM Marcelo Lopez Ruiz Senior Software Design Engineer Microsoft Corporation

looking ahead, looking behind web application architecture evolution and trends show work to help bridge to future

web apps - classic Server http(s) transport Initial Page Request HTML+CSS + JS

web apps - modern Server http(s) transport HTML+CSS+Data Response Request HTML+CSS + JS Initial Page Request

evolving platform = opportunity

from good AJAX apps to great AJAX apps more interactive more responsive improved and specialized user experiences

Local Storage Language Improvements Network Improvements Advanced Graphics Media Facebook eBay Netflix Twitter Flickr StackOverflow SharePoint … running out of slide space HTML5 improvementsdata everywhere

Huge data growth - Vast variety of data exist today, more coming. Some companies are in the business of producing data so others make business by consuming it REST open web protocols for querying and updating data

OData Rely on standard web technologies like HTTP, Atom Publishing Protocol (AtomPub) and JSON Operation semantics - mapping of HTTP methods (GET, POST, PUT, DELETE) Query - resources, identified using Uniform Resource Identifiers

quick code – local storage demo

quick code –data everywhere demo

Local Storage Language Improvements Network Improvements Advanced Graphics Media Facebook eBay Netflix Twitter Flickr StackOverflow SharePoint … running out of slide space HTML5 improvementsdata everywhere

datajs – library for data-centric web applications demo

recap: datajs communication library Abstracts out formats Abstracts out communication details All protocol capabilities: read, write, metadata Full asynchronous support Layered and open, great for unit tests

recap: datajs caching library Let you focus on the problem and not the implementation Fast page load Fast scrolling and pagination Web page survives connectivity hiccups Works over Web Storage or in-memory today, lights up on IndexedDB tomorrow You write it once – we test it against all browsers all form factors

datajs – same code, multiple browsers and devices demo

It’s the final countdown (para-pa-pa para-pa-pa-pa)countdown ie6 – back compat matters

library trends fewer large frameworks, more small & focused play well together more structure to applications (MVC, MVVM) still some common blocks missing e.g. change notification common features: pay for play, avoid polluting namespace, work cross-browser, degrade gracefully

datajs future long list, will only get longer, join us! better support for authentication first-class support for tracking local changes, validation, saving them, etc. canvas and SVG integration – see other sessions! deeper integration with libraries (plug-ins) high-level API when IndexedDB is available

building the future together download and try it out, build it yourself early adopters have been sending feedback and asking questions – join in!

Q&A