Course details

Using Animation and Supporting Mobile Devices

Using Animation and Supporting Mobile Devices

Target Audience
Expected Duration
Lesson Objectives
Course Number
Expertise Level

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.

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


Expected Duration (hours)

Lesson Objectives

Using Animation and Supporting Mobile Devices

  • 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
  • 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
  • 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
  • add animations to an Angular 2 app
  • Course Number:

    Expertise Level