Advanced Windows Store App Development using C Jump

Advanced Windows Store App Development using C# Jump Start Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank 211

Meet Jerry Nixon | Colorado • Microsoft Developer Evangelist – Reaching Professional & Student Communities – Teaching Developers about Windows Phone – Teaching Developers about Windows 8 – Teaching Developers about XAML http: //jerrynixon. com @jerrynixon

Meet Daren May | @darenmay • President & Co-founder, Crank 211 – Specializes in designing and building next-level digital experiences • Prior to starting Crank 211… – CTO and VP Operations for software consultancy – Practice lead for EMC Consulting – Leveraged Microsoft technologies since Visual Studio. NET betas – Developing XAML-based solutions since the heady days of “Avalon” (the early name for WPF)

Agenda for the Day First Half Second Half 01 | Animations 05 | Advanced Contracts Pt 1. 02 | Responsive Design 06 | Advanced Contracts Pt 2. 03 | Branding 07 | Media 04 | Reusable Controls 08 | Advanced Features ** MEAL BREAK **

Setting Expectations • Seasoned to Intermediate Developers – Accelerated coverage of C# fundamentals expected on Microsoft Exam 70 -485 • Suggested Prerequisites/Supporting Material – Accelerated version of Microsoft course 20485 A, a five-day course (which includes hands-on labs). – We recommend developers new to C# or who need hands-on experiences take this course with a Microsoft Learning Partner

Join the MVA Community! • Microsoft Virtual Academy – Free online learning tailored for IT Pros and Developers – Over 1 M registered users – Up-to-date, relevant training on variety of Microsoft products • “Earn while you learn!” – Get 50 MVA Points for this event! – Visit http: //aka. ms/MVA-Voucher – Enter this code: Win. Adv. C (expires 6/23/2013)

Download Code Samples • Visit xaml. Show on Code. Plex – http: //xaml. codeplex. com – Bookmark this link • “Microsoft Virtual Academy” section… – Click “Download C Sharp Demos” link – This link will change, so click the link from http: //xaml. codeplex. com each time

01 | Animations and Transitions Jerry Nixon | Microsoft Developer Evangelist Daren May | President & Co-founder, Crank 211

Agenda for the Day First Half Second Half 01 | Animations 05 | Advanced Contracts Pt 1. 02 | Responsive Design 06 | Advanced Contracts Pt 2. 03 | Branding 07 | Media 04 | Reusable Controls 08 | Advanced Features ** MEAL BREAK ** Visit xaml. Show on Code. Plex http: //xaml. codeplex. com

Microsoft Virtual Academy Transforms

Render Transform 2 D Transform Perspective Transform • Rotate • Element. Projection. Plane • Scale • Skew • Translate (move) – Rotate. X – Rotate Y – Rotate Z • Matrix 2 D

Advanced transforms • Origins – Element. Render. Transform. Origin – 0, 1 – Transform. Center. X (& Y) - pixels • Projection – Center. Of. Rotation. X (& Y) – Global. Offset. X (& Y) – Screen Axis – Local. Offset. X (& Y) – Object Axis

Microsoft Virtual Academy Animations

Storyboard objects Animations • Double. Animation [Using. Key. Frames] • Point. Animation [Using. Key. Frames] • Color. Animation [Using. Key. Frames] • Object. Animation [Using. Key. Frames] – Built-in Attached Properties (Canvas. Left) Easing functions

Enable. Dependent. Animation Independent Criteria • Duration is zero seconds • Target property is Opacity CPU UI Thread GPU Composition • Targets Transform, Projection, Clip • Canvas. Left & Canvas. Top • Solid. Color. Brush. Color • Object. Animation. Using. Key. Frames

Custom animation

Microsoft Virtual Academy Animation library

Windows Runtime animation library Element Transitions Theme Transitions • Add. Delete. Theme. Transition • Drop. Target. Item. Theme. Animation • Content. Theme. Transition • Fade. In. Theme. Animation • Entrance. Theme. Transition • Fade. Out. Theme. Animation • Reorder. Theme. Transition • Pointer. Down. Theme. Animation • Reposition. Theme. Transition • Pointer. Up. Theme. Animation • Pop. In. Theme. Animation • Pop. Out. Theme. Animation • Reposition. Theme. Animation • Split. Close. Theme. Animation • Split. Open. Theme. Animation • Swipe. Back. Theme. Animation • Swipe. Hint. Theme. Animation

Animation library

© 2013 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered trademarks and/or trademarks in the U. S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.