Learning AngularJS animations : enhance user experience with awesome animations in AngularJS using CSS and JavaScript / / Richard Keller

• Record Nr.: UNINA9910824503503321
• Autore: Keller Richard
• Pubbl/distr/stampa: Birmingham : , : Packt Publishing, , 2014
• ISBN: 1-78398-443-0
• Descrizione fisica: 1 online resource (182 p.)
• Collana: Community experience distilled
• Soggetti: Application software - Development; JavaScript (Computer program language)
• Lingua di pubblicazione: Inglese
• Formato: Materiale a stampa
• Livello bibliografico: Monografia
• Note generali: Includes index.
• Nota di contenuto: Cover; Copyright; Credits; About the Author; About the Reviewers; www.PacktPub.com; Table of Contents; Preface; Chapter 1: Getting Started; The definition of animation and the web context; The need for AngularJS animation; Choosing when to use JavaScript for animations; AngularJS - combining JavaScript and CSS3; Do it yourself exercises; Summary; Chapter 2: Understanding CSS3 Transitions and Animations; CSS3 transitions; The transition-timing-function property; The transition-delay property; Animatable properties; CSS3 keyframe animations; Defining an animation using keyframes; Separating timing functions for each keyframe intervalOther CSS keyframe animations' properties; CSS3 transforms; The scale function; The translate function; The skew function; Exercise; Summary; Chapter 3: Creating Our First Animation in AngularJS; The ngAnimate module setup and usage; AngularJS directives with native support for animations; Fade animations using AngularJS; The AngularJS animations convention; AngularJS animation with CSS transitions; The ng-enter class; The ng-leave class; AngularJS animation with CSS keyframe animations; The CSS naming convention; The ngClass directive animation sampleThe ngHide and ngShow animation sample; The ngModel directive and form animations; The ngMessage and ngMessages directive animations; The ngView directive animation; The ngSwitch directive animation; The ngInclude directive sample; Do it yourself exercises; Summary; Chapter 4: JavaScript ; Animations in AngularJS; Creating AngularJS animation without CSS3; The ngHide JavaScript animation; The ngIf JavaScript animation; The ngRepeat JavaScript animation; JavaScript animations as a fallback for CSS animations; Do it yourself exercises; Summary; Chapter 5: Custom Directives and the animate ServiceTriggering animations on custom directives; Animating the enter and leave events; Using the animate.move method; Creating a custom directive animated with JavaScript; Exercises; Summary; Chapter 6: Animations for Mobile Devices; Enhance UX on mobile devices with animations; Transition between views; Mobile AngularJS frameworks; Summary; Chapter 7: Staggering Animations; Creating staggering animations; Staggering animations with a CSS transition; Staggering animations with a CSS keyframes animation; Creating staggering animations for other native directivesCreate staggering animations for custom directives; Summary; Chapter 8: Animations' Performance Optimization; The display and the frame rate; Finding performance bottlenecks using Chrome DevTools; Checking FPS using Show fps meter; Measuring browser layers and Jank on Chrome; CSS styles in animations you should avoid; Summary; Index
• Sommario/riassunto: If you are a developer who is new to AngularJS or is experienced with the AngularJS framework, this book is intended for you. If you want to provide a better user experience on your web app, this book is also for you.