Using Animation and Supporting Mobile Devices

Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
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

Prerequisites
None

Expected Duration (hours)
1.4

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:
wd_angt_a05_it_enus

Expertise Level
Intermediate