gzip middleware, Mach compressed response headers, 268 Content-Type headers, 268 Mach.gzip, 269 Vary header, 269

Transcription

1 Index A AMD See Asynchronous module definition (AMD) AngularJS tool Angular Directives creation, 161 factory function, 161 newly defined directive, 162 prototypal inheritance, 160 controllers manipulating scope object, scopes and prototypal inheritance, two-way data binding, creating complex forms conditional logic, 183, 185 repeatable sections, validation, 178, creating routes dashboard and headlines, 174 goals, 174 parameters, 175 resolutions, declarative approach, imperative approach, loosely coupled Angular applications dependency injection, factories, providers, services, modules Angular application, 158 Angular s module() method, 158 automatic bootstrapping, 159 creating with dependencies, 158 manual bootstrapping, 159 Asynchronous module definition (AMD), 73, 86 87, 102 Async.js library batch flow asynchronous cargo, asynchronous queue, control flow functions, 425 flow control function pattern, 426 flows and functions, 446 loop flow infinite loop, 441 retry loop, until some condition becomes false, while some condition remains true, parallel flow, 428 getuser() function, steps, pipeline flow async.waterfall(), calcage() function, 431 getuser() factory function, 431 nested callbacks, 432 pipeline() function, reward() function, 431 steps, , 433 sequential flow, 426 steps, steps with argument binding, 428 async.parallel() function, 429 async.series(), 429 Automated JavaScript linting, Grunt, 28 Automated Sass stylesheet compilation, Grunt, 29 Automated unit testing, Grunt, 31 B Bayeux protocol browser, 386 dropped connections and messages, 385 legacy browser support, 385 long-polling technique, 384 network challenges, 384 Node.js, 386 socket connections,

2 index Bookshelf library object-relational mapper, 361 creating model, 362 creating new instance, customizing export process, 368 defining class properties, 368 destroying instances, 364 extending with custom behavior, extending with subclasses, 369 fetching instances, 363 fetching multiple models, validation, 367 relationships, 370 many-to-many association, one-to-many association, one-to-one association, Bower tool adding packages, 4 5 configuration, 2 creation registry, 9 Semver Git Tags, 8 valid name, 8 dependency chain management, 7 finding packages, 3 installation, 2 manifestation, 2 3 removing packages, 5 semantic version number, 6 Browserify, JavaScript module loader See also Transforms AMD API vs. CommonJS, 102 browser module lib/browser.js, 115 lib/extra-browser, 116 lib/extra.js, 116 lib/node.js, 115 multiple module, 116 bundles browserify.js, 109 browserify-vendor.js, 110 Gruntfile, 109 HTML file, 108 front-end application, 103 Grunt task, 104, 107 HTML file, 104 installation, 103 Node advantage, 113 creating namspace, 112 dependency management, 114 Grunt task, 113 loading Lodash, 114 NODE_PATH environment, 112 path-env project, reference module, 111 resolution module, 112 triggering new bundle creation, 106 Watchify installation, 107 browserify-shim transform, 119 bulkify transform, 118 C calcage() function, 431 calcavg() function, 402 Callback-driven JavaScript library See Async.js library Callback hell, 348 catch() method, 415 changepassword() function, 419 Complex forms management, AngularJS conditional logic, 183, 185 repeatable sections, validation built-in Angular directives, 181 controller, 180 displaying dynamic feedback, 178 dynamic display of feedback, 182 FormController, 181 ng-model directives, 181 output in final state, 183 output in initial state, 182 Connection.getParams() method, 262 Content Security Policy (CSP), 249 Context helpers asynchronous, 223 bodies, 220 chunk, 219 context, 219 feature, 218 params, 222 Context helperssystemstatus() context helper, 218 crankyfunction(), 417 Custom Dust Filter, 217 D, E Dependency management, 114 done() method, 401, 413, 417 Dust helpers context dump, 229 custom helpers, 229 iteration helpers, 228 logic, mathematical expression, 228 switch statement,

3 Index F Faye library Bayeux protocol browser, 386 dropped connections and messages, 385 legacy browser support, 385 long-polling technique, 384 network challenges, 384 Node.js, 386 socket connections, 385 HTTP, PubSub messaging cancel() method, 387 /foo channel, 388 implementation, 391, 393 /numbers Channel, 387 wildcard channels, 388 WebSockets, 383 filterbyskill() function, finally() method, 416 folderify transform, 117 G get() method, 195 getparams() method, 257 getuser() factory function, 431 getuser() function, 420 groupbystates() functions, Grunt tool adding, 15 configuration, 15 Gruntfile.js, 12 grunt uglify, 17 installation, 12 interacting with file system automated JavaScript linting, 28 29, 31 grunt-contrib-watch plugin, 28 methods, 25 source-destination mappings, loadtasks() function, plugins, 14 configuration, 32 file structure, 32 output, 35 publishing via npm, 35 source code, tasks, 14 asynchronous, 19 dependencies, 20 descriptions, managing configuration, 18 multi-tasks, gzip middleware, Mach compressed response headers, 268 Content-Type headers, 268 Mach.gzip, 269 Vary header, 269 H HTTP routes, Mach GET route, methods, 254 query strings and request bodies curl command, 257 extracting values, sending POST request, 258 REST route, 256 sending responses, 259 Connection.send(), 258 setting Content-Type header, 260 methods, redirect response, 260 I Internationalization and localization, Kraken tool Content Security Policy (CSP), 249 cookie-based authentication, corresponding content files, 241 CSRF attack, 247 CSRF token missing error, 248 Dust template, English version, 242 inserting hidden _csrf field, locale-specific version, 242 locality detection, 243 malicious web form, 247 malicious web site, 246 sign-in attempt, 246 signing into trusted application, 245 sign-in page, Spanish version, 243 synchronizer token pattern, 247 J JSON application configuration file, 66 logs command, 67 main application, 65, 67 options, 64 settings, 64 weather application, 65,

4 index K Knex library adding knex npm module, 346 command-line utility, 346 configuring, 347 features, 346 migration scripts configuration, 356 execution, 359 file structure, 357 new script, 357 reverting, 359 schema updates, up and down functions, 355 seed scripts creating, 360 execution, 360 simple Knex seed script, 360 SQL query builder interface methods, , query builder methods, 348 Knockout library additions and removal attr binding, 140 changeingredient() method, 141 commitnewingredient() method, 139 markup, 140 minus and plus buttons, reflecting changes, 141 splice() method, 141 valueupdate binding, 141 application structure, 122 binding view models to DOM, steps, 130 changing contexts, 125 changing title, 134 markup, 135 custom component system elements, 144 input list component, input list template, input list view model, data model, 122 elements, 124 <li> element, 125 instructions Citation field addition, 144 creating and editing, 142 demoteinstruction() method, 143 markup, 142 promoteinstruction() method, 143 isselected() method, 126 markup and bindings, , 127 <a> tag, 127 <h1> text binding, 127 observable property, 126, 128 hascitation() method, 129 ko.computed() function, 129 types, 128 RecipeDetails.create() function, 128 rendered application, 123 selectedrecipe observable, 126 selectrecipe() method, 126 subscribables modified save() method, 150 notifysubscribers() method, 151 as primitive message bus, 150 subscribe() method, 151 updation, 151 switching to Edit mode arguments, 134 bindings, button appearance, isediting observable, 133 mapping plugin, 133 updations drop-down options, <option> element, 136 <select> element, options binding, 135 regenerating formatted string, 138 simple value bindings, 137 viewmodel.servings(), 135 view model, , Kraken tool controller, 235 default controller, 233 Dust templates, blocks, 215 conditionality, 213 context and references, 209 context helpers (see Context helpers) Dust helpers (see Dust helpers) Dust sections, 212 filters, 216 iteration, 212 logic-less template engines, partials, 214 environment-aware configuration application, 192 in development mode, 195 object s get() method, 195 initializing confit, 193 in production mode, 196 project/config folder, 193 Node s require() method, 194 Shortstop Handlers (see Shortstop handlers) Project s index.js Script, 232 initial file structure,

5 Index kraken-js module, 232 middleware functions event notifications, 203 express application, 201 express processes, 200 flexibility, degree of, 201 meddleware module, steps, 200 onconfig() callback function, 233 project launching, 231 structured route registration directory configuration, 205 index configuration, 204 routes configuration, 207 test suite, 237 updated feeds model, 234 using Yeoman generator, 230 L loadcandidates() function, 422 loadcustomer() function, 405 Loader plugins, RequireJS i18n German (de) translation, 93 header.hbs template, 92 header-view module, 92 language module, 93 nls/de directory, 93 quotes page view, 93 search.hbs template, 92 text.js, 88 #explode helper, 89 module alias, quotes.hbs template, 90 template, 89 Long-polling technique, 384 M Mach tool adding HTTP routes, 253 adding middleware, 253 connections Connection object, 260 location data, 261 location property, 261 message content, 262 message cookies, 262 message headers, 262 creating application stack, 252 custom middleware adding application stack, 288 adding API Version Header, 287 apiversion(), 287 layers, 287 X-API-Version header, 288 hosts /about route, adding aliases to /etc/hosts, 282 hostname prefixes, 287 linking to different hosts, 285 Mach.mapper, ping command, 283 HTTP client as both server and client, 289 fetching Mach s release tags, 290 Mach.get() method, 290 Mach.get(), 290 HTTP proxy JSON routes, 292 proxied tally data, proxying requests to another web server, 291 rendered page for voting application, 293 submitting vote, 294 wrapping in custom middleware, 292 HTTP routes GET route, query strings, request body, sending responses, URL parameters, 256 installation, 252 Mach.rewrite middleware parameters, 280 rewrite rule, 282 rewriting URL, 280 unmodified rewritten URLs, 281 middleware app.use(), 265 authentication, autoindex option, 267 auto-indexing, automatic parsing of query string, 271 automatic parsing of request body, 270 automatic XML content headers setting, 264 functions, 263 gzip, index option, 267 mach.logger, 263 modified middleware (see Modified middleware, Mach) public directory, 266 request/response evaluating order, 263 serving static HTML page, 266 session middleware (see Session middleware, Mach) setting default header values, 264 option property, 254 serving on port 8080,

6 index Mach.basicAuth middleware, 271 makenoderesolver() method, 404 Message.bufferContent() method, 262 Message.stringifyContent() method, 262 Migration scripts, Knex configuration, 356 execution, 359 new script, reverting, 359 schema updates with raw SQL queries, 358 with schema builder methods, up and down functions, 355 Modified middleware, Mach ETag and If-None-Match content modification, 277 adding ETag Header, 276 passing of If-None-Match Check, 278 Last-Modified and If-Modified-Since adding Last-Modified Header, 278 content modification, 279 passing If-Modified-Since Check, 280 Mongoose library data types complex types, 308 object types, 308 primitive types, 307 default values, 309 JSON data Album JSON Data File, 301 album schema, 302 importing data, ODM, 301 querying data, models and documents creating Album constructor, 321 library schema and Album model, 321 creating document with property data, 323 document instance methods, document virtuals, mongoose.model(), 321 new album document instance, 321 static methods, verification, 322 MongoDB data hierarchy, duplication, _id key, 299 Relational Database Systems (RDBMS), 298 terms and definitions, nested schemas, 308 queries Model.count(), 334 Model.find(), Model.findById(), Model.findByIdAndRemove(), Model.findByIdAndUpdate(), Query.Populate(), query operators advanced query operators, 343 $and and $or operators, $in and $nin operators, $lt and $gt operators, $regex operators, 342 required attribute, 310 schema middleware asynchronous pre-save middleware, 320 order of execution, 320 pre-save middleware, schema references creating single/multiple documents, 318 importing library data, 315, 317 libraryjson.albums property, 317 library JSON data, 315 running library import script, 318 verifying library import, 318 $or criteria, 317 schema validation asynchronous property validators, 312 declaring property validators inline, 312 properties, 311 robust version, 314 ValidationError, 313 secondary indexes, Multi-tasks, Grunt, 20 calling without specifying specific target, 21 command-line options, 24 with configuration options, 22 with configuration templates, 23 displaying feedback to user, handling errors, 25 running against specific target, 21 N nodeify() method, 405 Node.js-style callback, 425 notify() method, 413, 415 notifyuser() function, 419 O Object data mapper (ODM), 301 Object-relational mapper, 361 P Package management, 1. See also Dependency management PM2 command-line utility 482

7 Index accessing sole route, 55 commands, 55 details for specific PM2 process, 56 error recovery, installation, 53 launching application, 54 load balancing exec_mode property, 69 Express application scaling, 68 instances property, 69 JSON application configuration file, 68 launching application, 69 monit command, 69 monitoring CPU usage, 69 monitoring arguments, 60 local resources, 60 logging incoming requests, 59 output from processes, 59 output from specific processes, 60 remote resources, 61 Node application information, 54 process management, responding to file changes, 58 zero-downtime deployments gracefulreload command, modified application, 70 releasing updates to public, 70 reloading process, 72 process.nexttick() function, 402 Promises See Q library PubSub messaging cancel() method, 387 /foo channel, 388 implementation, 391 /numbers channel, 387 wildcard channels, 388 Pyramid of doom, 348 Q Q.all() function, Q.allSettled() function, 421 Q library asynchronous callback-driven code, 397 asynchronous code, 396 callbacks, 397, 399 catch() method, 415 cleaning up resources, 416 deferred asynchronous, callback-driven API, 403 calcavg() implementation, 402 creation, 402 definition, 401 nodeify() method, 405 node resolver callback, 404 notification, 413 resolve() methods, 406 done() method, 417 finally() method, 416 flow control parallel flow, 420 pipeline flow, 421 sequential flow, 418 fs.readfile(), 397 getplayerstats(), 397 Node.js runtime, 395 playerstats.calcavg(), 397 playerstats.calcbest(), 397 promise chain termination, 417 Promises/A+ specification, 401 rejection callback error muffling, 410 error return, 409 resolution callback, 411 throwing error, 410 reporting progress console output, 415 Q s thenable method signature, 412 resolution callback, 407 simple values, 412 synchronous code, 395, 397 try/catch block, 397 R RequireJS, JavaScript module loader AMD, 73 application module and dependencies logical dependency tree, 80 module anatomy, module dependency paths, 80 public directory structure, 79 cache busting bust parameter, 95 definition, 94 problems, 96 urlargs property, 95 configuration application file locations, 76 external script, 77 main module, 78 global require object, 75 RequireJS API, 77 exciting HTML file, 74 exciting web server, 74 installation, 75 loader plugins 483

8 index RequireJS, JavaScript module loader (cont.) i18n, text.js, web page loading, 91 loading plugins jquery and custom plugins, 83 using module aliases, 82 without proxy module, 83 non-amd dependencies, 74 optimizer configuring r.js, public/scripts directory, 98 running r.js command, paths and aliases configuration module path aliases, 81 jquery alias, 82 jquery module dependency, 81 shim dependencies highlight module, jquery loading, 88 quotes-state module, 86 search-view module, 86 shimmed scripts, 87 shims configuration, 84 module, 85 Undrln library, window.navigator.language property, 94 resolve() methods, 406 reward() function, 431 S Semantic version number, 6 sendtonsa() functions, 419 Session middleware, Mach adding to application Stack, 273 cookie, 275 cookie-specific option properties, 275 perplexing quiz, 273 Redis session store, 276 setting session properties, 274 Shortstop handlers default configuration file, 198 file, 198 glob, 198 import and config, 196 index.js Script, 197 output, 197, 199 path, 198 require, 198 Source-destination mappings, Grunt expand option, 28 Files Array format, imaginary project s public folder, 26 src key, SQL query builder, Knex callback function, 348 promise-based API, 349 results, 349 streams, transactions, 352, 354 subscribe() method, 388 T then() method, 399, 402, 413, 416, 419 Transforms brfs transform, browserify-shim transform, 119 bulkify transform, 118 folderify transform, 117 fs.readfilesync(), 117 readfilesync() method, 116 transforms-brfs package, 117 U Underscore and Lodash functions aggregation and indexing countby(), groupby(), indexby(), chaining on collection, 460 filtering collection, 461 foreach(), 462 on primitive, 462 data selection from collections filter() and where(), 455 filter(), 454 where(), 454 data selection from objects omit(), 458 pick(), pluck(), 456 values(), installation and usage, 449 vs. native ECMAScript, templates accessing data object, changing template syntax, 472 default data, global template settings, 473 looping, reusable binding function, 469 with gator tags, 469 timing debounce(), defer(), 463 throttle(),

9 Index V, W, X Visual learner, 104 custom code, 105 dependency tree, 105 Y, Z Yeoman generator answer file, 40 Grunt task, 39 installation, 38 node modules, question file, 38 subcommands Grunt Task, 42 modernweb generator, 41 calling route sub-generator, 42 sub-generators default app sub-generator, 43 app folder contents, 46 commands, 43 composability, 51 instance methods, 47 Lodash templates, prototype methods, 47 secondary commands, tools and libraries,