We may earn an affiliate commission when you visit our partners.
Alex Ziskind
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.
Read more
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.
Read more
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.
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.
Register for this course and see more details by visiting:
OpenCourser.com/course/vsch21/nativescript
What's inside
Syllabus
Course Overview
Course Introduction
Core Animation Concepts
Applying Imperative Animations
Read more
Syllabus
Course Overview
Course Introduction
Core Animation Concepts
Applying Imperative Animations
Read more
Applying Declarative Animations
Calling Native Animation APIs
Course Summary
Good to know
Good to know
Know what's good ,
what to watch for , and
possible dealbreakers
Teaches advanced animation techniques using code and CSS
Applies to both web and mobile development environments
Leverages the power of the NativeScript framework and Angular 2
Taught by Alex Ziskind, an experienced instructor in NativeScript development
Provides practical examples and demonstrations to enhance learning
Save this course
Save NativeScript: Animation Techniques to your list so you can find it easily later:
Save
Save
Activities
Be better prepared
before
your course. Deepen your understanding
during
and
after
it. Supplement your coursework and achieve mastery of the topics covered
in NativeScript: Animation Techniques with these
activities:
Review core JavaScript concepts
Show steps
Reviewing JavaScript concepts will provide a stronger foundational understanding of the concepts that this course builds upon.
Browse courses on
JavaScript
Show steps
-
Review variables, data types, and operators
-
Practice writing simple JavaScript functions
-
Review object-oriented programming concepts in JavaScript
Read the book 'NativeScript: Animation'
Show steps
Reading this book will provide a deeper understanding of the concepts and techniques covered in the course.
View
NativeScript for Angular Mobile Development:...
on Amazon
Show steps
-
Read the book's chapters on animation
-
Take notes on the key concepts and techniques
-
Discuss the book's content with classmates or colleagues
Review declarative animation
Show steps
Review declarative animation to reinforce understanding of the course material.
Show steps
-
Go over the basics of CSS animation syntax.
-
Practice applying CSS animations to simple elements.
-
Experiment with different animation properties.
13 other activities
Expand to see all activities and additional details
Show all 16 activities
Coding Animations Using Examples
Show steps
Practice the different ways you can perform animations using code by using the example applications.
Browse courses on
Animation
Show steps
-
Install NativeScript with Angular
-
Create a new application using Angular CLI
-
Open the source code in your preferred editor
-
Implement animation using the given examples
Animation with CSS
Show steps
Practice using CSS animations to create animations.
Browse courses on
Animation
Show steps
-
Create a new CSS file in your project
-
Write CSS code to create an animation
-
Add the CSS class to your HTML
-
Test your animation in the browser
Practice writing animation code in JavaScript
Show steps
Writing animation code from scratch will provide a deeper understanding of how animations are implemented and controlled.
Browse courses on
JavaScript
Show steps
-
Create a simple animation using JavaScript
-
Experiment with different animation properties and values
-
Create an animation that responds to user input
Follow tutorials on CSS animation
Show steps
Following tutorials on CSS animation will help expand knowledge of the techniques covered in the course.
Browse courses on
CSS
Show steps
-
Find tutorials on CSS animation
-
Follow the steps in the tutorials
-
Experiment with the CSS animation properties and values
Practice writing animation code
Show steps
Practice writing animation code to improve understanding and solidify skills.
Show steps
-
Write code for simple animations.
-
Experiment with different animation properties.
Build an Animated Mobile Application
Show steps
Build a mobile application that implements several of the animations you learned in this course. This will help you apply your knowledge and solidify your understanding.
Show steps
-
Plan your animation
-
Create a new NativeScript with Angular project
-
Implement your animation using NativeScript with Angular
-
Test your animation in the simulator or on a real device
-
Deploy your animation to the app store
Attend a workshop on NativeScript animation
Show steps
Attending a workshop on NativeScript animation will provide an opportunity to learn from experts and network with other developers.
Browse courses on
NativeScript
Show steps
-
Find a workshop on NativeScript animation
-
Register for the workshop
-
Attend the workshop and take notes
Develop an animated mobile application
Show steps
Develop an animated application to apply knowledge from this course.
Browse courses on
Mobile Application Development
Show steps
-
Design the application's user interface.
-
Develop the application's animation logic.
-
Test and debug the application.
NativeScript Animation Competition
Show steps
Your competition is to create the most impressive animation you can using NativeScript and CSS. Don't be afraid to leverage NgClass or NgStyle for complex animations!
Show steps
-
Come up with an animation concept
-
Code the animation using NativeScript with Angular
-
Submit your animation to the competition
-
Share your project with the community to get feedback
-
Use the feedback to improve your animation
Create a NativeScript Animation Library
Show steps
Create a library of reusable animations that can be used in your NativeScript applications.
Show steps
-
Design your animation library
-
Create a new NativeScript plugin
-
Implement your animations in the plugin
-
Test your plugin
-
Publish your plugin to the NativeScript Marketplace
Create a sample application with animations
Show steps
Creating a sample application with animations will provide a practical opportunity to apply the techniques learned in the course.
Browse courses on
NativeScript
Show steps
-
Design the application's UI and animations
-
Implement the animations using NativeScript
-
Test the application on a mobile device
Participate in a mobile app development competition
Show steps
Participating in a mobile app development competition will provide an opportunity to apply the techniques learned in the course and receive feedback from experts.
Browse courses on
Mobile Development
Show steps
-
Find a mobile app development competition
-
Design and develop an app that demonstrates your skills in animation
-
Submit your app to the competition
Contribute to a NativeScript animation library
Show steps
Contributing to a NativeScript animation library will provide an opportunity to learn from other developers and give back to the community.
Browse courses on
NativeScript
Show steps
-
Find a NativeScript animation library that you are interested in
-
Read the library's documentation and contribute to its development
-
Submit your contributions to the library's repository
Review core JavaScript concepts
Show steps
Reviewing JavaScript concepts will provide a stronger foundational understanding of the concepts that this course builds upon.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Review variables, data types, and operators
- Practice writing simple JavaScript functions
- Review object-oriented programming concepts in JavaScript
Read the book 'NativeScript: Animation'
Show steps
Reading this book will provide a deeper understanding of the concepts and techniques covered in the course.
View
NativeScript for Angular Mobile Development:...
on Amazon
Show steps
Show steps
Show steps
- Read the book's chapters on animation
- Take notes on the key concepts and techniques
- Discuss the book's content with classmates or colleagues
Review declarative animation
Show steps
Review declarative animation to reinforce understanding of the course material.
Show steps
Show steps
Show steps
- Go over the basics of CSS animation syntax.
- Practice applying CSS animations to simple elements.
- Experiment with different animation properties.
13 other activities
Expand to see all activities and additional details
Show all 16 activities
Coding Animations Using Examples
Show steps
Practice the different ways you can perform animations using code by using the example applications.
Browse courses on
Animation
Show steps
Show steps
Show steps
- Install NativeScript with Angular
- Create a new application using Angular CLI
- Open the source code in your preferred editor
- Implement animation using the given examples
Animation with CSS
Show steps
Practice using CSS animations to create animations.
Browse courses on
Animation
Show steps
Show steps
Show steps
- Create a new CSS file in your project
- Write CSS code to create an animation
- Add the CSS class to your HTML
- Test your animation in the browser
Practice writing animation code in JavaScript
Show steps
Writing animation code from scratch will provide a deeper understanding of how animations are implemented and controlled.
Browse courses on
JavaScript
Show steps
Show steps
Show steps
- Create a simple animation using JavaScript
- Experiment with different animation properties and values
- Create an animation that responds to user input
Follow tutorials on CSS animation
Show steps
Following tutorials on CSS animation will help expand knowledge of the techniques covered in the course.
Browse courses on
CSS
Show steps
Show steps
Show steps
- Find tutorials on CSS animation
- Follow the steps in the tutorials
- Experiment with the CSS animation properties and values
Practice writing animation code
Show steps
Practice writing animation code to improve understanding and solidify skills.
Show steps
Show steps
Show steps
- Write code for simple animations.
- Experiment with different animation properties.
Build an Animated Mobile Application
Show steps
Build a mobile application that implements several of the animations you learned in this course. This will help you apply your knowledge and solidify your understanding.
Show steps
Show steps
Show steps
- Plan your animation
- Create a new NativeScript with Angular project
- Implement your animation using NativeScript with Angular
- Test your animation in the simulator or on a real device
- Deploy your animation to the app store
Attend a workshop on NativeScript animation
Show steps
Attending a workshop on NativeScript animation will provide an opportunity to learn from experts and network with other developers.
Browse courses on
NativeScript
Show steps
Show steps
Show steps
- Find a workshop on NativeScript animation
- Register for the workshop
- Attend the workshop and take notes
Develop an animated mobile application
Show steps
Develop an animated application to apply knowledge from this course.
Browse courses on
Mobile Application Development
Show steps
Show steps
Show steps
- Design the application's user interface.
- Develop the application's animation logic.
- Test and debug the application.
NativeScript Animation Competition
Show steps
Your competition is to create the most impressive animation you can using NativeScript and CSS. Don't be afraid to leverage NgClass or NgStyle for complex animations!
Show steps
Show steps
Show steps
- Come up with an animation concept
- Code the animation using NativeScript with Angular
- Submit your animation to the competition
- Share your project with the community to get feedback
- Use the feedback to improve your animation
Create a NativeScript Animation Library
Show steps
Create a library of reusable animations that can be used in your NativeScript applications.
Show steps
Show steps
Show steps
- Design your animation library
- Create a new NativeScript plugin
- Implement your animations in the plugin
- Test your plugin
- Publish your plugin to the NativeScript Marketplace
Create a sample application with animations
Show steps
Creating a sample application with animations will provide a practical opportunity to apply the techniques learned in the course.
Browse courses on
NativeScript
Show steps
Show steps
Show steps
- Design the application's UI and animations
- Implement the animations using NativeScript
- Test the application on a mobile device
Participate in a mobile app development competition
Show steps
Participating in a mobile app development competition will provide an opportunity to apply the techniques learned in the course and receive feedback from experts.
Browse courses on
Mobile Development
Show steps
Show steps
Show steps
- Find a mobile app development competition
- Design and develop an app that demonstrates your skills in animation
- Submit your app to the competition
Contribute to a NativeScript animation library
Show steps
Contributing to a NativeScript animation library will provide an opportunity to learn from other developers and give back to the community.
Browse courses on
NativeScript
Show steps
Show steps
Show steps
- Find a NativeScript animation library that you are interested in
- Read the library's documentation and contribute to its development
- Submit your contributions to the library's repository
Career center
Learners who complete NativeScript: Animation Techniques will develop knowledge and skills
that may be useful to these careers:
Mobile Application Developer
Mobile Application Developer
Mobile Application Developers are responsible for designing, developing, and testing mobile applications for various platforms. With the animation techniques you will learn in this course, you can create visually appealing and engaging mobile applications that stand out in today's competitive mobile market. By mastering these techniques, you can develop a strong foundation as a Mobile Application Developer and contribute to the creation of innovative and user-friendly mobile applications.
Front-End Developer
Front-End Developer
Front End Developers are responsible for the design and implementation of the user interface for websites and applications. In this course, you will learn how to use CSS animation to create visually appealing and dynamic user interfaces. By incorporating these techniques into your workflow, you can enhance the user experience of your web applications and improve your skills as a Front End Developer.
User Interface Designer
User Interface Designer
User Interface Designers create the visual and interactive elements of websites and applications. The animation techniques taught in this course will enable you to design and implement engaging user interfaces that enhance the overall user experience. By understanding how to apply these techniques effectively, you can advance your career as a User Interface Designer and create intuitive and visually appealing user interfaces.
Motion Graphics Designer
Motion Graphics Designer
Motion Graphics Designers create visual effects and animations for various media, including film, television, and advertising. The animation techniques you will learn in this course will provide you with the skills to create visually stunning and engaging motion graphics. By mastering these techniques, you can build a strong foundation as a Motion Graphics Designer and contribute to the creation of captivating visual content.
Interaction Designer
Interaction Designer
Interaction Designers design and develop the interactions between users and products or services. In this course, you will learn how to use animation to create intuitive and engaging user interactions. By incorporating these techniques into your designs, you can enhance the user experience and make your products and services more user-friendly.
Web Designer
Web Designer
Web Designers create the visual and functional aspects of websites. The CSS animation techniques you will learn in this course will allow you to design and implement dynamic and visually appealing websites. By mastering these techniques, you can improve your skills as a Web Designer and create engaging and user-friendly websites.
Product Designer
Product Designer
Product Designers are responsible for the overall design and development of products. In this course, you will learn how to use animation to create visually appealing and user-friendly products. By incorporating these techniques into your workflow, you can enhance the user experience of your products and improve your skills as a Product Designer.
Animator
Animator
Animators create visual effects and animations for various media, including film, television, and advertising. The animation techniques you will learn in this course will provide you with the skills to create visually stunning and engaging animations. By mastering these techniques, you can build a strong foundation as an Animator and contribute to the creation of captivating visual content.
Graphic designer
Graphic designer
Graphic Designers create visual content for various media, including print, web, and advertising. The animation techniques you will learn in this course will provide you with the skills to create visually appealing and engaging graphic designs. By mastering these techniques, you can enhance your skills as a Graphic Designer and create visually stunning designs that stand out.
Creative Director
Creative Director
Creative Directors are responsible for the overall creative vision of a project or campaign. In this course, you will learn how to use animation to create visually appealing and engaging creative concepts. By incorporating these techniques into your workflow, you can enhance your skills as a Creative Director and develop innovative and impactful creative campaigns.
Design Manager
Design Manager
Design Managers are responsible for overseeing the design team and ensuring the delivery of high-quality design work. In this course, you will learn how to use animation to create visually appealing and engaging design solutions. By incorporating these techniques into your workflow, you can enhance your skills as a Design Manager and lead your team to create outstanding design work.
Art Director
Art Director
Art Directors are responsible for the visual identity of a project or campaign. In this course, you will learn how to use animation to create visually appealing and engaging visual concepts. By incorporating these techniques into your workflow, you can enhance your skills as an Art Director and develop innovative and impactful visual campaigns.
User Researcher
User Researcher
User Researchers conduct research to understand the needs and behaviors of users. In this course, you will learn how to use animation to create visually appealing and engaging user research materials. By incorporating these techniques into your workflow, you can enhance your skills as a User Researcher and create user research materials that are informative and engaging.
Technical Artist
Technical Artist
Technical Artists create visual effects and assets for various media, including film, television, and advertising. The animation techniques you will learn in this course will provide you with the skills to create visually stunning and engaging visual effects and assets. By mastering these techniques, you can enhance your skills as a Technical Artist and contribute to the creation of captivating visual content.
Game Designer
Game Designer
Game Designers create the gameplay and mechanics for video games. In this course, you will learn how to use animation to create visually appealing and engaging game experiences. By incorporating these techniques into your workflow, you can enhance your skills as a Game Designer and create innovative and immersive game experiences.
For more career information including salaries, visit:
OpenCourser.com/course/vsch21/nativescript
Reading list
We've selected seven books
that we think will supplement your
learning. Use these to
develop background knowledge, enrich your coursework, and gain a
deeper understanding of the topics covered in
NativeScript: Animation Techniques.
Provides an in-depth look at NativeScript, covering advanced topics like performance optimization, testing, and debugging. It's a great resource for developers who want to take their NativeScript skills to the next level.
Provides a deep dive into JavaScript animation, covering the fundamentals and advanced techniques. While not specific to NativeScript, it provides valuable insights that can be applied to animations within NativeScript apps.
Save
Covers the fundamentals of CSS animation and can serve as a valuable reference for using CSS animation in NativeScript apps.
Covers advanced JavaScript concepts and techniques that can be applied to NativeScript animation development.
Provides a comprehensive reference for CSS3, including coverage of animation properties and techniques.
Provides a concise introduction to the good parts of JavaScript, which is essential for understanding NativeScript animation techniques.
Tutorial for NativeScript developers. It covers everything from setting up your development environment to deploying your app.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/vsch21/nativescript
Share
Similar courses
Here are nine courses similar to
NativeScript: Animation Techniques.
Working with Angular Animations
OpenCourser.com/course/mmw037/working
Working with Angular Animations
Most relevant
NativeScript + Angular: Build Native iOS, Android & Web Apps
OpenCourser.com/course/6imjk2/nativescript
NativeScript + Angular: Build Native iOS, Android & Web...
Most relevant
Hands-On with Terraform on Azure
OpenCourser.com/course/fioxbg/hands
Hands-On with Terraform on Azure
Most relevant
Creating Animations with Vue 2
OpenCourser.com/course/7z43yp/creating
Creating Animations with Vue 2
Most relevant
SVG Animation with JavaScript
OpenCourser.com/course/axut40/svg
SVG Animation with JavaScript
Most relevant
HTML5 Animations Made Easy with Animate.css
OpenCourser.com/course/5kkpgl/html5
HTML5 Animations Made Easy with Animate.css
Most relevant
Android Animations
OpenCourser.com/course/kjerxp/android
Android Animations
Most relevant
Containerizing Angular Applications with Docker
OpenCourser.com/course/6x5n0t/containerizing
Containerizing Angular Applications with Docker
Make Your Pick-Ups Look Cool in Unity (Intro to Animation 1)
OpenCourser.com/course/ter5cf/make
Make Your Pick-Ups Look Cool in Unity (Intro to Animation...
Time
150 hours
Level
Intermediate
Via
Pluralsight
Instructor
Alex Ziskind
Language
English
Good to know
Teaches advanced animation techniques using code and CSS
Applies to both web and mobile development environments
Leverages the power of the NativeScript framework and Angular 2
Taught by Alex Ziskind, an experienced instructor in NativeScript development
Provides practical examples and demonstrations to enhance learning
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2024 OpenCourser