Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.
Arrow left icon
All Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Newsletter Hub
Free Learning
Arrow right icon
timer SALE ENDS IN
0 Days
:
00 Hours
:
00 Minutes
:
00 Seconds
Arrow up icon
GO TO TOP
AngularJS Web Application Development Blueprints

You're reading from   AngularJS Web Application Development Blueprints A practical guide to developing powerful web applications with AngularJS

Arrow left icon
Product type Paperback
Published in Aug 2014
Publisher Packt
ISBN-13 9781783285617
Length 300 pages
Edition 1st Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Vinci J Rufus Vinci J Rufus
Author Profile Icon Vinci J Rufus
Vinci J Rufus
Arrow right icon
View More author details
Toc

Table of Contents (17) Chapters Close

AngularJS Web Application Development Blueprints
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
1. Introduction to AngularJS and the Single Page Application FREE CHAPTER 2. Setting Up Your Rig 3. Rapid Prototyping with AngularJS 4. Using REST Web Services in Your AngularJS App 5. Facebook Friends' Birthday Reminder App 6. Building an Expense Manager Mobile App 7. Building a CMS on the MEAN Stack 8. Scalable Architecture for Deployments on AWS 9. Building an E-Commerce Store AngularJS Resources Index

Index

A

  • $apply function
    • using / When to use $apply
  • abo folder / Files and folders in Angular Seed
  • Add Expense form, Expense Manager App
    • building / Building the Add Expense form
    • value service, creating for CategoryList / Creating a value service to store CategoryList
    • validating / Validating the Add Expense form
    • localStorage object, using / Using localStorage to save data
  • Add Products page, e-commerce app
    • building / Building our Add Products page
    • data, saving in DynamoDB tables / Saving data in DynamoDB tables
    • view, creating / Creating the view for the add product form
    • controller, creating / Building the controller for the add products view
    • images, uploading to S3 / Uploading images to S3
    • products lists, fetching / Fetching the products lists for a category
    • resolves, used to preload data / Using resolves to preload data
  • Address Book App
    • building / Building an Address Book App
    • contacts, adding to / Adding contacts to the Address Book
    • ng-show directive / The ng-show and ng-hide directives
    • ng-hide directive / The ng-show and ng-hide directives
  • admin section
    • securing / Securing your admin section
    • bcrypt, used to encrypt passwords / Using bcrypt to encrypt passwords
    • new admin user, adding / Adding a new admin user
    • route, creating for authenticating login / Creating the route for authenticating login
    • logout route, creating / Creating the logout route
    • sessionCheck middleware function, creating / Writing the sessionCheck middleware
    • building, for CRUD operations / Building the admin section for CRUD operations
    • routes, creating / Creating the routes for the admin section
    • factory service, building / Building the factory services
    • controllers, building / Building the controllers for the admin section
    • page layout, setting up / Setting up the admin page layout
    • listing view, building / Building the listing view for the admin section
  • Amazon CloudFront
    • about / Understanding the various services in Amazon AWS
  • Amazon CloudFront distribution
    • S3 bucket, mapping to / Mapping the S3 bucket to a CloudFront distribution
  • Amazon DynamoDB / Understanding the various services in Amazon AWS
  • Amazon Elastic Compute Cloud (EC2) / Understanding the various services in Amazon AWS
  • Amazon Relational Database Service (RDS) / Understanding the various services in Amazon AWS
  • Amazon Simple Email Service (SES) / Understanding the various services in Amazon AWS
  • Amazon Simple Storage Service (S3)
    • about / Understanding the various services in Amazon AWS
    • domain, mapping to / Mapping a domain to S3
  • angular-cookies
    • downloading / Creating our login page
  • angular-facebook module
    • URL / Adding a Facebook login
  • angular-seed project
    • URL / Jump starting your app development with Angular Seed
  • Angular Box Office
    • about / Jump starting your app development with Angular Seed
    • Unit test, performing on / Unit testing our application
  • AngularFire
    • about / Backend as a Service
  • AngularJS
    • URL / Anatomy of a simple AngularJS app, Unit testing with Karma
    • scope, defining / Understanding the scope in AngularJS
    • services / Understanding AngularJS services
    • integrating, with ExpressJS / Integrating AngularJS with an ExpressJS project
    • authentication, setting up / Setting up authentication in AngularJS
    • login page, creating / Creating our login page
  • AngularJS app
    • implementing / Anatomy of a simple AngularJS app
    • styling / Styling the app
    • alphabetical sort, of contacts / Sorting the contacts alphabetically
  • AngularJS resources
    • official resources / Official resources
    • AngularJS modules / Recommended AngularJS modules
    • boiler plates / Boiler plates
    • learning resources / Learning resources
    • third party tools / Good friends with AngularJS (third-party tools and services)
    • team members / Core team members and knowledgeable people to follow
  • AngularJS syntaxes
    • ng-app / Anatomy of a simple AngularJS app
    • ng-init / Anatomy of a simple AngularJS app
    • {{ }} / Anatomy of a simple AngularJS app
    • directives / Anatomy of a simple AngularJS app
  • Angular Seed
    • using / Jump starting your app development with Angular Seed
    • files / Files and folders in Angular Seed
    • folders / Files and folders in Angular Seed
    • Bootstrap libraries, adding / Adding Bootstrap libraries
    • Node web server, starting / Starting your Node web server
  • Angular UI
    • about / Introducing Angular UI
    • UI-Utils / UI-Utils
    • UI-Modules / UI-Modules
    • UI-Bootstrap / UI-Bootstrap
    • NG-Grid / NG-Grid
    • UI-Router / UI-Router
    • IDE Plugins / IDE Plugins
  • API key, REST web service
    • creating / Understanding the response from a REST API
  • app
    • preparing, for production deployment / Getting your app ready for production deployment, Improving the page-load time of your app, Setting Expires headers, Performance
  • AppCtrl function
    • about / Building the frontend of our CMS
  • appId option, FB.init call / Loading the Facebook SDK
  • app page-load time
    • improving / Improving the page-load time of your app
  • asynchronous calls
    • handling, promises used / Using promise for asynchronous calls
  • automated tests
    • writing / Writing automated tests
    • Unit tests, writing with Karma / Writing Unit tests with Karma
    • End-to-End tests, writing with Protractor / Writing End-to-End tests using Protractor
  • AWS
    • services / Understanding the various services in Amazon AWS
    • deployment architectures / Delving into AWS deployment architectures
    • URL / Mapping a domain to S3, Backend as a Service
    • BaaS platform, building / Building a BaaS platform on AWS
    • DynamoDB / Building a BaaS platform on AWS
    • S3 / Building a BaaS platform on AWS
    • Identity and Access Management (IAM) / Building a BaaS platform on AWS
    • Security Token Service (STS) / Building a BaaS platform on AWS
    • Web Identity Federation (WIF) / Building a BaaS platform on AWS
    • S3 bucket, setting with public read access / Setting up an S3 Bucket with public read access
    • CORS policy, setting on S3 bucket / Setting up the CORS policy on your S3 bucket
    • DynamoDB tables, creating / Creating our DynamoDB tables
    • Identity and Access Management (IAM) role, creating / Creating the Identity and Access Management (IAM) role
  • AWS Identity and Access Management (IAM)
    • about / Building a BaaS platform on AWS
  • AWS JS SDK
    • URL / Building a BaaS platform on AWS
    • integrating, with e-commerce app / Integrating AWS JS SDK with our application
    • reference link / Integrating AWS JS SDK with our application
  • AWS Security Token Service (STS)
    • about / Building a BaaS platform on AWS
  • {{ }}, AngularJS syntax / Anatomy of a simple AngularJS app

B

  • $broadcast
    • about / Setting up $broadcasts
    • setting up / Setting up $broadcasts
  • BaaS
    • about / Backend as a Service
    • Parse / Backend as a Service
    • Firebase / Backend as a Service
    • Kinvey / Backend as a Service
    • AWS / Backend as a Service
  • BaaS platform
    • building, on AWS / Building a BaaS platform on AWS
  • bar chart directive
    • building, with D3 / Building a bar chart directive based on D3
    • creating, to summarize expenses / Creating our bar chart directive
  • barGap variable / Creating our bar chart directive
  • barHeight variable / Creating our bar chart directive
  • bcrypt
    • used, to encrypt passwords / Using bcrypt to encrypt passwords
  • bg-image class / Building the Expense Manager App
  • Binary JSON (BSON)
    • about / Why the MEAN stack?
  • Birthday Reminder application
    • setting up / Setting up our project
    • running / Running your application
  • Bootstrap
    • about / Introducing Grid Layouts and Bootstrap
    • URL, for downloading / Setting up the admin page layout
  • Bootstrap CDN
    • URL / Adding Bootstrap libraries
  • Bootstrap libraries
    • adding / Adding Bootstrap libraries
  • Bootswatch
    • about / Adding Bootstrap libraries
  • Bower tool, Yeoman
    • about / Yeoman – the workflow tool
  • Box Office API
    • URL / Understanding the response from a REST API
  • Brunch
    • URL / Improving the page-load time of your app
  • button$hover / The ng-show and ng-hide directives
  • buttons
    • actions, adding / Adding actions to the buttons

C

  • 12-column grid system
    • about / Understanding the grid system
    • .col-md-* class / Understanding the grid system
    • col-xs-* class / Understanding the grid system
    • col-sm-* class / Understanding the grid system
    • .col-lg-* class / Understanding the grid system
    • ..col-md-offset-* class / Understanding the grid system
    • .row class / Understanding the grid system
    • .row-fluid class / Understanding the grid system
    • .container class / Understanding the grid system
    • .container-fluid class / Understanding the grid system
    • .lead class / Understanding the grid system
    • .text-left class / Understanding the grid system
    • .text-center class / Understanding the grid system
    • -text-right class / Understanding the grid system
    • <blockquote> tag / Understanding the grid system
    • </blockquote> tag / Understanding the grid system
    • <cite> tag / Understanding the grid system
    • </cite> tag / Understanding the grid system
    • .pull-left class / Understanding the grid system
    • .pull-right class / Understanding the grid system
    • .btn primary class / Understanding the grid system
    • .btn-success class / Understanding the grid system
    • .btn-info class / Understanding the grid system
    • .btn-warning class / Understanding the grid system
    • .btn-danger class / Understanding the grid system
    • .btn-inverse class / Understanding the grid system
  • chartHeight variable / Creating our bar chart directive
  • chartWidth variable / Creating our bar chart directive
  • CloudWatch, AWS / The EC2 server-based architecture
  • CodeMirror Ace
    • about / UI-Modules
  • color variable / Creating our bar chart directive
  • Command Line Interface (CLI) / Installing Grunt-cli
  • compare method / Creating the route for authenticating login
  • conf.js file
    • about / Understanding the conf.js file
  • constant() method / Understanding AngularJS services
  • Content Delivery Network (CDN) / Creating a simple Node.js web server with ExpressJS, Adding Bootstrap libraries
  • Content Management System (CMS)
    • frontend, building / Building the frontend of our CMS
  • controller option, directive / The anatomy of a directive
  • cookie option, FB.init call / Loading the Facebook SDK
  • CORS
    • about / Setting up the CORS policy on your S3 bucket
  • CORS policy
    • setting, on S3 bucket / Setting up the CORS policy on your S3 bucket
  • Create, Read, Update, Delete (CRUD) operations
    • about / Building the server-side app
  • CRUD routes
    • creating / Creating CRUD routes
    • data, adding to collection / Adding a new entry to the collection
    • collection, updating / Updating a collection
    • collection item, deleting / Deleting a collection item
    • data, displaying / Displaying a single record
  • CSS media query
    • adding, to create responsive design / Adding the CSS media query
  • CSS styles
    • adding / Adding some CSS styles
    • routes, modifying / Changing the routes
  • custom module
    • building, for global notification / Building a custom module for global notification
    • message.flash module, building / Building and initializing the message.flash module
    • message.flash module, initializing / Building and initializing the message.flash module
    • message.flash factory service, building / Building the message.flash factory service
    • $broadcasts, setting up / Setting up $broadcasts
    • directive, building for message.flash module / Building the directive for the message.flash module
    • flash message, setting / Setting a flash message
    • Add-Edit page controller, creating / Creating our Add-Edit page controller
    • Add-Edit view, creating / Creating our Add-Edit view
    • custom filter, creating to autogenerate URL field / Writing a custom filter to autogenerate the URL field
    • WYSIWYG editor, adding / Adding the WYSIWYG editor
  • custom test cases, Protractor
    • writing / Writing your own Protractor test cases

D

  • $digest function / Understanding $watch and $digest
  • .domain variable / Creating our bar chart directive
  • D3
    • bar chart directive, building with / Building a bar chart directive based on D3
    • URL / Building a bar chart directive based on D3
  • data
    • displaying, from JSON response / Displaying data from the JSON response
  • Deferred object
    • about / Using promise for asynchronous calls
    • resolve() method / Using promise for asynchronous calls
    • reject() method / Using promise for asynchronous calls
    • notify() method / Using promise for asynchronous calls
  • Dependency Injection (DI)
    • URL / Dependency Injection
    • about / Dependency Injection
  • deployment architectures, AWS
    • EC2 server-based architecture / The EC2 server-based architecture
    • Server-less Architecture / The Server-less Architecture
  • directive
    • about / What is a directive?
    • naming convention, importance / Importance of naming conventions for directives
    • anatomy / The anatomy of a directive
    • writing / Writing our first directive
  • directive anatomy
    • restrict option / The anatomy of a directive
    • transclude option / The anatomy of a directive
    • scope option / The anatomy of a directive
    • link option / The anatomy of a directive
    • template option / The anatomy of a directive
    • templateUrl option / The anatomy of a directive
    • controller option / The anatomy of a directive
  • directives, AngularJS syntax / Anatomy of a simple AngularJS app
  • dirty checking / Understanding $watch and $digest
  • DynamoDB
    • about / Building a BaaS platform on AWS
    • Scan / Fetching the products lists for a category
    • Query / Fetching the products lists for a category
  • DynamoDB tables
    • creating / Creating our DynamoDB tables

E

  • e-commerce app
    • creating / Creating our e-commerce app
    • nested views, building with UI-Router / Building nested views using UI-Router
    • states, mapping to URL / Mapping states to URL, views, and controllers
    • states, mapping to views / Mapping states to URL, views, and controllers
    • states, mapping to controllers / Mapping states to URL, views, and controllers
    • prototyping / Prototyping our application
    • index.html file, setting up / Setting up our index.html file
    • controllers, creating / Creating the controllers
    • product partials, creating / Creating the product partials
    • animations, adding / Adding animations to the view transitions
    • CSS transition effects, adding / Adding in the CSS transition effects
    • application-level controller, creating / Creating our application-level controller
    • Facebook login, adding / Adding a Facebook login
    • AWS JS SDK, integrating with / Integrating AWS JS SDK with our application
    • AWSservice provider, creating / Creating the AWS service provider
    • Add Products page, building / Building our Add Products page
    • product details page, creating / Creating our product details page
  • EC2 server-based architecture, AWS
    • about / The EC2 server-based architecture
  • end-to-end tests
    • running, Protractor used / Using Protractor for End-to-End tests
  • End-to-End tests
    • writing with Protractor / Writing End-to-End tests using Protractor
  • example_spec.js file
    • about / Understanding the example_spec.js file
  • Expense Manager App
    • building / Building the Expense Manager App
    • Add Expense form, building / Building the Add Expense form
    • expenses, summarizing by categories / Summarizing the expenses by categories
    • bar chart directive, creating for expenses / Creating our bar chart directive
    • responsive design, creating / Making the app responsive
    • touch events, adding / Adding touch events
    • swipe gestures, enabling with ngTouch module / Enabling swipe gestures using ngTouch
    • page transitions, adding with ngAnimate module / Adding page transitions using ngAnimate
    • adding, to home screen / Making the app feel like a native app
    • touch icons, adding / Adding touch icons
    • executing, in fullscreen mode / Running the app in fullscreen mode
    • additional features, adding / Adding additional features
  • Expires headers
    • setting / Setting Expires headers
    • setting up, for items / Setting Expires headers
  • ExpressJS
    • used, for creating Node.js web server / Creating a simple Node.js web server with ExpressJS
    • installing, for Node.js / Creating a simple Node.js web server with ExpressJS
    • installing, with dependencies / Creating a simple Node.js web server with ExpressJS
    • about / Why the MEAN stack?
    • installing / Setting up ExpressJS and MongooseJS
    • integrating, with AngularJS / Integrating AngularJS with an ExpressJS project

F

  • Facebook app
    • creating / Creating your Facebook app
  • Facebook login
    • obtaining / Adding a Facebook login
    • fb-root div element, adding / Adding the fb-root div element
    • Facebook SDK, loading / Loading the Facebook SDK
    • $watch function / Understanding $watch and $digest
    • $digest function / Understanding $watch and $digest
    • $apply, using / When to use $apply
    • adding, to e-commerce app / Adding a Facebook login
  • Facebook SDK
    • about / Understanding the Facebook SDK
    • Social Graph / The Social Graph
    • Graph API / The Graph API
    • Graph API Explorer / The Graph API Explorer
    • Facebook app, creating / Creating your Facebook app
    • loading / Loading the Facebook SDK
  • factory
    • about / Writing your first factory service
    • Dependency Injection (DI) / Dependency Injection
    • coding / Coding the partial
    • REST web service, calling $http service used / Calling the REST web service using $http
  • factory() method / Understanding AngularJS services
  • fb-root div element
    • adding / Adding the fb-root div element
  • FB.login() function
    • using / Requesting additional permission with FB.login
  • find method / Creating CRUD routes
  • findOne method / Displaying a single record
  • Firebase
    • URL / Backend as a Service
    • about / Backend as a Service
  • friends' birthday
    • obtaining / Getting your friends' profile pictures and birthdays
  • friends' profile picture
    • obtaining / Getting your friends' profile pictures and birthdays
    • permission, requesting / Requesting additional permission with FB.login
    • isolated scope / Understanding isolated scope
  • frontend
    • building / Building the frontend of our CMS
    • navigation bar directive, building / Building our navigation bar directive
    • admin-login directive, building / Building the admin-login directive
    • content, displaying of selected page / Displaying the content of a page
    • default homepage, setting / Setting the default home page

G

  • $get factory function / Creating the AWS service provider
  • Generator-Angular / Prototyping the Healthy Living website
  • getLoginStatus method / Adding a Facebook login
  • get method / Displaying a single record
  • getUserInfo method / Adding a Facebook login
  • glyphicons / Understanding the grid system
  • Graph API
    • about / The Graph API
    • URL / The Graph API
  • Graph API Explorer
    • about / The Graph API Explorer
    • URL / The Graph API Explorer
  • Graph API URL / The Graph API Explorer
  • Graphical User Interface (GUI) / Setting up Node.js
  • graphOption variable / Creating our bar chart directive
  • Grid Layouts
    • about / Introducing Grid Layouts and Bootstrap
  • grid system
    • about / Understanding the grid system
  • Grunt
    • about / Setting up Grunt
    • setting up / Setting up Grunt
    • shell commands, running via / Running shell commands via Grunt
  • Grunt-cli
    • installing / Installing Grunt-cli
  • Grunt plugins
    • URL / Creating the package.json file
  • Grunt tasks
    • creating / Creating your Grunt tasks
    • files, concatenating / Grunt tasks to merge and concatenate files
    • merging / Grunt tasks to merge and concatenate files
  • Grunt tool, Yeoman
    • about / Yeoman – the workflow tool
  • gulp.js
    • URL / Improving the page-load time of your app

H

  • $httpBackend.expect() method / Mocking $http during Unit testing
  • $httpBackend.when() method / Mocking $http during Unit testing
  • $httpBackend service
    • about / Mocking $http during Unit testing
    • $httpBackend.expect() method / Mocking $http during Unit testing
    • $httpBackend.when() method / Mocking $http during Unit testing
  • $http service
    • used, for calling REST web service / Calling the REST web service using $http
    • mocking, during Unit test / Mocking $http during Unit testing
  • Healthy Living website
    • Homepage / Understanding the application that we will Prototype
    • Articles / Understanding the application that we will Prototype
    • Gallery / Understanding the application that we will Prototype
    • Subscribers / Understanding the application that we will Prototype
  • Healthy Living website, prototyping
    • performing / Prototyping the Healthy Living website
    • ui.bootstrap dependency, adding / Adding the ui.bootstrap dependency
    • navigation bar, creating / Creating the navigation bar
    • carousel, adding / Adding the carousel
    • hero unit, tweaking / Tweaking the hero unit
    • content blocks, adding / Adding the three content blocks
    • view, creating / Creating a new view
    • routes / Understanding routes
    • articles view, building / Building the articles view
    • accordions, displaying / Accordions using Angular Bootstrap
    • image gallery, building / Building the image gallery
    • gallery view, creating with Bootstrap Thumbnail / Gallery view using Bootstrap Thumbnail
    • star rating, adding / Adding the star rating
    • data grids, building with NG-Grid / Building data grids using NG-Grid
    • NG-Grid component, adding / Adding the NG-Grid component
    • data, grouping in NG-Grid / Grouping data in NG-Grid
    • Excel-style editing, in NG-Grid / Excel-style editing in NG-Grid
    • modal window, creating / Creating a modal window to add subscribers
    • real-time form validations / Real-time form validations
  • html2js preprocessor / Writing Unit tests with Karma
  • HTML5 mode
    • used, for generating SEO-friendly URLs / Generating SEO-friendly URLs using HTML5 mode

I

  • $injector service / Dependency Injection
  • IDE Plugins
    • about / IDE Plugins
  • installation, ExpressJS
    • about / Setting up ExpressJS and MongooseJS
  • installation, Grunt-cli
    • about / Installing Grunt-cli
    • package.json file, creating / Creating the package.json file
    • Grunt tasks, creating / Creating your Grunt tasks
  • installation, MongoDB
    • URL, for Windows / Setting up MongoDB
    • URL, for Mac OS X / Setting up MongoDB
    • URL, for Ubuntu / Setting up MongoDB
  • installation, MongooseJS
    • about / Setting up MongoDB, Setting up ExpressJS and MongooseJS
  • installation, Selenium Server
    • about / Installing Selenium Server
  • installation, Yeoman
    • about / Installing Yeoman
  • Interceptor
    • setting, to detect responses / Setting up an Interceptor to detect responses
    • about / Setting up an Interceptor to detect responses
  • isolated scope / Understanding isolated scope

J

  • JavaScript SDK
    • URL / Understanding the Facebook SDK
  • JSONP
    • about / Calling the REST web service using $http
  • JSON response
    • data, displaying from / Displaying data from the JSON response

K

  • Karma
    • used, for unit testing / Unit testing with Karma
    • used, for writing Unit tests / Writing Unit tests with Karma
  • keywords array / Building the image gallery
  • Kinvey
    • URL / Backend as a Service

L

  • Lato
    • URL / Building the Expense Manager App
    • about / Building the Expense Manager App
  • layout
    • creating / Mark-up our Layout
  • link option, directive / The anatomy of a directive
  • localStorage object
    • about / Understanding HTML5 Web Storage, localStorage
    • used, for saving Add Expense form data / Using localStorage to save data
  • logout link
    • adding / Adding in the logout link

M

  • MEAN stack
    • benefits / Why the MEAN stack?
    • MongoDB, installing / Setting up MongoDB
    • ExpressJS, installing / Setting up ExpressJS and MongooseJS
    • MongooseJS, installing / Setting up ExpressJS and MongooseJS
  • mocking, $http service
    • during Unit test / Mocking $http during Unit testing
  • modal window
    • creating, Angular UI used / Creating a modal window to add subscribers
  • models
    • about / Models and views
  • Model View Controller (MVC) / Building an Address Book App
    • about / Why the MEAN stack?
  • MongoDB
    • about / Why the MEAN stack?
    • installing / Setting up MongoDB
  • MongooseJS
    • about / Why the MEAN stack?
    • installing / Setting up ExpressJS and MongooseJS
  • Mongoose schemas
    • creating / Creating the Mongoose schemas
    • Pages schema / Creating the Mongoose schemas
    • Admin Users schema / Creating the Mongoose schemas
    • title field / Creating the Mongoose schemas
    • url field / Creating the Mongoose schemas
    • content field / Creating the Mongoose schemas
    • menuIndex field / Creating the Mongoose schemas
    • date field / Creating the Mongoose schemas
  • My-Project app, dependencies
    • grunt (v0.4.5) / Creating the package.json file
    • grunt-contrib-jshint (v0.10.0) / Creating the package.json file
    • grunt-contrib-concat (v0.4.0) / Creating the package.json file
    • grunt-contrib-uglify (v0.5.0) / Creating the package.json file
    • grunt-shell (v0.7.0) / Creating the package.json file

N

  • .ng-invalid {} class / Validating the Add Expense form
  • .ng-pristine {} class / Validating the Add Expense form
  • .ng-valid {} class / Validating the Add Expense form
  • navbar-fixed-top class
    • about / Creating the navigation bar
  • navbar class
    • about / Creating the navigation bar
  • navigator function / Enabling swipe gestures using ngTouch
  • Nested Routing
    • about / UI-Router
  • nested views
    • building, UI-Router used / Building nested views using UI-Router
  • ng-app, AngularJS syntax / Anatomy of a simple AngularJS app
  • ng-binding class / Building an Address Book App
  • ng-click directive / Adding contacts to the Address Book
  • ng-enter-active class / Adding CSS3 transitions
  • ng-enter class / Adding CSS3 transitions
  • NG-Grid
    • about / NG-Grid, Adding the NG-Grid component
    • data grouping / Grouping data in NG-Grid
    • Excel-style editing / Excel-style editing in NG-Grid
  • ng-hide directive / The ng-show and ng-hide directives
  • ng-if directive / Adding in the logout link
  • ng-init, AngularJS syntax / Anatomy of a simple AngularJS app
  • ng-leave-active class / Adding CSS3 transitions
  • ng-leave class / Adding CSS3 transitions
  • ng-repeat directive
    • about / Building an Address Book App
    / Getting the user's friend list
  • ng-scope class / Building an Address Book App
  • ng-show directive / The ng-show and ng-hide directives
  • ng-src directive / Getting your friends' profile pictures and birthdays
  • ngAnimate module
    • used, for adding page transitions / Adding page transitions using ngAnimate
    • loading / Loading the ngAnimate module
  • ngClick event listener / Enabling swipe gestures using ngTouch
  • ngCookies / Creating our login page
  • ngmin plugin
    • URL / Improving the page-load time of your app
  • ngSwipeLeft event listener / Enabling swipe gestures using ngTouch
  • ngSwipeRight event listener / Enabling swipe gestures using ngTouch
  • ngTouch module
    • used, for enabling swipe gestures / Enabling swipe gestures using ngTouch
    • ngClick event listener / Enabling swipe gestures using ngTouch
    • ngSwipeLeft event listener / Enabling swipe gestures using ngTouch
    • ngSwipeRight event listener / Enabling swipe gestures using ngTouch
  • Node.js
    • setting up / Setting up Node.js
    • URL / Setting up Node.js, Getting started with the MEAN stack
    • about / Why the MEAN stack?
  • Node.js web server
    • creating, with ExpressJS / Creating a simple Node.js web server with ExpressJS
  • Node web server
    • starting / Starting your Node web server
  • novalidate tag / Building the Add Expense form
  • npm
    • about / Setting up Node.js
  • npm start command / Creating CRUD routes

P

  • $provide service
    • provider() method / Understanding AngularJS services
    • service() method / Understanding AngularJS services
    • factory() method / Understanding AngularJS services
    • value() method / Understanding AngularJS services
    • constant() method / Understanding AngularJS services
  • PageCtrl function
    • about / Displaying the content of a page
  • page transitions, Expense Manager App
    • adding, ngAnimate module used / Adding page transitions using ngAnimate
    • ngAnimate module, loading / Loading the ngAnimate module
    • CSS3 transitions, adding / Adding CSS3 transitions
  • Parse
    • URL / Backend as a Service
  • PhantomJS
    • URL / Writing your own Protractor test cases
  • Pinterest style layout
    • creating / Creating a Pinterest style layout
  • product details page, e-commerce app
    • creating / Creating our product details page
    • Add to Cart button, creating / Adding products to cart
    • checkout page, creating / The checkout page
    • orders, saving / Saving the orders
  • Promise object
    • about / Using promise for asynchronous calls
    • catch() method / Using promise for asynchronous calls
    • finally() method / Using promise for asynchronous calls
    • then() method / Using promise for asynchronous calls
  • promises
    • about / Using promise for asynchronous calls
    • using, for asynchronous calls / Using promise for asynchronous calls
    • Deferred object / Using promise for asynchronous calls
    • Promise object / Using promise for asynchronous calls
  • Protractor
    • about / Using Protractor for End-to-End tests
    • installing / Using Protractor for End-to-End tests
    • custom test cases, writing / Writing your own Protractor test cases
    • used, for writing End-to-End tests / Writing End-to-End tests using Protractor
  • provider() method / Understanding AngularJS services

R

  • $rootScope
    • about / What is $rootScope?
  • $routeProvider
    • when part / Understanding routes
    • templateURL part / Understanding routes
    • controller part / Understanding routes
  • .range variable / Creating our bar chart directive
  • .run block
    • about / Understanding the .run block
  • real-time form validations
    • about / Real-time form validations
  • resolves
    • using / Using resolves to preload data
  • responsive design, Expense Manager App
    • creating / Making the app responsive
    • CSS media query, adding / Adding the CSS media query
    • D3 chart, scaling / Scaling the D3 chart based on window size
  • Responsive Web Design (RWD)
    • about / Making the app responsive
  • restrict option, directive / The anatomy of a directive
  • REST web service
    • API key, creating / Understanding the response from a REST API
    • testing / Testing a RESTful web service
    • calling, $http service used / Calling the REST web service using $http
    • Unit test, performing / Unit testing our application
  • Rotten Tomatoes web services
    • URL / Understanding the response from a REST API
  • routes
    • creating / Creating the routes
  • Ruby on Rails (RoR) / The EC2 server-based architecture

S

  • $scope
    • about / Models and views
  • $scope.Save function / Adding contacts to the Address Book
  • $scope parameter / Understanding the scope in AngularJS
  • & symbol / Requesting additional permission with FB.login
  • = symbol / Requesting additional permission with FB.login
  • @ symbol / Requesting additional permission with FB.login
  • S3
    • about / Building a BaaS platform on AWS
  • S3 bucket
    • setting, with public read access / Setting up an S3 Bucket with public read access
    • CORS policy, setting on / Setting up the CORS policy on your S3 bucket
  • Save() function / Adding contacts to the Address Book
  • save method / Adding a new entry to the collection
  • savePage function / Creating our Add-Edit page controller
  • savePage method / Building the factory services
  • scope
    • defining, in AngularJS / Understanding the scope in AngularJS
  • scope option / Requesting additional permission with FB.login
  • scope option, directive / The anatomy of a directive
  • SDK / Understanding the Facebook SDK
  • Selenium Server
    • about / Using Protractor for End-to-End tests
    • installing / Installing Selenium Server
  • SEO-friendly URLs
    • generating, HTML5 mode used / Generating SEO-friendly URLs using HTML5 mode
  • Server-less Architecture, AWS
    • about / The Server-less Architecture
    • app, deploying in / Deploying our app in a Server-less Architecture on AWS
    • domain mapping, to S3 / Mapping a domain to S3
    • S3 bucket, mapping to CloudFront distribution / Mapping the S3 bucket to a CloudFront distribution
  • server-side app
    • building / Building the server-side app
    • Mongoose schemas, creating / Creating the Mongoose schemas
    • CRUD routes, creating / Creating CRUD routes
  • service() method / Understanding AngularJS services
  • services, AngularJS
    • about / Understanding AngularJS services
  • services, AWS
    • Amazon Elastic Compute Cloud (EC2) / Understanding the various services in Amazon AWS
    • Amazon Simple Storage Service (S3) / Understanding the various services in Amazon AWS
    • Amazon CloudFront / Understanding the various services in Amazon AWS
    • Amazon Relational Database Service (RDS) / Understanding the various services in Amazon AWS
    • Amazon DynamoDB / Understanding the various services in Amazon AWS
    • Amazon Simple Email Service (SES) / Understanding the various services in Amazon AWS
  • sessionCheck middleware function
    • creating / Writing the sessionCheck middleware
  • sessionStorage object
    • about / Understanding HTML5 Web Storage, sessionStorage
  • setMessage method / Setting up $broadcasts
  • shell commands
    • running, via Grunt / Running shell commands via Grunt
  • Simplex
    • URL / Adding Bootstrap libraries
  • Social Graph
    • about / The Social Graph
  • SpaceLab theme
    • loading / Adding some CSS styles
  • SPAs
    • about / Delving into Single Page Apps
    • working / Delving into Single Page Apps
    • architecture / Delving into Single Page Apps
  • status=@connected@ status / Loading the Facebook SDK
  • status=@not_authorized@ status / Loading the Facebook SDK
  • status=@unknown@ status / Loading the Facebook SDK
  • status option, FB.init call / Loading the Facebook SDK
  • Strict Contextual Escaping (SCE)
    • about / Displaying the content of a page

T

  • .then() method / Calling the REST web service using $http, Using promise for asynchronous calls
  • template option, directive / The anatomy of a directive
  • templateUrl, directive / The anatomy of a directive
  • test cases, Protractor
    • writing / Writing your own Protractor test cases
  • TinyMCE
    • about / UI-Modules, Adding the WYSIWYG editor
    • URL, for downloading / Adding the WYSIWYG editor
  • titles array / Building the image gallery
  • transclude option, directive / The anatomy of a directive

U

  • UI-Bootstrap
    • about / UI-Bootstrap
  • ui-bootstrap-tpls.js
    • about / Prototyping the Healthy Living website
  • ui-bootstrap.js
    • about / Prototyping the Healthy Living website
  • UI-Modules
    • about / UI-Modules
  • UI-Router
    • about / UI-Router
    • used, for building nested views / Building nested views using UI-Router
    • URL / Building nested views using UI-Router
  • UI-Utils
    • about / UI-Utils
    • IE Shiv / UI-Utils
    • jQuery Passthrough / UI-Utils
    • Event Binder / UI-Utils
    • Keypress / UI-Utils
    • Mask / UI-Utils
    • Validate / UI-Utils
    • Reset / UI-Utils
    • Scrollfix / UI-Utils
    • Show / Hide / Toggle / UI-Utils
    • Route Matching / UI-Utils
    • Highlight / UI-Utils
    • Inflector / UI-Utils
    • Unique / UI-Utils
    • Format / UI-Utils
  • Unit test
    • performing, on Angular Box Office / Unit testing our application
  • unit testing
    • performing, Karma used / Unit testing with Karma
  • Unit tests
    • writing, with Karma / Writing Unit tests with Karma
  • Universally Unique Identifier (UUID) / Saving data in DynamoDB tables
  • URL, Box Office API
    • apikey / Understanding the response from a REST API
    • limit / Understanding the response from a REST API
    • country / Understanding the response from a REST API
  • user's friend list
    • obtaining / Getting the user's friend list
  • User Acceptance Tests (UAT)
    • about / Using Protractor for End-to-End tests

V

  • value() method / Understanding AngularJS services
  • views
    • about / Models and views

W

  • $watch function / Understanding $watch and $digest
  • Web Identity Federation (WIF)
    • about / Building a BaaS platform on AWS
  • Web Storage
    • localStorage object / Understanding HTML5 Web Storage, localStorage
    • sessionStorage object / Understanding HTML5 Web Storage, sessionStorage
  • WYSIWYG editor
    • adding / Adding the WYSIWYG editor

X

  • xfbml option, FB.init call / Loading the Facebook SDK
  • xScale variable / Creating our bar chart directive

Y

  • Yeoman
    • about / Yeoman – the workflow tool
    • Yo tool / Yeoman – the workflow tool
    • Grunt tool / Yeoman – the workflow tool
    • Bower tool / Yeoman – the workflow tool
    • installing / Installing Yeoman
    • app/404.html / Installing Yeoman
    • app/favicon.ico / Installing Yeoman
    • app/index.html / Installing Yeoman
    • robots.txt / Installing Yeoman
    • scripts/app.js / Installing Yeoman
    • scripts/controllers/main.js / Installing Yeoman
    • scripts/controllers/about.js / Installing Yeoman
    • styles/main.css / Installing Yeoman
    • views/about.html / Installing Yeoman
    • views/main.html / Installing Yeoman
    • Bower_components / Installing Yeoman
    • bower.json / Installing Yeoman
    • Gruntfile.js / Installing Yeoman
    • karma.conf.js / Installing Yeoman
    • node_modules / Installing Yeoman
    • package.json / Installing Yeoman
    • test/spec/controllers/main.js / Installing Yeoman
    • app, running / Running your app
    • URL / Creating a new view
  • Yo tool, Yeoman
    • about / Yeoman – the workflow tool
  • YSlow
    • running / Performance
lock icon The rest of the chapter is locked
arrow left Previous Section
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $15.99/month. Cancel anytime
Visually different images