NativeScript: Animation Techniques

Focused View

Alex Ziskind

2:30:15

48 View

01 - Course Overview - Course Overview.mp4

01:41

02 - Course Introduction - Course Introduction.mp4

01:23

03 - Course Introduction - Prerequisites.mp4

01:15

04 - Course Introduction - About Accompanying Code.mp4

00:51

05 - Course Introduction - RPS Conference Application Design.mp4

01:42

06 - Course Introduction - RPS Application - Before and After.mp4

01:00

07 - Course Introduction - Course Outline.mp4

01:08

08 - Core Animation Concepts - Introduction.mp4

02:45

09 - Core Animation Concepts - Pure JavaScript Animations.mp4

02:52

10 - Core Animation Concepts - Generic Animation.mp4

01:54

11 - Core Animation Concepts - The Law.mp4

01:24

12 - Core Animation Concepts - What Problem We Are Solving for RPS.mp4

00:46

13 - Core Animation Concepts - Demo - Applying Pure JavaScript Animation.mp4

11:58

14 - Core Animation Concepts - What You Cannot Do.mp4

00:59

15 - Core Animation Concepts - Summary.mp4

00:49

16 - Applying Imperative Animations - Introduction.mp4

01:39

17 - Applying Imperative Animations - About Sprites.mp4

01:56

18 - Applying Imperative Animations - Demo - Sprite Animation.mp4

11:58

19 - Applying Imperative Animations - The NativeScript Way.mp4

01:21

20 - Applying Imperative Animations - Demo - Using the Animate Function.mp4

03:38

21 - Applying Imperative Animations - Animation Class.mp4

00:43

22 - Applying Imperative Animations - Demo - Using the Animation Class.mp4

03:27

23 - Applying Imperative Animations - Animating Multiple Properties.mp4

02:05

24 - Applying Imperative Animations - Demo - Curves and Multiple Properties.mp4

09:36

25 - Applying Imperative Animations - Angular Animations.mp4

00:43

26 - Applying Imperative Animations - Demo - Applying Angular 2 Animations.mp4

07:57

27 - Applying Imperative Animations - Summary.mp4

00:42

28 - Applying Declarative Animations - Introduction.mp4

01:01

29 - Applying Declarative Animations - Why CSS Animations.mp4

01:25

30 - Applying Declarative Animations - CSS Animation Types.mp4

05:53

31 - Applying Declarative Animations - Animatable Properties.mp4

01:08

32 - Applying Declarative Animations - Demo - Applying Keyframe Animations.mp4

12:51

33 - Applying Declarative Animations - Demo - Taking Keyframe Animations Further.mp4

10:02

34 - Applying Declarative Animations - Pseudo-selectors.mp4

01:03

35 - Applying Declarative Animations - Demo - Pseudo-selector.mp4

04:30

36 - Applying Declarative Animations - Demo - Session Card with Keyframes.mp4

13:19

37 - Applying Declarative Animations - 3rd Party Libraries.mp4

01:08

38 - Applying Declarative Animations - Demo - Animate.css.mp4

02:34

39 - Applying Declarative Animations - Summary.mp4

00:40

40 - Calling Native Animation APIs - Introduction.mp4

00:49

41 - Calling Native Animation APIs - Why Use Native Animations.mp4

01:16

42 - Calling Native Animation APIs - Demo - Applying Native Animations.mp4

10:43

43 - Calling Native Animation APIs - Summary.mp4

00:24

44 - Course Summary - Staying up to Date.mp4

01:10

45 - Course Summary - Extending Your Toolkit.mp4

01:19

46 - Course Summary - Course Summary.mp4

00:48

File.zip

Description

This course shows you when you are using NativeScript how to add animations to your applications using conventional framework based techniques, as well as unconventional tips and tricks.

What You'll Learn?

Learn how an app, built using NativeScript that is already in the Apple and Google App stores, can be enhanced by applying newly learned animation techniques using both code animation and CSS animation. In this course, NativeScript: Animation Techniques, you'll dive deeper into ways you can leverage the power of your environment to get beautiful animations with documented methods. First, you'll learn how to write plain JavaScript property animation code without frameworks. Next, you'll learn creating animation from sprite images using pure JavaScript. Then, you'll learn leveraging code-based animation classes and function that get shipped with NativeScript and Angular 2. Finally, you'll dive deep into the basics of CSS animation and applying them to your sample application and tapping into the raw power of Native platforms. By the end of this course, you'll know more about NativeScript with Angular and how to build beautiful animations for your mobile applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

CSS

CSS Animations

Alex Ziskind

Instructor's Courses

Alex Ziskind loves tinkering with the latest web and mobile technologies and gets giddy over the possibilities that the cloud brings to those fields. He's passionate about distributed systems and service oriented architecture. For the last 15 years, Alex has been developing software solutions for the enterprise as well as small startups trying to get off the ground. In the last 5 years, his Washington DC based company, Nuvious, has been involved in architecting and implementing cloud solutions on an international scale. Since 2015, Alex has been recognized as a Telerik Developer Expert due to his community involvement with NativeScript.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.