NativeScript: Animation Techniques

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.
Course info
Rating
(15)
Level
Intermediate
Updated
Feb 6, 2017
Duration
2h 31m
Table of contents
Description
Course info
Rating
(15)
Level
Intermediate
Updated
Feb 6, 2017
Duration
2h 31m
Description

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.

About the author
About the author

Alex Ziskind loves tinkering with the latest web and mobile technologies and gets giddy over the possibilities that the cloud brings to those fields.

More from the author
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Welcome to Pluralsight. My name is Alex Ziskind. I've been a web developer for a long time and have been using NativeScript to create native mobile applications with web technologies. I'm really excited to share with you techniques your NativeScript and Angular 2 applications really shine by adding animations to them. Today, animations are a critical part of any application but especially mobile ones. Animations not only draw the user towards changes in your application user interface but also add a lot of fun and polish to your mobile applications. In today's world of flat design, using animations is especially important to make your apps really stand out from the crowd. In this course in addition to the documented instructions you'll find on the NativeScript and Angular websites, we're going to dive deeper into ways you can leverage the power of your environment to get beautiful animations with documented methods, as well as some less-known techniques. Some of the major topics that we will cover include writing plain JavaScript property animation code without frameworks, creating animation from sprite images using pure JavaScript, leveraging code-based animation classes and functions that get shipped with NativeScript and Angular 2, deep diving into the basics of CSS animation and applying them to our sample application, and, finally, tapping into the raw power of native platforms to perform incredible animation gymnastics. I hope you'll join me on this journey to learn more about NativeScript with Angular and how to build beautiful animations for your mobile applications.