Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Breathe Life into Mobile UX with Solid Architecture Lessons
0. Introduction
0.1 Welcome
0.2 Prerequisites
0.3 Project Downloads
0.4 Teaming Up
1. App Bootstrapping
1.1 Initial Navigation Switch
1.2 Exercise: Implement the initial navigation switch
1.3 Boot Guard
1.4 Manual Delayed Navigation
1.5 App Ready Service
1.6 Third Party Loading Indicator
1.7 Exercise: Loading screen
1.8 Cancel Animation
Networking
2.1 Simple interceptor with just headers
2.2 Exercise: Inject HTTP headers
2.3 Custom timeouts for HTTP requests
2.4 Handle HTTP error codes
2.5 Auth token example
2.6 Exercise: Going offline
UX Timing
3.1 Timeouts gone bad!
3.2 Exercise: Control overlapping framework dialogs
3.3 Exercise: Extend the WindowService to support confirm dialog handling
3.4: Dealing with event bussing app wide
3.5: Subscription clean up
3.6 Bonus Exercise: Pause and Resume
The Photoshop Approach (TM)
4.1 Photoshop layers
4.2 Exercise: Implement closing the popup
4.3: Using the popup
4.4 Exercise: Add an overlay cover layer
4.5 Exercise: Add opening and closing asynchronous animations
4.6 Bonus Exercise: Add dragging synchronous animation to the popup
View Binding Gotchas
5.1: Binding to methods
5.2 Bonus Exercise: Offload the pre-compute to a Worker
5.3: Using a component as a reusable row
5.4: Tighly scope ngOnChanges
5.5: Misusing getViewById
5.6 Exercise: Handle re-trigger of loaded event
Short survey
2.2 Exercise: Inject HTTP headers
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock