Lo que los desarrolladores web deberían saber
-
Upload
marc-rubino -
Category
Documents
-
view
936 -
download
4
Transcript of Lo que los desarrolladores web deberían saber
![Page 1: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/1.jpg)
Para desarrolladores Web
by Marc Rubiño
![Page 2: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/2.jpg)
@Marc_Rubino
http://mrubino.nethttp://geeks.ms/blogs/mrubino
![Page 3: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/3.jpg)
Windows 8
Windows Core OS Services
JavaScript(Chakra)
CC++
C#VB
Metro style Apps
Communication
& DataApplication Model
Devices & Printing
WinRT APIsGraphics &
Media
XAML HTML / CSS
HTMLJavaScri
pt
CC++
C#VB
Desktop Apps
Win32
.NET / SL
Internet Explore
r
Syst
em S
ervi
ces
View
Mod
el
Cont
rolle
rCo
re Windows Core OS Services
Communication
& DataApplication Model
Devices & Printing
Graphics & Media
Syst
em S
ervi
ces
Core
![Page 4: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/4.jpg)
WinRT
![Page 5: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/5.jpg)
Win RT
Windows Run Time only in Modern UI Style
![Page 6: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/6.jpg)
HTML 5 & CSS 3
![Page 7: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/7.jpg)
IE9 hardware-accelerated web platformCSS 2D TransformsCSS Backgrounds & BordersCSS ColorCSS FontsCSS Media QueriesCSS NamespacesCSS OM ViewsCSS SelectorsCSS Values and UnitsData URI
DOM Element TraversalDOM HTMLDOM Level 3 CoreDOM Level 3 EventsDOM StyleDOM Traversal and RangeDOMParser and XMLSerializerECMAScript 5HTML5 CanvasHTML5 Geolocation
HTML5 SelectionHTML5 semantic elementsHTML5 video and audioICC Color ProfilesSelectors API Level 2SVG, standalone and in HTMLXHTML/XML
![Page 8: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/8.jpg)
Windows 8 hardware-accelerated web platformCSS 2D Transforms
CSS 3D TransformsCSS AnimationsCSS Backgrounds & BordersCSS ColorCSS FlexboxCSS FontsCSS Grid AlignmentCSS HyphenationCSS Image Values (Gradients)CSS Media QueriesCSS multi-column LayoutCSS NamespacesCSS OM ViewsCSS Positioned Floats (Exclusions)CSS SelectorsCSS TransitionsCSS Values and Units
Data URIDOM Element TraversalDOM HTMLDOM Level 3 CoreDOM Level 3 EventsDOM StyleDOM Traversal and RangeDOMParser and XMLSerializerECMAScript 5File APIsFormDataHTML5 Application CacheHTML5 asyncHTML5 CanvasHTML5 Drag and dropHTML5 Forms and ValidationHTML5 GeolocationHTML5 History APIHTML5 Parser
HTML5 SandboxHTML5 SelectionHTML5 semantic elementsHTML5 video and audioICC Color ProfilesIndexedDBPage VisibilityPointer (Mouse, Pen, and Touch) EventsSelectors API Level 2Filter EffectsSVG, standalone and in HTMLTiming callbacksWeb MessagingWeb SocketsWeb WorkersXHTML/XMLXMLHttpRequest (Level 2)
![Page 9: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/9.jpg)
Popular CSS3 features in Windows 8
2D & 3D transformsTransforms
AnimationsTransitions
MotionGridFlexbox
Layout
Gradients Filter EffectsText-shadow
GraphicsMulti-column, hyphenation Pagination Position float
Content flow
Windows hardware acceleration makes these beautiful and fast
![Page 10: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/10.jpg)
Popular HTML5 features in Windows 8Web Sockets
Web Workers IndexedDBEcmascript 5File API & Blobs Geolocation Audio tag Video tag
Touch-firstPointer eventsZoom regionsSnap Points
FormsValidation Input types
Spell checking
![Page 11: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/11.jpg)
WinJS
![Page 12: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/12.jpg)
Windows Library for JavaScript (WinJS)library for building Metro style apps using JavaScript
Web technologies you’re already familiar withModern patterns for responsive, reliable appsUse interactive design tools
Build your apps fast and with high quality
Matches the Windows Metro design styleControls for common user experiencesDesigned for touch as well as traditional inputScales across form factors
Make your apps look and feel great
![Page 13: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/13.jpg)
WinJSHelpers for Namespaces, Constructor Definition
Promises
App Model
Navigation
Page & User controls
Data binding
Controls
Animations
Templates
Utilities
Default CSS Styles
![Page 14: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/14.jpg)
demo
![Page 15: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/15.jpg)
@Marc_Rubino
http://mrubino.nethttp://geeks.ms/blogs/mrubino
![Page 16: Lo que los desarrolladores web deberían saber](https://reader035.fdocuments.net/reader035/viewer/2022062905/549546b3b4795965148b46b8/html5/thumbnails/16.jpg)
Para desarrolladores Web
by Marc Rubiño