Chapter 1. Getting Started

For the past few years, web development has been growing and changing continuously, as phones are getting smarter and Internet connections, tablets, desktops, and web browsers are getting faster. Nowadays, creating and hosting a website is cheap, but creating a web app with good user experience for all device sizes and resolutions is not that easy. AngularJS was created for us—full stack developers, frontend developers, and/or web designers—in order to avoid wasting time repeating ourselves so that we can produce more apps with scalability, maintainability, and testability as well as apps that are developed fast enough to accomplish time to market.

There is a key AngularJS module that has been designed for animations. This AngularJS animation module's purpose is not to be a library of precreated animations but to be a way in which great AngularJS built-in tools can be easily integrated with well-known CSS3 animations and JavaScript animations, besides giving the developer the liberty to extend it for custom directives and custom animations.

In this chapter, we will cover the following topics:

• The definition of animation and the web context
• The need for AngularJS animations
• Choosing when to use JavaScript for animations
• AngularJS – combining JavaScript and CSS3