Ari Lerner - ng-book 1.4: The Complete Book on AngularJS [2015, PDF/EPUB/MOBI, ENG] + Code

Contents

Introduction ..........................................2
Foreword ..........................................2
Acknowledgments .....................................2
About the Author .....................................3
About This Book ......................................3
Organization of This Book ................................4
Additional Resources ...................................4
Conventions Used in This Book ..............................5
Development Environment ................................6

The Basics of AngularJS ...................................7
How Web Pages Get to Your Browser ...........................7
What Is a Browser? ....................................8
What Is AngularJS .....................................8

Data Binding and Your First AngularJS Web Application ................11
Introducing Data Binding in AngularJS .........................12
Simple Data Binding ....................................13
Naming our app ......................................14
Tick tock clock .......................................16
Best Data Binding Practices ................................19

Modules ............................................21
Properties ..........................................22

Scopes ..............................................23
The $scope View of the World ..............................23
It’s Just HTML .......................................24
What Can Scopes Do? ...................................25
$scope Lifecycle ......................................26
Directives and Scopes ...................................27

Controllers ...........................................28
Controller Hierarchy (Scopes Within Scopes) ......................30

Expressions ...........................................33
Interpolating a String ...................................34

Filters ..............................................38
Making Our Own Filter ..................................44
Form Validation ......................................45

Introduction to Directives ..................................64
Directives: Custom HTML Elements and Attributes ...................65
Passing Data into a Directive ...............................74

Built-In Directives .......................................81
Basic ng Attribute Directives ...............................81
Directives with Child Scope ................................85

Directives Explained .....................................104
Directive Definition ....................................104
Directive Scope ......................................111
Binding strategies .....................................116
AngularJS Life Cycle ...................................125
ngModel ..........................................129
Custom validations ....................................133

Angular Module Loading ...................................135
Configuration .......................................135
Run Blocks .........................................137

Multiple Views and Routing .................................138
Installation .........................................138
Layout Template ......................................139
Routes ...........................................139
$location Service ......................................144
Routing Modes .......................................147
Other Advanced Routing Topics .............................150

Dependency Injection .....................................151
Annotation by Inference ..................................153
Explicit Annotation ....................................153
Inline Annotation .....................................154
$inject API .........................................155
ng-annotate ........................................156

Services .............................................159
Registering a Service ....................................160
Using Services .......................................161
Options for Creating Services ...............................165

Communicating with the Outside World: XHR and Server-Side Communication ...173
Using $http .........................................173
Configuration Object ...................................177
Response Object ......................................181
Caching HTTP Requests ..................................182
Interceptors ........................................183
Configuring the $httpProvider ..............................185
Using $resource ......................................187
Installation .........................................187
Using $resource ......................................188
Custom $resource Methods ................................192
$resource Configuration Object ..............................193
$resource Services .....................................195
Using Restangular .....................................197
The What and the Why ..................................197
Installation .........................................198
Intro to the Restangular Object ..............................200
Using Restangular .....................................201
Configuring Restangular .................................204

XHR in Practice ........................................211
Cross-Origin and Same-Origin Policy ..........................211
JSONP ...........................................211
Using CORS ........................................213
Server-Side Proxies ....................................216
Working with JSON ....................................216
Working with XML ....................................217
Authentication with AngularJS ..............................218
Talking to MongoDB ...................................227

Promises ............................................231
What’s a Promise? .....................................231
Why Promises? .......................................232
Promises in Angular ....................................233
Chaining Requests .....................................238

Server Communication ....................................240
Custom Server-Side ....................................240
Install NodeJS .......................................240
Install Express .......................................241
Calling APIs ........................................243
Server-less with Amazon AWS ..............................247
AWSJS + Angular .....................................248
Getting Started .......................................249
Introduction ........................................251
Installation .........................................251
Running ..........................................253
User Authorization/Authentication ............................253
UserService .........................................258
All Aboard AWS ......................................260
AWSService ........................................263
Starting on Dynamo ....................................265
$cacheFactory .......................................266
Saving Our currentUser ..................................267
Uploading to S3 ......................................269
Handling File Uploads ...................................272
Querying Dynamo .....................................275
Showing the Listing in HTML ...............................276
Selling Our Work .....................................277
Using Stripe ........................................278
Server-less with Firebase .................................282
Three-Way Data Binding With Firebase and Angular ..................283
Getting Started With AngularFire ............................283
Ordering in AngularFire ..................................288
Firebase Events .......................................289
Implicit Synchronization .................................289
Authentication with AngularFire .............................290
Authentication Events ...................................291
Deploying Your Angular App With Firebase Hosting ..................293
Beyond AngularFire ....................................294

Testing .............................................295
Why Test? .........................................295
Testing Strategies .....................................295
Getting Started Testing ..................................296
Types of AngularJS Tests .................................296
Getting Started .......................................298
Initializing Karma Config File ...............................299
Configuration Options ...................................302
Using RequireJS ......................................308
Jasmine ...........................................311
Expectations ........................................312
End-to-End Introduction .................................318
Mocking and Test Helpers .................................328
Mocking the $httpBackend ................................330
Testing an App .......................................337
Testing Events .......................................360
Continuous Integration for Angular ...........................361
Protractor .........................................362
Configuration .......................................364
Configuration Options ...................................365
Writing Tests ........................................368
Testing in practice .....................................372
Setting Up Our First Tests .................................374
Testing the Input Box ...................................376
Page Objects ........................................382

Events ..............................................384
What are Events ......................................384
Event Propagation .....................................384
Listening ..........................................386
Event Object ........................................387
Core Services Riding on Events ..............................387

Architecture ..........................................390
Directory Structure ....................................390
Modules ..........................................391
Controllers .........................................393
Directives ..........................................395
Testing ...........................................395

Angular Animation ......................................396
Installation .........................................396
How It Works .......................................397
Using CSS3 Transitions ..................................398
Using CSS3 Animations ..................................399
Staggering CSS Transitions / Animations .........................401
Using JavaScript Animations ...............................403
Fine-tuning animations ..................................404
DOM callback events ...................................405
Animating Built-In Directives ...............................405
Building Custom Animations ...............................424
Integrating with Third-Party Libraries ..........................431

The Digest Loop and $apply .................................433
$watch List .........................................434
Dirty Checking .......................................434
$watch ...........................................435
$watchCollection .....................................437
The $digest Loop in a Page ................................438
$evalAsync List ......................................439
$apply ...........................................440
When to Use $apply() ...................................441

Demystifying Angular ....................................443
How the View Works ...................................444

Essential AngularJS Extensions ...............................447
AngularUI .........................................447
Installation .........................................447
ui-router ..........................................447
ui-utils ...........................................459

Mobile Apps ..........................................464
Responsive Web Apps ...................................464
Interaction .........................................464
Native Applications with Cordova ............................471
Getting Started with Cordova ...............................472
Including Angular .....................................479
Building with Yeoman ...................................480

Localization ..........................................488
angular-translate ......................................488
Installation .........................................488
Teaching Your App a New Language ...........................489
Multi-language Support ..................................490
Switching the language at runtime ............................492
Loading Languages ....................................493
angular-gettext .......................................494
Installation .........................................494
Usage ............................................495
String Extraction ......................................496
Translating Our Strings ..................................498
Compiling Our New Language ..............................499
Changing Languages ...................................500

Caching .............................................503
What Is a Cache? .....................................503
Angular Caching ......................................503
Caching through $http ...................................505
Setting Default Cache for $http ..............................506

Security .............................................508
Strict Contextual Escaping: the $sce Service .......................508
Whitelisting URLs .....................................511
Blacklisting URLs .....................................512
$sce API ..........................................512
Configuring $sce .....................................514
Trusted Context Types ...................................515

AngularJS and Internet Explorer ..............................516
Ajax Caching .......................................518
SEO with AngularJS ....................................518
Getting Angular Apps Indexed ..............................518
Server Side .........................................519
Options for Handling SEO from the Server Side .....................520
Taking Snapshots .....................................523
Using Zombie.js to Grab HTML Snapshots ........................523
Using grunt-html-snapshot ................................525
Prerender.io ........................................526
<noscript> Approach ...................................527

Building Angular Chrome Apps ...............................528
Understanding Chrome Apps ...............................528
Building our Chrome App .................................529
Building the Skeleton ...................................530
manifest.json ........................................530
tab.html ..........................................531
Loading the App in Chrome ................................532
The Main Module .....................................533
Building the Home Page ..................................533
Sign Up for Wunderground’s Weather API ........................536
A Settings Screen .....................................540
Implementing a User Service ...............................543
City Autofill/Autocomplete ................................545
Sprinkling in Time Zone Support .............................549

Optimizing Angular Apps ..................................552
What to Optimize .....................................552
Optimizing the $digest Loop ...............................552
Optimizing ng-repeat ...................................555
Optimizing the $digest Call ................................555
Optimizing $watch Functions ...............................555
Optimizing Filters .....................................560
Tips for Optimizing Page Load ..............................563

Debugging AngularJS .....................................564
Debugging from the DOM ................................564
Debugger ..........................................566
Angular Batarang .....................................566

Next Steps ...........................................570
jqLite and jQuery .....................................570
Essential Tools to Know About ..............................572
Grunt ............................................572
grunt-angular-templates ..................................576
Lineman ..........................................581
Bower ...........................................583
Yeoman ...........................................587
Configuring the Angular Generator ...........................592
Testing Our App ......................................593
Packaging Our App ....................................593
Packaging Our Templates .................................594
Summary ............................................597
Changelog ...........................................598