70-480 - programming in html5 with javascript and css3
TRANSCRIPT
Beautiful Sites
and Apps
Easy-to-build,
Touch-First
Interactivity
Engaging Page
Layouts
Better
Client/Server
Data Transfer
Powerful Local
Data and Offline
Windows Core OS Services
JavaScript
(Chakra)
C
C++
C#
VB
Metro style Apps
Communication
& Data
Application Model
Devices &
Printing
WinRT APIs
Graphics &
Media
XAML HTML / CSS
HTMLJavaScript
C
C++
C#
VB
Desktop Apps
Win32.NET
/ SL
Internet
Explorer
Syst
em
Serv
ices
Vie
wM
od
el
Co
ntr
oller
Co
re
Windows Core OS Services
JavaScript
(Chakra)
C
C++
C#
VB
Metro style Apps
Communication
& Data
Application Model
Devices &
Printing
WinRT APIs
Graphics &
Media
XAML HTML / CSS
HTMLJavaScript
C
C++
C#
VB
Desktop Apps
Win32.NET
/ SL
Internet
Explorer
Syst
em
Serv
ices
Vie
wM
od
el
Co
ntr
oller
Co
re
// 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";
[381] Building beautiful and interactive apps with HTML5 & CSS3LEARN
MORE
Engaging page layouts
[873] Designing Metro style apps using CSS3LEARN
MORE
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
For the browser and
beyond
Standards-based
and interoperable
[373] Building real-time web apps with HTML5 WebSocketsLEARN
MORE
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