Using Animation and Supporting Mobile Devices

Developers who want to learn how to use Angular 2 to create web apps


Expected Duration
81 minutes

Angular app experiences are made richer by using animations and also ensuring that apps display and perform well on mobile devices. This course will cover the basics of animation in Angular and also the basics of using NativeScript to make Angular apps cross platforms.


Working with Simple Animations

  • start the course
  • import the necessary functions for animating an Angular app
  • create animation triggers to define animations
  • set up states that can animate to and from
  • set up transitions between animations states
  • attach an animation to a view element
  • use the wildcard state to match any animation state
  • use the void state to set up enter and leave animations

Working with Keyframe Animations

  • set up complex animations with keyframes
  • configure timing for animations that happen in parallel
  • use callbacks to take action when an animation starts or ends

Creating Mobile Apps with NativeScript

  • install the NativeScript CLI
  • create a new app using the NativeScript CLI
  • initialize platform specific projects
  • run a NativeScript app in a mobile emulator
  • use NativeScript UI elements to create app interface
  • use NativeScript built-in layouts to help define app interface
  • use css to style NativeScript apps
  • set up routing for NativeScript mobile apps
  • set up animations for NativeScript mobile apps
  • access device specific APIs from NativeScript

Practice: Animating Angular Apps

  • add animations to an Angular 2 app





Multi-license discounts available for Annual and Monthly subscriptions.