Windows 8 Development - First Look - JavaScript

Transcript

2. Launch your Windows 8 App in 30 days  Generation App  Online training and tips from insiders  Tele-support with a Windows 8 architect  Exclusive one-on-one WinRT and Windows UX design consultation  Sign up at http://rj.cx/app_in_30_days
3. meetup.com/Win-App-Devs/
5. As of March 2012, IDC
9. demo
16. demo
19. C++ ImageEncodingProperties^ imageProperties = ref new ImageEncodingProperties(); imageProperties->Subtype = "JPEG"; imageProperties->Width = 320; imageProperties->Height = 240; auto opCapturePhoto = m_mediaCaptureMgr->CapturePhotoToStorageFileAsync(imageProperties, this->m_photoStorageFile); C# ImageEncodingProperties imageProperties = new ImageEncodingProperties(); imageProperties.Subtype = "JPEG"; imageProperties.Width = 320; imageProperties.Height = 240; await mediaCaptureMgr.CapturePhotoToStorageFileAsync(imageProperties, photoStorageFile); JavaScript var photoProperties = new Windows.Media.MediaProperties.ImageEncodingProperties(); photoProperties.subtype = "JPEG"; photoProperties.width = 320; photoProperties.height = 240; mediaCaptureMgr.capturePhotoToStorageFileAsync(photoProperties, photoStorage).then(…
26. demo
28. App gets 5s to handle suspend App is not notified before termination Apps are notified when they have been resumed User Launches App Splash screen
31. Seamless data access Data Roaming Performant Native platform Capabilities driven High isolation
33. Unprecedented Reach Optimized for Discoverability Transparent Approval Process Flexible Business Models Maximizing Developer Revenue
34. Paid downloads, trials, and in-app purchases. You keep 70% of the first $25k, 80% of the rest Microsoft Confidential 34 Robust analytics for free, including demographics, reviews, referrals, and usage & performance statistics Use your own commerce engine and keep 100% or use the Windows Store’s full commerce platform The Windows Store Advertise with Microsoft Advertising or your preferred ad vendor.
36. Launch your Windows 8 App in 30 days  Generation App  Online training and tips from insiders  Tele-support with a Windows 8 architect  Exclusive one-on-one WinRT and Windows UX design consultation  Sign up at http://rj.cx/app_in_30_days
37. meetup.com/Win-App-Devs/
40. demo
41. The development tools are FREE! If you use a higher SKU, it just works!
49. demo
50. <!– Step1: declare control --> <div id=“list” data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'none' }"></div> /* Step 2: Call WinJS.UI.processAll() */ /* Step 3: Use the control */ document.getElementById(‘list’).winControl.addEvent Listener (‘selectionchanged’, onSelChanged );
51. <!– Step1: declare template --> <div class="itemtemplate" data-win-control="WinJS.Binding.Template"> <div class="item"> <img class="item-image" src="#" data-win-bind="src: backgroundImage; alt: title" /> <div class="item-overlay"> <h4 class="item-title" data-win-bind="textContent: shortTitle"></h4> <div class="item-subtitle" data-win-control="WinJS.UI.Rating" data-win- options="{disabled: true}" data-win-bind="winControl.userRating: rating"></div> </div> </div> </div> /* step2: use the Data Template */ ui.setOptions(listView, { oniteminvoked: this.itemInvoked });
53. demo
56. “Code for touch, get mouse and pen for free!”
63. demo
65. 1. Request Channel URI 2. Register with your Cloud Service 3. Authenticate & Push Notification
72.  With Over 630 Million Licenses in 200+ Countries, Windows Has Unrivaled Global Reach  Windows 8 Represents the Single Biggest Developer Opportunity for Any Platform  In order for your app to be available for the holiday rush, you need to get ready now!  Hundreds of Thousands of Developers Recognize the Opportunity, but…  Only Some Will Have the Advantage of These Programs
73. Launch your Windows 8 App in 30 days  Generation App  Online training and tips from insiders  Tele-support with a Windows 8 architect  Exclusive one-on-one WinRT and Windows UX design consultation  Sign up at http://rj.cx/app_in_30_days
74. Use Azure for your Windows Apps Sign up for your FREE 90 Day Azure trial http://aka.ms/TheCloud http://chriskoenig.net/azure
80. demo
84. demo
88. demo
92. demo
95. demo