Index
A
- $animate service object / Creating our first animation – a simple to-do list
- accordion UI
- URL / Creating accordion
- addItem() method / Staggering animations
- add new issue form / Utilizing buttons
- alert / Notifying users with alert messages
- angular-animate
- installing / Setting up the project
- angular-seed project
- reference link / Unit tests
- angular-touch module
- installing / Crafting the application for mobile devices
- Angular Google chart tools
- AngularJS
- reference link, for tutorials / Hello World
- reference link, for downloading / Hello World
- about / jQuery Passthrough
- bootstrapping / Embedding Google Maps
- service, creating / Creating a service in AngularJS
- AngularJS files
- reference link / Hello World
- AngularUI
- about / Downloading AngularUI
- downloading / Downloading AngularUI
- Google Maps component / Embedding Google Maps
- calendar component / The calendar component
- AngularUI-Utils
- building / Building AngularUI-Utils
- URL / Building AngularUI-Utils
- integrating, into project / Integrating AngularUI-Utils into our project
- AngularUI Bootstrap
- about / Why use AngularUI Bootstrap?
- PMA, building / Building a Project Management Application
- accordion, creating / Creating accordion
- tabs, creating / Creating tabs
- content, hiding with collapse / Hiding less relevant content with collapse
- timelines, setting with datepicker / Setting timelines with datepicker
- buttons, utilizing / Utilizing buttons
- priorities, converting in form of ratings / Converting priorities in the form of ratings
- users, notifying with alert messages / Notifying users with alert messages
- carousel, using / Using carousel
- progress bar, displaying status of issue / A progress bar to show the status of an issue
- AngularUI Bootstrap pagination widget
- customizing / Customizing the AngularUI Bootstrap pagination widget
- AngularUI Bootstrap tab widget
- extending / Extending the AngularUI Bootstrap tab widget
- animate.css
- using / Using animate.css
- URL / Using animate.css
- animate service / JavaScript-defined animations
- animations
- creating / Creating our first animation – a simple to-do list
- scaling, LESS used / Using LESS to scale entire animations
- staggering / Staggering animations
- application-specific menus
- common housing, with dropdown / Common housing for application-specific menus with a dropdown
- application dependencies
- managing, with Bower / Managing application dependencies with Bower
- application foundation
- laying / The foundation of your application
- Arshaw FullCalendar
- URL / The calendar component
B
- bar-chart directive
- creating / Creating a bar-chart directive
- bar chart
- creating / Creating a bar chart
- converting, into widget / Converting the bar chart into a widget
- bar chart data driven
- creating / Making the bar chart data driven
- Bezier curves
- applying / Easing functions
- bookmarking app
- building, with mobile first approach / Building a bookmarking app with the mobile-first approach
- creating, as dynamic / Making the application dynamic
- search, enabling / Allowing users to search through bookmarks
- crafting for mobile devices / Crafting the application for mobile devices
- animations, installing / Animation for better user experience
- Bootstrap
- download link / uiMask directive
- Bower
- client-side dependencies, managing with / Managing client-side dependencies with Bower
- URL / Managing client-side dependencies with Bower
- bower.json file
- about / Managing application dependencies with Bower
- setting up, manually / Managing application dependencies with Bower
C
- calendar component
- about / The calendar component
- date formatting, filter used / Using a filter for date formatting
- styling / Styling the calendar
- controller, adapting / Adapting the controller
- tests, adding / Adding tests
- controller, testing / Testing the controller
- filter, testing / Testing the filter
- application, building / Building the application
- callback function
- about / Embedding Google Maps
- charts
- about / Understanding the importance of charts
- importance / Understanding the importance of charts
- bar chart, creating / Creating a bar chart
- bar chart data driven, creating / Making the bar chart data driven
- Chrome DevTool emulation / Crafting the application for mobile devices
- clean*dist task / Improving initial page load
- clean*post task / Improving initial page load
- client-side dependencies
- managing, with Bower / Managing client-side dependencies with Bower
- concat task
- about / jQuery Passthrough
- Content Delivery Network (CDN)
- about / Hello World
- controllers.spec.js / Testing the filter
- copy task / Improving initial page load
- CouchDB / Common housing for application-specific menus with a dropdown
- CSS3 keyframe animation
- reference link / Animation for better user experience
- cssmin task / Improving initial page load
- cubic-bezier function / Easing functions
D
- D3.js
- dashboard
- building, GitHub REST API used / Building a dashboard using the GitHub REST API
- extending / Extending the dashboard
- data service
- creating / Creating a service in AngularJS
- datepicker widget
- used, for setting timelines / Setting timelines with datepicker
- about / Setting timelines with datepicker
- declarative approach / Using a master/details view
- directive
- about / Building our first directive
- dist folder
E
- elements
- animating / Moving elements around on the page
- Event Binder component
- about / Event Binder
- external template
- about / Introduction to external templates
- loading, via script tag / Loading a template via the script tag
- loading, via $templateCache / Loading a template via $templateCache
- using / Using an external template
F
- $filter filter
- filters.spec.js / Testing the filter
- Foundation
- frames per second (FPS) / Accelerated transitions and animations
G
- .gitignore file
- modifying / Modifying the .gitignore file
- Git
- about / Managing client-side dependencies with Bower
- source code, managing with / Managing the source code with Git
- installing, on OS X / Managing the source code with Git
- installing, on Windows / Managing the source code with Git
- installing, on Linux (Ubuntu) / Managing the source code with Git
- GitHub / Downloading AngularUI
- GitHub REST API
- used, for building dashboard / Building a dashboard using the GitHub REST API
- Glyphicons
- about / Creating tabs
- Google Maps
- about / Embedding Google Maps
- embedding / Embedding Google Maps
- markers / Markers on the map
- event binding / Event Binding
- Grunt
- about / Building the application
- Protractor, running from / Running Protractor from Grunt
- gruntFile.js
- concat*tmp task / Building AngularUI-Utils
- concat*modules task / Building AngularUI-Utils
- clean*rm_tmp task / Building AngularUI-Utils
- uglify task / Building AngularUI-Utils
- grunt task concat
H
- $http service
- Hello World application
- about / Hello World
- objects, using instead of primitives / Using objects instead of primitives
- directive, building / Building our first directive
- testing / Testing the Hello World application
- unit tests, performing / Unit tests
- End-to-End tests, with Protractor / Integration / end-to-end tests with Protractor
- integration tests, with Protractor / Integration / end-to-end tests with Protractor
- building / Building the application
- Homebrew
- reference link / OS X
- htmlmin task / Improving initial page load
J
- Jasmine
- about / Installing Karma and Jasmine
- reference link / Installing Karma and Jasmine
- installing / Installing Karma and Jasmine
- Java runtime server
- reference link / Integration / end-to-end tests with Protractor
- JavaScript-defined animations
- performing / JavaScript-defined animations
- jQLite
- about / jQuery Passthrough
- jQuery
- about / jQuery Passthrough
- jQuery Passthrough component
- about / jQuery Passthrough
- JsHint
- about / Building the application
- URL / Building the application
- JSON.stringify function
- about / uiMask directive
K
- Karma
- about / Installing Karma and Jasmine
- reference link / Installing Karma and Jasmine
- installing / Installing Karma and Jasmine
- Keypress component
- about / Keypress
L
- $location object
- LESS
- used, for scaling entire animations / Using LESS to scale entire animations
- Linux (Ubuntu)
- Node.js, installing on / Linux (Ubuntu)
- NPM, installing on / Linux (Ubuntu)
- Git, installing on / Managing the source code with Git
M
- @media CSS
- about / @media
- @media expression
- about / The @media expression
- master/details view
- using / Using a master/details view
- media queries
- overview / Introducing media queries
- expression / Introducing media queries
- @media CSS / @media
- @media expression / The @media expression
- URL / The @media expression
- media type / Introducing media queries
- URL / @media
- mobile application
- designing / Why bother about mobile?
- mobile optimization
- performing / Mobile optimization for a better user experience
- periodic delay, for tap events / Periodic delay for tap events
- accelerated transitions / Accelerated transitions and animations
- accelerated animations / Accelerated transitions and animations
- initial page load, improving / Improving initial page load
- Modernizr
- using / JavaScript-defined animations
- moment.js file
- MongoDB / Common housing for application-specific menus with a dropdown
- moz / Animation for better user experience
- MySQL / Common housing for application-specific menus with a dropdown
N
- ng-grid project
- setting up / Setting up the project
- simple grid view / The simple grid view
- grid, grouping / Grouping the grid
- master/details view, using / Using a master/details view
- ng-repeat directive / Making the bar chart data driven
- ng-show attribute / Keypress
- ng-style attribute
- about / Event Binder
- ngAnnotate task / Improving initial page load
- ngHide directive
- ngRepeatEnd directive / Making the application dynamic
- ngRepeatStart directive / Making the application dynamic
- ngRoute module / Making the application dynamic
- Node.js
- about / Installing Node.js and NPM
- reference link / Installing Node.js and NPM
- installing, on OS X / OS X
- installing, on Windows / Windows
- installing, on Linux (Ubuntu) / Linux (Ubuntu)
- NPM
- about / Installing Node.js and NPM
- installing, on OS X / OS X
- installing, on Windows / Windows
- installing, on Linux (Ubuntu) / Linux (Ubuntu)
- NVD3
O
- OS X
- NPM, installing on / OS X
- Node.js, installing on / OS X
- Git, installing on / Managing the source code with Git
P
- progress bar
- issue status, displaying / A progress bar to show the status of an issue
- project
- reference link / Downloading AngularUI
- setting up / Setting up the project
- Project Management Application (PMA)
- building / Building a Project Management Application
- Protractor
- about / Integration / end-to-end tests with Protractor
- reference link / Integration / end-to-end tests with Protractor
- running, from Grunt / Running Protractor from Grunt
R
- responsive design
- evolution / The evolution of responsive design
- URL / The evolution of responsive design
- responsive layout / The evolution of responsive design
S
- $scope.$apply function / Adapting the controller
- $scope.blurCallback function / Event Binder
- $scope.dayClick function / Adapting the controller
- $scope.eventSources array / Adapting the controller
- $scope.getModel function
- about / uiMask directive
- $scope.remove function / Adapting the controller
- $scope object / Using objects instead of primitives
- SASS / Using LESS to scale entire animations
- script tag
- external template, loading via / Loading a template via the script tag
- service singleton / Setting up the project
- setContainer() method / Making the bar chart data driven
- setDetails() method / Making the bar chart data driven
- ShipIt / Building a Project Management Application, Extending the AngularUI Bootstrap tab widget
- simple grid view
- about / The simple grid view
- Single Page Application / Building a Project Management Application
- source code
- managing, with Git / Managing the source code with Git
- staggering
- animations / Staggering animations
- working / Understanding how staggering works
T
- $templateCache
- external template, loading via / Loading a template via $templateCache
- $timeout function / Event Binder
- @time-scale variable / Using LESS to scale entire animations
- targethtml task / Improving initial page load
- test-driven development (TDD) / Adding tests
- tooltip() function
- about / jQuery Passthrough
- Twitter Bootstrap
- TypeAhead directive
- types, @media CSS
U
- uglify task / Improving initial page load
- uiMask directive component
- about / uiMask directive
- unit tests, Hello World application
- performing / Unit tests
V
- Version Control System (VCS) / Managing the source code with Git
W
- -webkit / Animation for better user experience
- W3C (World Wide Web Consortium) / The evolution of responsive design
- widget
- bar chart, converting into / Converting the bar chart into a widget
- Windows
- NPM, installing on / Windows
- Node.js, installing on / Windows
- Git, installing on / Managing the source code with Git