Learning AngularJS Animations.
Keller, Richard (Software engineer)
Learning AngularJS Animations. - Packt Publishing, 2014. - 1 online resource - Community experience distilled . - Community experience distilled. .
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.
Annotation 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.
English.
132224264X (electronic bk.) 9781322242644 (electronic bk.) 9781783984435 (electronic bk.) 1783984430 (electronic bk.)
655544 MIL
018006986 Uk
Application software--Development.
JavaScript (Computer program language)
Logiciels d'application--Développement.
JavaScript (Langage de programmation)
COMPUTERS--Programming--Software Development.
Application software--Development.
JavaScript (Computer program language)
Electronic books.
QA76.76.A65
005.3
Learning AngularJS Animations. - Packt Publishing, 2014. - 1 online resource - Community experience distilled . - Community experience distilled. .
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.
Annotation 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.
English.
132224264X (electronic bk.) 9781322242644 (electronic bk.) 9781783984435 (electronic bk.) 1783984430 (electronic bk.)
655544 MIL
018006986 Uk
Application software--Development.
JavaScript (Computer program language)
Logiciels d'application--Développement.
JavaScript (Langage de programmation)
COMPUTERS--Programming--Software Development.
Application software--Development.
JavaScript (Computer program language)
Electronic books.
QA76.76.A65
005.3