Index

A

• $apply function / Testing the gauge directive, Testing the calendar's initialization and MVC functionality
• $apply method / Creation tests, Writing the fullCalendar directive
• angular.element object / Creation tests
• angular.module function / The basics of testing, Breaking down the media player directive
• AngularJS
  • about / AngularJS code quality
• AngularJS
  • data, watching / How should data be watched for changes?
• AngularJS code quality
  • templates, need for / The importance of templates
  • DOM manipulation functions / Necessary DOM manipulations
• AngularUI repository
  • URL / Writing the fullCalendar directive
• animations
  • providing / Providing animations
  • and ngClass, working with / Working with ngClass and animations
  • about / Animations
• apply method / Writing the fullCalendar directive

B

• $broadcasting function
  • about / Broadcasting to other directives
• Batarang
  • about / Tools for monitoring performance
• bbBarChart
  • E2E tests, writing for / E2E tests for bbBarChart
• bbBroadcastingPlayer directive
  • integration test, writing for / Integration testing for the bbBroadcastingPlayer directive
  • implementing / Implementing the bbBroadcastPlayer directive
• bbOneBinders directive
  • problem, solving with / Solving the problem with the bbOneBinders directive
  • about / The bbOneBinders directive
  • testing / The bbOneBinders tests
• bbPhoneDetails directive
  • testing / Testing bbPhoneDetails
  • writing / Writing the bbPhoneDetails directive
• bbPlayerContainer
  • implementing / Implementing the bbPlayer and bbPlayerContainer directives
• bbPlayer directive
  • controllers, used for / Using controllers for the bbPlayer directive
  • integration testing / Integration testing
  • implementing / Implementing the bbPlayer and bbPlayerContainer directives
• bbStockChart
  • E2E tests, writing for / E2E tests for bbStockChart
• bbStopLight directive / Link
• bbStopwatch function / Writing the stopwatch, Optimizing the stopwatch
• beforeEach function / Business logic tests
• Black Belt
  • URL / Stopwatch's filter
• Black Belt repo
  • URL / Testing bbPhoneDetails
• building blocks, directives / A directive's building blocks
• business logic / Stopwatch's business logic
• business logic tests
  • about / Business logic tests

C

• $compile function / Creation tests
• $compile service
  • requisites / Common use cases for compiling the DOM
• $compile service method / Creation tests
• calendar directive
  • about / Introduction to the calendar directive
• calendar initialization
  • testing / Testing the calendar's initialization and MVC functionality
• child scope / Scope
  • about / Scope
• communication
  • scope objects, used for / Using scope objects for communication
• compile cycle
  • about / The compile cycle
• compile function / Compile, Optimizing the stopwatch
• Compile option / Compile
• controllerAs field / ControllerAs
• controller option / Controller
• controllers
  • collaborating with / Collaborating with controllers
  • benefits / Requiring the basics
  • used, for bbPlayer directive / Using controllers for the bbPlayer directive
  • fastClicker directive, creating / Creating a fastClicker directive
• creation tests / Creation tests
• Cross-Origin Resource Sharing (CORS) / Breaking down the media player directive
• CSS-based animations
  • about / CSS-based animations
  • ngClass and transitions / Working with ngClass and transitions, Working with ngClass and animations
  • ngIf and transitions / Working with ngIf and transitions
• currentValue function / Writing the gauge directive
• custom effeckt.CSS animations / Custom effeckt.CSS animations

D

• $digest function / The digest cycle
• D3
  • working with / Working with D3
  • about / Working with D3
  • YouTube views bar chart / The YouTube views bar chart
  • stockTicker directive / The stockTicker directive
• data
  • watching, in AngularJS / How should data be watched for changes?
• dataUrl function / Writing scope interaction tests
• deep watch
  • performing, on $rootScope.data / Doing a deep watch on $rootScope.data
• definition object
  • about / Wrapping up definition objects
• digest cycle
  • about / The digest cycle
• Directive Definition Object API
  • priority integer / Priority
  • terminal field / Terminal
  • scope / Scope
  • controller option / Controller
  • require field / Require
  • controllerAs field / ControllerAs
  • Restrict field / Restrict
  • template option / Template
  • TemplateUrl option / TemplateUrl
  • replace field / Replace
  • Transclude option / Transclude
  • Compile option / Compile
  • link definition option / Link
• directive intercommunication
  • about / Directive intercommunication
• directives
  • about / Introduction to directives
  • driving / Techniques that drive directives
  • methods, using / How should data be watched for changes?
  • managing / Directives can be in charge
  • testing / Testing directives that control data, Testing directives
  • optimizing / Optimization of the directives
• directives, third-party libraries
  • testing / Testing directives that use third-party libraries
• dirty checking
  • about / The digest cycle
• DOM manipulation functions / Necessary DOM manipulations
• done function / Custom effeckt.CSS animations

E

• E2E tests
  • writing, for bbBarChart / E2E tests for bbBarChart
  • writing, for bbStockChart / E2E tests for bbStockChart
• elapsedTime function / Business logic tests
• elapsedTime object / Business logic tests
• ellapsedTime object / Writing the stopwatch
• ES6 (ECMAScript6) / The $q library

F

• factory function / Custom effeckt.CSS animations
• fastClicker directive
  • creating / Creating a fastClicker directive
  • integration testing / Integration testing
  • requisites / Integration testing
  • writing / Writing the fastClicker directive
  • integrating, with stopwatch directive / Wiring up the stopwatch
• fastRunner directive
  • requisites / Creating a fastRunner directive
  • integration testing / Integration testing
  • implementing / Implementing the fastRunner directive
• flowplayer method / Testing the media player directive
• flowplayer templates
  • using / The flowplayer templates
• fullCalendar directive
  • testing / Testing the fullCalendar directive
  • initialization, testing / Testing the calendar's initialization and MVC functionality
  • MVC functionality, testing / Testing the calendar's initialization and MVC functionality
  • writing / Writing the fullCalendar directive
• fullCalendar method / Introduction to the calendar directive, Testing the fullCalendar directive, Testing the calendar's initialization and MVC functionality, Writing the fullCalendar directive

G

• gauge.js
  • URL / Wrapping the gauge.js file
  • about / Wrapping the gauge.js file
• gauge.js file
  • gauge directive, testing / Testing the gauge directive
  • gauge directive, writing / Writing the gauge directive
• gauge directive
  • testing / Testing the gauge directive
  • writing / Writing the gauge directive

H

• $httpBackend functions
  • URL / Testing bbPhoneDetails
• hash object / Writing the stopwatch
• hello attribute / Template
• HTML
  • about / AngularJS code quality

I

• $interval.flush function / Business logic tests
• integrated directives
  • testing / Testing integrated directives
  • integration tests / Integration tests
• integration testing, bbPlayer directive / Integration testing
• integration testing, fastClicker directive / Integration testing
• integration testing, fastRunner directive / Integration testing
• integration tests / Integration tests
• integration tests, wasFast directive / Integration tests
• interval.flush() function / Business logic tests
• isolate scope / Scope
  • about / Scope
• isolateScope method / Writing scope interaction tests
• isolate scopes
  • using / How to use isolate scopes
  • one-way data binding / How to use isolate scopes
  • two-way data binding / How to use isolate scopes
  • $rootScope function / Relying on the $rootScope function
  • $broadcasting, to other directives / Broadcasting to other directives
  • media players, communicating with / Communicating with media players

J

• JavaScript-based animations
  • about / JavaScript-based animations
  • custom effeckt.CSS animations / Custom effeckt.CSS animations

K

• Karma, setting up
  • URL / The basics of testing
• killTimer method / Business logic tests

L

• link definition option / Link
• link function / Link, Optimizing the stopwatch, Implementing the wasFast directive
• logText function / Implementing the wasFast directive
• Lukas Ruebbelke
  • about / Tools for monitoring performance

M

• mediaelement templates
  • using / The mediaelement templates
• media player directive
  • about / Introduction to the media player directive
  • requisites / Requirements for the media player directive
  • testing / Testing the media player directive
  • writing / Writing the media player directive
  • breaking / Breaking down the media player directive
  • mediaelement templates, using / The mediaelement templates
  • flowplayer templates, using / The flowplayer templates
• media players
  • communicating with / Communicating with media players
  • integration test, writing for bbBroadcastingPlayer directive / Integration testing for the bbBroadcastingPlayer directive
• mediaType attribute / Writing the media player directive
• MVC functionality
  • testing / Testing the calendar's initialization and MVC functionality

N

• ng-repeat function / How to use isolate scopes
• ng-transclude attribute / Transclude
• ng-transclude function / Using transclusion in a directive
• ngClass
  • and transitions, working with / Working with ngClass and transitions
  • and animations, working with / Working with ngClass and animations
• ngIf
  • and transitions, working with / Working with ngIf and transitions
• ngRepeat function / Unveiling transclusion

O

• one-time bindings
  • advantages / Less bindings yield faster results
  • URL / Less bindings yield faster results
• one-way data binding / How to use isolate scopes
• options attribute / Writing the stopwatch

P

• performance
  • monitoring, tools used / Tools for monitoring performance
• performance, directives
  • about / Quality and performance
• Polymer
  • URL / Directives can be in charge
• priority integer / Priority
• promise objects
  • about / Techniques that drive directives
• Protractor
  • URL / Working with D3
• PubNub
  • URL / The stockTicker directive
• pubnubService function / The stockTicker directive

Q

• $q library
  • about / The $q library
• Q library
  • URL / The $q library
• quality, directives
  • about / Quality and performance

R

• $rootScope.data
  • deep watch, performing / Doing a deep watch on $rootScope.data
  • shallow watch, performing / Doing a shallow watch on $rootScope.data
• $rootScope function / Relying on the $rootScope function
• $rootScope method / Stopwatch requirements
• realDone function / Custom effeckt.CSS animations
• recursive directive
  • creating / Creating recursive directives
  • tree directive / The custom recursive tree directive
  • transclusion, used with treeNode directive / Using transclusion and a templateUrl with the treeNode directive, The treeNode directive using only transclusion
  • templateUrl, used with treeNode directive / Using transclusion and a templateUrl with the treeNode directive
• reflows
  • URL / Necessary DOM manipulations
• removeClass method / Working with ngClass and transitions
• replace field / Replace
• require field / Require
  • options / Require
• resolve function / The $q library
• resolving data
  • about / Techniques that drive directives
• Restrict field / Restrict
• Restrict options
  • about / Restrict
• runnerSpeed variable / How to use isolate scopes

S

• $scope.term variable / Scope
• $scope function / Wrapping the gauge.js file
• scope / Scope
  • about / The digest cycle
• scope.$apply() function / Optimizing the stopwatch
• scope.currentValue variable / Writing the gauge directive
• scope function / Creation tests, JavaScript-based animations
• scope interaction tests
  • writing / Writing scope interaction tests
• scope object / Stopwatch requirements
• scope objects
  • used, for communication / Using scope objects for communication
  • child scopes, using / Using child scopes
  • wasFast directive, creating / Creating a wasFast directive
  • fastRunner directive, creating / Creating a fastRunner directive
• scope option / Stopwatch requirements
• scope types
  • child scope / Scope
  • isolate scope / Scope
• self object / Stopwatch's business logic
• shallow watch
  • performing, on $rootScope.data / Doing a shallow watch on $rootScope.data
• Stack Overflow post
  • URL / Communicating with media players
• stockTicker directive / The stockTicker directive
• stopTimer method / Business logic tests
• stopwatch
  • requisites / Stopwatch requirements
  • directive tests, using / The basics of testing
  • creation tests / Creation tests
  • writing / Writing the stopwatch
  • business logic / Stopwatch's business logic
  • optimizing / Optimizing the stopwatch
  • filter / Stopwatch's filter
• stopwatch attribute / Wiring up the stopwatch
• stopwatch directive
  • URL / Writing the stopwatch
  • fastClicker directive, integrating with / Wiring up the stopwatch
• StopwatchFactory function / Writing the stopwatch, Stopwatch's business logic
• stopwatchService function / Writing the stopwatch, Business logic tests
• subscribe function / Business logic tests
• superhero.hasEffect variable / Working with ngClass and animations
• svgService.changeColor method / Link

T

• template function / Template
• template option / Template
• templates
  • compiling / Compiling templates and their many values
• templateUrl
  • used, with treeNode directive / Using transclusion and a templateUrl with the treeNode directive
• templateUrl directive interpolation
  • disadvantages / Compiling templates and their many values
• templateUrl function / TemplateUrl
• TemplateUrl option / TemplateUrl
• terminal field / Terminal
• Test Driven Development (TDD) / The basics of testing
• third-party libraries
  • incorporating / Incorporating third-party libraries
  • about / Third-party libraries
• throttle function
  • URL / The stockTicker directive
• tools
  • used, for monitoring performance / Tools for monitoring performance
• transclude function / Transclude
• Transclude option / Transclude
• transclude property / Unveiling transclusion
• Transcluding
  • URL / Transclude
• transclusion
  • used, in directive / Using transclusion in a directive, Unveiling transclusion
  • URL / Using transclusion in a directive
  • used, with treeNode directive / Using transclusion and a templateUrl with the treeNode directive, The treeNode directive using only transclusion
• transclusion function / Unveiling transclusion
• transitions
  • and ngClass, working with / Working with ngClass and transitions
  • and ngIf, working with / Working with ngIf and transitions
• tree directive / The custom recursive tree directive
• treeNode directive
  • transclusion, using with / Using transclusion and a templateUrl with the treeNode directive, The treeNode directive using only transclusion
  • templateUrl, using with / Using transclusion and a templateUrl with the treeNode directive
  • testing / Testing the treeNode directive, Testing the treeNode directive
• treeNode function / Testing the treeNode directive
• treenodeNoTemplate directive
  • about / The treenodeNoTemplate directive
• treeNodeTemplate directive
  • about / The treeNodeTemplate directive
• trustAsResourceUrl method / Breaking down the media player directive
• two-way data binding / How to use isolate scopes

U

• UI-Router
  • about / Techniques that drive directives
• uiTypeahead directive
  • URL / The YouTube views bar chart
• unit testing / Unit testing
• updateTime function / Creation tests, Business logic tests

W

• wasFast directive
  • requisites / Creating a wasFast directive
  • unit testing / Unit testing
  • integration tests / Integration tests
  • implementing / Implementing the wasFast directive
• watcher function / The digest cycle
• watch function / Testing the gauge directive
• widget
  • about / Directives can be in charge
• window.setInterval method / Stopwatch's business logic

Y

• YouTube views bar chart
  • about / The YouTube views bar chart
  / The YouTube views bar chart