1. Building Windows Store Apps with XAML and C# / Advanced
Daren May | President (CRANK211)
Jerry Nixon | Developer Evangelist (Colorado)

2. Meet Daren May | @darenmay
President & Co-founder, Crank211
Specializes in designing and building next-level digital experiences
Prior to starting Crank211…
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)

3. 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
@jerrynixon

4. Agenda for the Day Windows Store Apps
01 | (50m) Animation Fundamentals
04 | (50m) Reusable Components
02 | (50m) Responsive Design
05 | (50m) Camera and Media
03 | (50m) Branding & Monetization
06 | (50m) Advanced Contracts
00 | (60m) ** Meal Break **
07 | (50m) Advanced Platform Features

5. Setting Expectations Coverage Target Audience Suggested Prerequisites
Highlights of Exam
Target Audience
Intermediate developers – Yes
Seasoned developers – Yes
Suggested Prerequisites
Exam | Programming in C#

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

7. Download Code Samples

8. 01 | Animation Fundamentals
Daren May | President (CRANK211)
Jerry Nixon | Developer Evangelist (Colorado)

9. Module Agenda
Transforms
Animations
Theme Transition Library

10. Transforms

11. Render Transform 2D Transform Perspective Transform Rotate
Scale
Skew
Translate (move)
Element.Projection.ProjectionPlan e
RotateX
Rotate Y
Rotate Z
Matrix2D

12. Advanced transforms Origins Projection
Element.RenderTransformOrigin – 0,1
Transform.CenterX (& Y) - pixels
Projection
CenterOfRotationX (& Y)
GlobalOffsetX (& Y) – Screen Axis
LocalOffsetX (& Y) – Object Axis

13. Animations

14. !Natural
<blink />

15. Storyboard objects Animations Easing functions
DoubleAnimation [UsingKeyFrames]
PointAnimation [UsingKeyFrames]
ColorAnimation [UsingKeyFrames]
ObjectAnimation [UsingKeyFrames]
Built-in Attached Properties (Canvas.Left)

16. EnableDependentAnimation
Independent Criteria
Duration is zero seconds
Target property is Opacity
Targets Transform, Projection, Clip
Canvas.Left & Canvas.Top
SolidColorBrush.Color
ObjectAnimationUsingKeyFrames
CPU
UI Thread
GPU
Composition

17. Storyboards

18. Theme Transition Library

19. Windows Runtime animation library
Element Transitions
Theme Transitions
AddDeleteThemeTransition
ContentThemeTransition
EntranceThemeTransition
ReorderThemeTransition
RepositionThemeTransition
DropTargetItemThemeAnimation
FadeInThemeAnimation
FadeOutThemeAnimation
PointerDownThemeAnimation
PointerUpThemeAnimation
PopInThemeAnimation
PopOutThemeAnimation
RepositionThemeAnimation
SplitCloseThemeAnimation
SplitOpenThemeAnimation
SwipeBackThemeAnimation
SwipeHintThemeAnimation

20. Theme Transition Library

21. Module Review
Transforms
Animations
Theme Transition Library