Transcript PLAT-382T: What`s new with HTML5, Javascript, and CSS3

Beautiful Sites
and Apps
Engaging Page
Layouts
Easy-to-build,
Touch-First
Interactivity
Better
Client/Server
Data Transfer
Powerful Local
Data and Offline
Metro style Apps
Core
System Services
Model
Controller
View
XAML
C
C++
Desktop Apps
HTML / CSS
C#
VB
JavaScript
(Chakra)
HTML
C
C++
C#
VB
Internet
Explorer
Win32
.NET
/ SL
JavaScript
WinRT APIs
Communication
& Data
Graphics &
Media
Application Model
Devices &
Printing
Windows Core OS Services
Metro style Apps
Core
System Services
Model
Controller
View
XAML
C
C++
Desktop Apps
HTML / CSS
C#
VB
JavaScript
(Chakra)
HTML
C
C++
C#
VB
Internet
Explorer
Win32
.NET
/ SL
JavaScript
WinRT APIs
Communication
& Data
Graphics &
Media
Application Model
Devices &
Printing
Windows Core OS Services
// Apply transform to the slide
].elm.style.msTransform =
"scale(0.4) perspective(290px) rotateY(17deg)";
// Apply transition to the slide
“transform”
"2.5s";
slides[i].elm.style.msTransitionDelay = "0s";
LEARN
MORE
[381] Building beautiful and interactive apps with HTML5 & CSS3
Engaging page layouts
LEARN
MORE
[873] Designing Metro style apps using CSS3
Powerful local data and offline
MIME Type: text/cache-manifest
// Read file using FileReader and register handler for loadend
var filereader = new FileReader();
filereader.imagediv = d;
// expando to store image element
filereader.onloadend = handleReaderOnLoadEnd;
filereader.readAsDataURL(file);
// Set image src in loadend handler
function handleReaderOnLoadEnd(event)
{
var image = this.imagediv.children[0].children[0];
image.src = this.result;
…
}
LEARN
MORE
Easy-to-build, touch-first interactivity
LEARN
MORE
Better client/server data transfer
Securely enable the
real-time Web
LEARN
MORE
For the browser and
beyond
Standards-based
and interoperable
[373] Building real-time web apps with HTML5 WebSockets
http://www.ietestdrive.com/Links/DevGuide9.html
http://www.ietestdrive.com/Links/DevGuide10.html
http://forums.dev.windows.com
http://forums.dev.windows.com
http://bldw.in/SessionFeedback