Windows Store apps with HTML + Facebook integration Jaime Rodriguez @jaimerodriguez http://jaimerodriguez.com http://aka.ms/ieprogress CSS 2D Transforms CSS Selectors Cache IndexedDB CSS 3D Transforms CSS Transitions HTML5 async Page Visibility CSS Animations CSS Values.

Download Report

Transcript Windows Store apps with HTML + Facebook integration Jaime Rodriguez @jaimerodriguez http://jaimerodriguez.com http://aka.ms/ieprogress CSS 2D Transforms CSS Selectors Cache IndexedDB CSS 3D Transforms CSS Transitions HTML5 async Page Visibility CSS Animations CSS Values.

Windows Store apps with HTML
+ Facebook integration
Jaime Rodriguez
@jaimerodriguez
http://jaimerodriguez.com
http://aka.ms/ieprogress
CSS 2D Transforms
CSS Selectors
Cache
IndexedDB
CSS 3D Transforms
CSS Transitions
HTML5 async
Page Visibility
CSS Animations
CSS Values and Units
HTML5 BlobBuilder
CSS Backgrounds &
Borders
Data URI
HTML5 Canvas
Pointer (Mouse, Pen,
and Touch) Events
CSS Color
DOM Element
Traversal
HTML5 Drag and drop
CSS Flexbox
DOM HTML
HTML5 Forms and
Validation
CSS Fonts
DOM Level 3 Core
HTML5 Geolocation
CSS Grid
DOM Level 3 Events
HTML5 History API
CSS Hyphenation
DOM Style
HTML5 Parser
CSS Image Values
(Gradients)
DOM Traversal and
Range
HTML5 Sandbox
CSS Media Queries
DOMParser and
XMLSerializer
HTML5 semantic
elements
CSS multi-column
Layout
ECMAScript 5
HTML5 Selection
HTML5 track
CSS Namespaces
File Reader API
CSS OM Views
File Saving
HTML5 video and
audio
CSS Positioned Floats
(Exclusions)
FormData
JavaScript Typed Array
HTML5 Application
ICC Color Profiles
RequestAnimationFra
me
Navigation Timing
Selectors API Level 2
SVG Filter Effects
SVG, standalone and in
HTML
Web Messaging
Web Sockets
Web Workers
XHTML/XML
XMLHttpRequest
(Level 2)
XMLHttpRequest
CORS
Two contexts
Two hosts
HTML and DOM changes
http://msdn.microsoft.com/en-us/library/windows/apps/hh700404.aspx
No plug-ins
It is still the same rendering and JS engine!!
Feature
Local context
Web context
Windows Runtime
Yes
No
Windows Library for
JavaScript
Yes
Partial
External script references
(<script src="http://*" /> )
No
Yes
window.close
Yes
No
Cross-domain XHR
requests
Yes
No
http://msdn.microsoft.com/en-us/library/windows/apps/hh465373.aspx
A collection of
toolkits to
make building
Windows 8
apps fast and
easy
WinJS.ErrorFro
mName
WinJS.xhr
HTML/DOM Utils
WinJS Element
Attributes
Logging Utils
WinJS
WinJS.Promise
Element
Selection/
Querying
Keyboard Key
Enumeration
Validation
WinJS
WinJS.PromiseStat
eMachine
Coordinate
Conversion
Support for WinJS
declarative model
(supportedForProc
essing)
Class definition
and inheritance
WinJS.Class
Namespace
definition utilities
WinJS.Namespace
Localized String
Utilities
Data-win-res
processing
Semantic Zoom
ViewBox
Flyout
SettingsFlyout
Menu
Menu
Command
IZoomableView
AppBar
ListView
Support for
declarative model
(processAll)
Controls
Utilities (
setOptions)
Fragment loading
and rendering
WinJS.UI.Fragments
GridLayout
ListLayout
Custom Layout
Interface
IListBinding
IListDataSource
IListDataAdapte
r
IListNotification
Handler
DataSourceStatus
StorageDataSo
urce
VirtualizedData
Source
Error handling
FlipView
WinJS.UI.
Animation
helpers
Animation
Library
Data Binding
(as, bind)
Mixins
WinJS.Binding.
List
Conversions
List Projections
Support for
declarative
databinding
Animation System
Management
Application
Events
local
(storage)
WinJS.
Application.
sessionState
roaming
(storage)
WinJS.Navigation
Functions
temp
(storage)
WinJS.UI.Pages.
PageControl
WinJS.Binding.
Template
WinJS.UI.Pages.
IPageControlM
embers
Tooltip
Rating
TabContainer
TimePicker
DatePicker
ToggleSwitch
HTMLControl
Light StyleSheet
Dark StyleSheet
Jaime Rodriguez Carrete (on Facebook)
@jaimerodriguez
[email protected]
http://aka.ms/windows8campinabox
http://aka.ms/win8fbhack
http://code.msdn.microsoft.com/windowsapps/