1. M4: Animations, Custom Controls, and Globalization
Michael Palermo
Microsoft Technical Evangelist
Jeremy Foster
Microsoft Developer Evangelist

2. Jump Start Target Agenda
Advanced Windows 8 Apps Using JavaScript
Module 1: Background Tasks and Components
Module 2: Hardware and Sensors
Module 3: Printing and PlayTo
MEAL BREAK
Module 4: Animations, Custom Controls, and Globalization
Module 5: Data, Files, and Encryption
Module 6: Deployment

3. Module Agenda Design for and implement UI responsiveness˃
Design for and implement UI responsiveness
Implement animations and transitions
Create custom controls
Design apps for globalization and localization

4. The 5 y’s of good UI responsiveness
Don’t fetch data needlessly
Add image scaling correctly
Cache data intelligently
Implement asynchrony
Do things simultaneously

5. demo
CODESHOW: SCALING

6. demo
CODESHOW: promises

7. demo
CODESHOW: WEB WORKER

8. One more tip for performance
Use Reactive Extensions

9. CODESHOW: rx canvas paint
demo
CODESHOW: rx canvas paint

10. Module Agenda Design for and implement UI responsiveness
Implement animations and transitions
Create custom controls
Design apps for globalization and localization ˃

11. CSS3 Animations & Transitions
Animations – to enhance user experience
Transitions – when visual state changes

12. CODESHOW: Animations, Transitions
demo
CODESHOW: Animations, Transitions

13. WinJS.UI.Animation
API to handle desirable animations & transitions

14. Msdn Sample: html animation library
demo
Msdn Sample: html animation library

15. Module Agenda Design for and implement UI responsiveness
Implement animations and transitions
Create custom controls
Design apps for globalization and localization ˃

16. When to use a custom control…
When you find yourself repeating repeating yourself
When you want to share a UI component

17. CODESHOW: CUSTOM CONTROL
demo
CODESHOW: CUSTOM CONTROL

18. Module Agenda Design for and implement UI responsiveness
Implement animations and transitions
Create custom controls
Design apps for globalization and localization ˃

19. Multilingual App Toolkit
Tools | Extensions and Updates
Multilingual App Toolkit

20. Msdn SAMPLE: globalization preferences
demo
Msdn SAMPLE: globalization preferences

21. Msdn SAMPLE: application resources and localization
demo
Msdn SAMPLE: application resources and localization

22. Summary Design for and implement UI responsiveness
Implement animations and transitions
Create custom controls
Design apps for globalization and localization