Ng Book 2 Book2. The Guide To Angular 5 2017

User Manual:

Open the PDF directly: View PDF .
Page Count: 683 [warning: Documents this large are best viewed by clicking the View PDF Link!]

Scroll down to view the document on your mobile browser.

Table of Contents
Book Revision
Bug Reports
Chat With The Community!
Vote for New Content (new!)
Be notified of updates via Twitter
We'd love to hear from you!
How to Read This Book
- Running Code Examples
  - Angular CLI
- Code Blocks and Context
  - Code Block Numbering
- A Word on Versioning
- Getting Help
- Emailing Us
  - Technical Support Response Time
- Chapter Overview
Writing Your First Angular Web Application
- Simple Reddit Clone
- Getting started
- Special instruction for Windows users
- Running the application
- Adding Data to the Component
- Working With Arrays
- Using the User Item Component
- Bootstrapping Crash Course
- Expanding our Application
- Rendering Multiple Rows
- Adding New Articles
- Finishing Touches
  - Displaying the Article Domain
  - Re-sorting Based on Score
- Deployment
- Full Code Listing
- Wrapping Up
- Getting Help
TypeScript
- Angular 4 is built in TypeScript
- What do we get with TypeScript?
- Types
  - Trying it out with a REPL
- Built-in types
- Classes
- Utilities
  - Fat Arrow Functions
  - Template Strings
- Wrapping up
How Angular Works
- Application
- How to Use This Chapter
- Product Model
- Components
- Component Decorator
- The ProductsListComponent
- The ProductRowComponent Component
  - ProductRowComponent Configuration
  - ProductRowComponent template
- The ProductImageComponent Component
- The PriceDisplayComponent Component
- The ProductDepartmentComponent
- NgModule and Booting the App
  - Booting the app
- The Completed Project
- Deploying the App
- A Word on Data Architecture
Built-in Directives
- Introduction
- NgIf
- NgSwitch
- NgStyle
- NgClass
- NgFor
  - Getting an index
- NgNonBindable
- Conclusion
Forms in Angular
- Forms are Crucial, Forms are Complex
- FormControls and FormGroups
  - FormControl
  - FormGroup
- Our First Form
- Using FormBuilder
- Reactive Forms with FormBuilder
- Adding Validations
  - Explicitly setting the sku FormControl as an instance variable
  - Custom Validations
- Watching For Changes
- ngModel
- Wrapping Up
Dependency Injection
- Injections Example: PriceService
- Dependency Injection Parts
- Playing with an Injector
- Providing Dependencies with NgModule
  - Providers are the Key
- Providers
  - Using a Class
  - Using a Factory
- Dependency Injection in Apps
- More Resources
HTTP
- Introduction
- Using @angular/common/http
  - import from @angular/common/http
- A Basic Request
- Writing a YouTubeSearchComponent
- @angular/common/http API
Routing
- Why Do We Need Routing?
- How client-side routing works
  - The beginning: using anchor tags
  - The evolution: HTML5 client-side routing
- Writing our first routes
- Components of Angular routing
- Putting it all together
- Routing Strategies
- Running the application
- Route Parameters
  - ActivatedRoute
- Music Search App
- Router Hooks
- Nested Routes
  - Configuring Routes
  - ProductsModule
- Summary
Data Architecture in Angular 4
- An Overview of Data Architecture
  - Data Architecture in Angular 4
Data Architecture with Observables - Part 1: Services
- Observables and RxJS
  - Note: Some RxJS Knowledge Required
  - Learning Reactive Programming and RxJS
- Chat App Overview
- Implementing the Models
- Implementing UsersService
- The MessagesService
- The ThreadsService
- Data Model Summary
Data Architecture with Observables - Part 2: View Components
- Building Our Views: The AppComponent Top-Level Component
- The ChatThreadsComponent
  - ChatThreadsComponent template
- The Single ChatThreadComponent
  - ChatThreadComponent Controller and ngOnInit
  - ChatThreadComponent template
- The ChatWindowComponent
- The ChatMessageComponent
  - The ChatMessageComponent template
- The ChatNavBarComponent
  - The ChatNavBarComponent @Component
  - The ChatNavBarComponent template
- Summary
Introduction to Redux with TypeScript
- Redux
  - Redux: Key Ideas
- Core Redux Ideas
- Storing Our State
- A Messaging App
- Using Redux in Angular
- Planning Our App
- Setting Up Redux
- Providing the Store
- Bootstrapping the App
- The AppComponent
- What's Next
- References
Intermediate Redux in Angular
- Context For This Chapter
- Chat App Overview
- Implementing the Models
- App State
- Building the Reducers (and Action Creators)
- Building the Angular Chat App
- Building the ChatNavBarComponent
- Building the ChatThreadsComponent
  - ChatThreadsComponent Controller
  - ChatThreadsComponent template
- The Single ChatThreadComponent
  - ChatThreadComponent template
- Building the ChatWindowComponent
- The ChatMessageComponent
  - Setting incoming
  - The ChatMessageComponent template
- Summary
Advanced Components
- Styling
- Creating a Popup - Referencing and Modifying Host Elements
- Creating a Message Pane with Content Projection
  - Changing the Host's CSS
  - Using ng-content
- Querying Neighbor Directives - Writing Tabs
- Lifecycle Hooks
- Advanced Templates
  - Rewriting ngIf - ngBookIf
  - Rewriting ngFor - NgBookFor
- Change Detection
- Summary
Testing
- Test driven?
- End-to-end vs. Unit Testing
- Testing Tools
  - Jasmine
  - Karma
- Writing Unit Tests
- Angular Unit testing framework
- Setting Up Testing
- Testing Services and HTTP
- Testing Routing to Components
- Back to Testing Code
- Testing Forms
- Testing HTTP requests
- Conclusion
Converting an AngularJS 1.x App to Angular 4
- Peripheral Concepts
- What We're Building
- Mapping AngularJS 1 to Angular 4
- Requirements for Interoperability
- The AngularJS 1 App
- Building A Hybrid
- Summary
- References
NativeScript: Mobile Applications for the Angular Developer
- What is NativeScript?
  - Where NativeScript Differs from Other Popular Frameworks
  - What are the System and Development Requirements for NativeScript?
- Creating your First Mobile Application with NativeScript and Angular
- Understanding the Web to NativeScript UI and UX Differences
- Developing a Geolocation Based Photo Application
- Try it out!
- NativeScript for Angular Developers
Changelog
- Revision 66 - 2017-11-14
- Revision 65 - 2017-11-01
- Revision 64 - 2017-09-15
- Revision 63 - 2017-08-02
- Revision 62 - 2017-06-23
- Revision 61 - 2017-05-24
- Revision 60 - 2017-04-27
- Revision 59 - 2017-04-07
- Revision 58 - 2017-03-24
- Revision 57 - 2017-03-23
- Revision 56 - 2017-03-22
- Revision 55 - 2017-03-17
- Revision 54 - 2017-03-10
- Revision 53 - 2017-03-01
- Revision 52 - 2017-02-22
- Revision 51 - 2017-02-14
- Revision 50 - 2017-02-10
- Revision 49 - 2017-01-18
- Revision 48 - 2017-01-13
- Revision 47 - 2017-01-06
- Revision 46 - 2017-01-03
- Revision 45 - 2016-12-05
- Revision 44 - 2016-11-17
- Revision 43 - 2016-11-08
- Revision 42 - 2016-10-14
- Revision 41 - 2016-09-28
- Revision 40 - 2016-09-20
- Revision 39 - 2016-09-03
- Revision 38 - 2016-08-29
- Revision 37 - 2016-08-02
- Revision 36 - 2016-07-20
- Revision 35 - 2016-06-30
- Revision 34 - 2016-06-15
- Revision 33 - 2016-05-11
- Revision 32 - 2016-05-06
- Revision 31 - 2016-04-28
- Revision 30 - 2016-04-20
- Revision 29 - 2016-04-08
- Revision 28 - 2016-04-01
- Revision 27 - 2016-03-25
- Revision 26 - 2016-03-24
- Revision 25 - 2016-03-21
- Revision 24 - 2016-03-10
- Revision 23 - 2016-03-04
- Revision 22 - 2016-02-24
- Revision 21 - 2016-02-20
- Revision 20 - 2016-02-11
- Revision 19 - 2016-02-04
- Revision 18 - 2016-01-29
- Revision 17 - 2016-01-28
- Revision 16 - 2016-01-14
- Revision 15 - 2016-01-07
- Revision 14 - 2015-12-23
- Revision 13 - 2015-12-17
- Revision 12 - 2015-11-16
- Revision 11 - 2015-11-09
- Revision 10 - 2015-10-30
- Revision 9 - 2015-10-15
- Revision 8 - 2015-10-08
- Revision 7 - 2015-09-23
- Revision 6 - 2015-08-28
- Revision 5 - 2015-08-01
- Revision 4 - 2015-07-30
- Revision 3 - 2015-07-21
- Revision 2 - 2015-07-15
- Revision 1 - 2015-07-01

Navigation menu