Toll Free: +1-855-656-NUVI

NativeScript Animations Course on Pluralsight

NativeScript Animations Course on Pluralsight
  • Share:

If you’re ready to take your animations in NativeScript to the next level, Alex Ziskind has just release another course on Pluralsight specifically for NativeScript and Angular animations. You can find the course here


Course Introduction



Course 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.



Audience

This course is for web developers who are already proficient with TypeScript and CSS, and are familiar with NativeScript. They want to expand their NativeScript knowledge to focus in on animation.



What you’re doing

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 the native platforms to perform incredible animation gymnastics



Course Link

NativeScript Animation Techniques



Curriculum

Course Introduction
1Course Introduction
2Prerequisites
3About Accompanying Code
4RPS Conference Application Design
5RPS Application: Before and After
6Course Outline
Core Animation Concepts
1Introduction
2Pure JavaScript Animations
3Generic Animation
4The Law
5What Problem We are Solving for RPS
6Demo: Applying Pure JavaScript Animation
7What You Cannot Do
8Summary
Applying Imperative Animations
1Introduction
2About Sprites
3Demo: Sprite Animation
4The NativeScript Way
5Demo: Using the Animate Function
6Animation Class
7Demo: Using the Animation Class
8Animating Multiple Properties
9Demo: Curves and Multiple Properties
10Angular Animations
11Demo: Applying Angular 2 Animations
12Summary
Applying Declarative Animations
1Introduction
2Why CSS Animations?
3CSS Animation Types
4Animatable Properties
5Demo: Applying Keyframe Animations
6Demo: Taking Keyframe Animations Further
7Pseudo-Selectors
8Demo: Pseudo-Selector
9Demo: Session Card with Keyframes
103rd Party Libraries
11Demo: Animate.css
12Summary
Calling Native Animation APIs
1Introduction
2Why Use Native Animations?
3Demo: Applying Native Animations
4Summary
Course Summary
1Staying up to Date
2Extending Your Toolkit
3Course Summary
Alexander Ziskind
Alexander Ziskind

From the latest tech in web development to the latest electronic music hardware and software, Alex loves to get his hands on new stuff and hack on it. Follow this feed on Nuvious related news; so web and cloud stuff here.

Leave your comment