Index

A

• accessibility
  • about / A few words about accessibility
  • URL, for guidelines / A few words about accessibility
  • loading binding handler, updating for / Updating the loading binding handler for accessibility
• Accessible Rich Internet Applications (ARIA)
  • about / Reviewing the content we got for free
• AirBnB
  • URL / Analyzing the project – booking online
• AMD
  • about / AMD and RequireJS
  • define function / AMD and RequireJS
  • require function / AMD and RequireJS
• Apache Cordova Documentation
  • URL / Getting PhoneGap/Cordova
• application
  • building, with jQuery Mobile / Building the application with jQuery Mobile
  • global layout, realizing of / Realizing the global layout of the application
• app SEO crawlable
  • making / Working to make the app SEO crawlable
  • URL / Working to make the app SEO crawlable
  • NodeJS server, used for returning SEO pages / Using a NodeJS server to return SEO pages
  • page, caching / Caching the page by yourself
• attr binding handler / The bare bone code of a KnockoutJS application
• Autocomplete Widget
  • URL / Binding handler for the jQuery Autocomplete widget

B

• BindingContext
  • about / The magic of KnockoutJS unveiled
  • $parent / The magic of KnockoutJS unveiled
  • $parents / The magic of KnockoutJS unveiled
  • $root / The magic of KnockoutJS unveiled
  • $rawData / The magic of KnockoutJS unveiled
  • $data / The magic of KnockoutJS unveiled
• binding handlers
  • foreach / The bare bone code of a KnockoutJS application
  • text / The bare bone code of a KnockoutJS application
  • attr / The bare bone code of a KnockoutJS application
  • about / The what and why about binding handlers
  • for jQuery Autocomplete Widget / Binding handler for the jQuery Autocomplete widget
• bindings
  • applying, to node / The magic of KnockoutJS unveiled
• Booking.com
  • URL / Analyzing the project – booking online
• Bootstrap
  • about / Understanding hybrid mobile applications
• Bootstrap (3.1.1) / Creating a new project starting with the HTML StarterKit
• browser compatibility, KnockoutJS / Browser compatibility
• bundle
  • tests, putting inside / Putting the tests inside the bundle

C

• ChromeShades / A few words about accessibility
• ChromeVox / A few words about accessibility
• code, updating to be accessible
  • about / Updating the code to be accessible
  • gender field / Making the gender field accessible
• Company access module
  • about / The project, a real-world web application
• compatibility problem, RequireJS
  • URL / Updating starting code to use RequireJS
• component
  • about / Building the structure of our application
  • KnockoutJS, registering with / Registering the component with KnockoutJS
  • using, inside View / Using it inside another View
• component binding handler
  • modularizing with / Modularizing with the component binding handler
  • about / Component binding handler
  • URL, for example / Component binding handler
• components
  • about / Component binding handler
• contact form
  • about / Contact form, The contact form
  • paying, from client-side code / Paying from the client-side code
• contact plugin
  • adding / Adding the contact plugin
• controlsDescendantBindings / The magic of KnockoutJS unveiled
• Cordova
  • about / Getting PhoneGap/Cordova
  • obtaining / Getting PhoneGap/Cordova
• crawlme
  • URL / Using a NodeJS server to return SEO pages
• Create, read, update, and delete (CRUD) / Building the application with jQuery Mobile
• Crossroads.js
  • URL / Understanding hybrid mobile applications
• custom bindings
  • URL / The magic of KnockoutJS unveiled
• custom bindings, for virtual elements
  • reference link / Adding the Detail page view
• custom component loader
  • URL, for example / Registering the component with KnockoutJS
• custom module, KnockoutJS with RequireJS
  • writing / Creating the bare bones of a custom module

D

• dashboard, for Employee
  • creating / Making a dashboard for the Employee
  • table transforming into grids, with bells and whistles / Transforming a table into a grid with bells and whistles
  • forms, building for updating data / Building a few forms to update data
• dashboard, for Team Manager
  • realizing / Realizing a dashboard for the Team Manager
• data
  • obtaining, from server / Getting data from the server
• data binding
  • about / Data binding
  • using / Data binding
• DataTables
  • URL / Transforming a table into a grid with bells and whistles
• DurandalJS
  • about / What KnockoutJS is and where you can get it, Choosing the right tool for the project
  • URL / Choosing the right tool for the project, Choosing between DurandalJS or plain KnockoutJS

E

• Event Manager module
  • about / Communicating with other components
  • function on (event name, callback) / Communicating with other components
  • function off (event name, callback) / Communicating with other components
  • function trigger (event name, parameters) / Communicating with other components
• Expedia
  • URL / Analyzing the project – booking online

F

• features, View
  • Get All / Making the list view with all the Accounts
  • Add / Making the list view with all the Accounts
  • Edit / Making the list view with all the Accounts
  • Show / Making the list view with all the Accounts
• filters and product detail
  • about / Filters and product details
  • product details / Product details
  • Cart, managing / Managing a Cart
  • Cart, using on home page / Using the Cart on the home page
  • Cart page / The Cart page
• Font-Awesome 4.0.3 / Creating a new project starting with the HTML StarterKit
• foreach binding handler / The bare bone code of a KnockoutJS application
• form, making for first child route
  • about / Making the form for the first child route
  • personal information, asking / Asking for personal information
  • hidden bug, fixing / Fixing a hidden bug
  • new binding handler, adding for asynchronous loading / Adding a new binding handler for the asynchronous loading
  • selection fields, enhancing / Enhancing the selection fields
• frameworks, for realizing hybrid mobile applications
  • Titanium / Understanding hybrid mobile applications
  • PhoneGap/Cordova / Understanding hybrid mobile applications
• frameworks, used with PhoneGap
  • Ionic / Understanding hybrid mobile applications
  • Sencha Touch / Understanding hybrid mobile applications
  • Bootstrap / Understanding hybrid mobile applications
  • jQuery Mobile / Understanding hybrid mobile applications

G

• global layout
  • realizing, of application / Realizing the global layout of the application
• Graceful Degradation
  • versus Progressive Enhancement / Graceful Degradation versus Progressive Enhancement
• Grunt
  • URL / Putting the tests inside the bundle

H

• Hotels.com
  • URL / Analyzing the project – booking online
• HTML file
  • creating, for template of view / Creating the HTML file for the template of the View
• HTML_CodeSniffer / A few words about accessibility
• hybrid mobile application
  • about / Understanding hybrid mobile applications
  • Account List page, adding / Making the list view with all the Accounts
  • Detail page view, adding / Adding the Detail page view
  • enhancing, with unit tests / Enhancing the application with the unit tests

I

• IE6-8
  • reference link / Using it inside another View
• init function / The magic of KnockoutJS unveiled
• Ionic
  • about / Understanding hybrid mobile applications

J

• Jasmine
  • URL / Putting the tests inside the bundle
• JavaScript file
  • creating, for View Model / Creating the JavaScript file for the View Model
• jQuery
  • obtaining / Getting jQuery because it can be useful
• jQuery (1.9.1) / Creating a new project starting with the HTML StarterKit
• jQuery library
  • URL, for downloading / Browser compatibility
• jQuery Mobile
  • about / Understanding hybrid mobile applications
  • application, building with / Building the application with jQuery Mobile
  • URL, for demos / Realizing the global layout of the application
  • KnockoutJS binding handler, fixing against / Fixing KnockoutJS binding handler inside jQuery Mobile
• jQuery UI, for AMD
  • reference link / Adding the AMD version of jQuery UI to the project

K

• Knockout-jQueryUI
  • URL / Improving two date fields by applying Date Picker widget
• KnockoutJS
  • about / What KnockoutJS is and where you can get it
  • URL / What KnockoutJS is and where you can get it
  • URL, for downloading / What KnockoutJS is and where you can get it
  • URL, for downloading latest version / What KnockoutJS is and where you can get it
  • URL, for tutorial / What KnockoutJS is and where you can get it
  • component, registering with / Registering the component with KnockoutJS
• KnockoutJS (3.1) / Creating a new project starting with the HTML StarterKit
• KnockoutJS application
  • about / The bare bone code of a KnockoutJS application
• KnockoutJS binding handler
  • fixing, inside jQuery Mobile / Fixing KnockoutJS binding handler inside jQuery Mobile
• ko.computed / The magic of KnockoutJS unveiled
• ko.dependencyDetection.ignore / The magic of KnockoutJS unveiled
• ko.dependentObservable / The magic of KnockoutJS unveiled
• ko.observable / Filters and product details
• ko.observableArray value / The bare bone code of a KnockoutJS application
• ko.toJSON
  • URL, for information / Making the skeleton from the wireframe
• ko.utils.range method / Making the skeleton from the wireframe
• ko namespace / The bare bone code of a KnockoutJS application

L

• loading binding handler
  • updating, for accessibility / Updating the loading binding handler for accessibility
• Login component, Timesheet SPA
  • about / Checking authentication – Login component
  • navigation, auto-directing to Login page / Auto-redirecting navigation to Login page
  • logout button, adding / Adding a logout button

M

• Manage addresses module
  • about / The project, a real-world web application
• Minimum Viable Product (MVP)
  • about / Defining what Piggy Bank should be
  • features / Defining what Piggy Bank should be
• MVC (Model-View-Controller)
  • about / MVC (Model-View-Controller)
  • drawbacks / MVC (Model-View-Controller)
• MVVM (Model-View-View Model)
  • about / MVVM (Model-View-View Model) to the rescue
  • Model / Model
  • View / View
  • View-Model / View Model
  • pros / Data binding
  • cons / Data binding

N

• NodeJS
  • URL / Using a NodeJS server to return SEO pages
• NodeJS server
  • used, for returning SEO pages / Using a NodeJS server to return SEO pages

O

• observable
  • reference link / The bare bone code of a KnockoutJS application, Understanding MVVM, MVP, and MVC to get the best
• online booking site project
  • analyzing / Analyzing the project – booking online
  • structure, building / Building the structure of our application
  • Hotel Cards, developing / Adding the Hotel Cards
• optionsCaption binding handler
  • about / Filters and product details

P

• pager.js
  • URL / Understanding hybrid mobile applications
• PhoneGap
  • URL / Understanding hybrid mobile applications
  • about / Getting PhoneGap/Cordova
  • obtaining / Getting PhoneGap/Cordova
• Piggy Bank
  • defining / Defining what Piggy Bank should be
• Plugin APIs
  • reference link / Adding the contact plugin
• Progressive Enhancement
  • versus Graceful Degradation / Graceful Degradation versus Progressive Enhancement
  • reasoning against / Reasoning against Progressive Enhancements
• project
  • starting environment, creating for / Creating a starting environment for the project

R

• real-world web application
  • about / The project, a real-world web application
  • wireframe, checking / Looking at the big picture of the project
  • content, reviewing / Reviewing the content we got for free
• real-world web application, modules
  • about / The project, a real-world web application
  • Relocate / The project, a real-world web application
  • Manage addresses / The project, a real-world web application
  • Company access / The project, a real-world web application
• Relocate module
  • about / The project, a real-world web application
  • analyzing / Analysing and developing the Relocate module
  • developing / Analysing and developing the Relocate module
• RequireJS
  • URL / AMD and RequireJS
  • about / AMD and RequireJS
  • URL, for downloading latest version / Updating starting code to use RequireJS
• RequireJS (2.1.11) / Creating a new project starting with the HTML StarterKit
• RequireJS, with KnockoutJS
  • URL / Updating starting code to use RequireJS
• RequireJS usage
  • starting code, updating for / Updating starting code to use RequireJS
• root view model / Creating a new project starting with the HTML StarterKit
• router, DurandalJS
  • URL, for documentation / Analysing and developing the Relocate module

S

• Search Form component
  • writing / Writing the Search Form component
  • AMD version of jQuery UI, adding to project / Adding the AMD version of jQuery UI to the project
  • skeleton, creating from wireframe / Making the skeleton from the wireframe
  • Autocomplete field, realizing for destination / Realizing an Autocomplete field for the destination
  • date fields, improving by applying Date Picker Widget / Improving two date fields by applying Date Picker widget
  • code, transforming into reusable / Transforming already done code into a reusable one
  • button, customizing / Making the button easy to customize
• Sencha Touch
  • about / Understanding hybrid mobile applications
• SEO-crawlable / Updating the loading binding handler for accessibility
• server
  • data, obtaining from / Getting data from the server
• Simple Show Case
  • about / The idea of this chapter – Simple Show Case
• Single Page Application (SPA)
  • about / What KnockoutJS is and where you can get it
• SPA feature, Timesheet SPA
  • about / The SPA feature for the Timesheet SPA
• starting environment
  • creating, for project / Creating a starting environment for the project
• sugar syntax
  • URL / Updating starting code to use RequireJS

T

• Test-First Programming process / Making the list view with all the Accounts
• tests
  • putting, inside bundle / Putting the tests inside the bundle
• text binding handler / The bare bone code of a KnockoutJS application
• text plugin
  • URL / Updating starting code to use RequireJS
• Timesheet SPA
  • about / Analysing the project briefly – Timesheet SPA
  • SPA feature / The SPA feature for the Timesheet SPA
  • tools, selecting / Choosing the right tool for the project
  • selecting between DurandalJS, or plain KnockoutJS / Choosing between DurandalJS or plain KnockoutJS
  • new project, creating with HTML StarterKit / Creating a new project starting with the HTML StarterKit
• Timesheet SPA, building with DurandalJS
  • about / Building Timesheet SPA with DurandalJS
  • component, of project / Components of this project
  • code, obtaining for Client-Server interface / Getting the code for the Client-Server interface
  • authentication, checking / Checking authentication – Login component
  • dashboard, creating for Employee / Making a dashboard for the Employee
  • dashboard, realizing for Team Manager / Realizing a dashboard for the Team Manager
• Timesheet SPA, customers
  • employees / Analysing the project briefly – Timesheet SPA
  • team managers / Analysing the project briefly – Timesheet SPA
• Titanium
  • URL / Understanding hybrid mobile applications
• Trivago
  • URL / Analyzing the project – booking online

U

• update function / The magic of KnockoutJS unveiled

V

• Venere.com
  • URL / Analyzing the project – booking online
• View
  • component, using inside / Using it inside another View
• View Model
  • JavaScript file, creating for / Creating the JavaScript file for the View Model

W

• Wave Toolbar / A few words about accessibility
• with binding handler / The magic of KnockoutJS unveiled