Craft a better user experience by employing animation to notify the user of an interface change. We'll explore how we can leverage animation from the WinJS framework to create transitions between item that look and feel like a native Windows experience.
- [Voiceover] We've used WinJS.Navigation…to load a page.…And we've seen how to capture that navigation event…but it just kinda pops on.…What if we wanna animate between our transition…between pages?…And so, we can look to the WinJS.UI.Animation Library.…Now animations can be a great interface technique…that can be used to communicate events…such as change or focus.…It's important when creating experiences…that are going to be deployed on data platform…to embrace or remain consistent with the statics…and design of that platform.…
That includes animation.…If your animation is just a little bit off…from what the data platform has,…it might feel off to a user.…Often users were just going to say,…"It doesn't feel right."…The WinJS UI Animation helps you easily animate…elements or even pages.…It provides a variety of common interface animations…such as animating pages, elements,…swipe to reveal, sliding in from the side.…You can use all this to animate in or out elements…and even provide an offset or delay,…so if you want to create one of those waterfall effects.…
Watch to gain an understanding of the Universal Windows Platform and the application life cycle. Learn to create adaptive layouts with WinJS controls. Discover how to store and share data, capture a variety of input, and explore the unified Microsoft-specific APIs: Windows Core and Geolocation. Stacey Mulcahy, a Windows evangelist, provides developers with everything they need to start building Universal Windows apps and break into cross-device development.
- Setting up your development environment
- Coding in WinJS
- Creating page objects
- Animating page transitions
- Implementing responsive design principles and UI patterns
- Working with layout controls
- Using APIs: Windows Core and Geolocation
- Saving and reading data
Skill Level Beginner
1. Getting Started with Universal Windows Applications
3. Layouts and Controls
4. Utilizing APIs
5. Managing Data and Storage
Next steps1m 56s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.