book

Angular in Action

by Jeremy Wilken

March 2018

Intermediate to advanced

320 pages

9h 54m

English

Manning Publications

Read now

Unlock full access

1.1 Why choose Angular?1.2 What you’ll learn 1.3 The journey from AngularJS to Angular1.4 Angular: a platform, not a framework1.4.1 Angular CLI1.4.2 Server rendering and the compiler1.4.3 Mobile and desktop capabilities1.4.4 UI libraries1.5 Component architecture1.5.1 Components’ key characteristics1.5.2 Shadow DOM1.5.3 Templates1.5.3 JavaScript modules1.6 Modern JavaScript and Angular1.6.1 Observables1.7 TypeScript and AngularSummary
2.1 Previewing the chapter project2.2 Setting up the project2.3 The basic app scaffolding2.4 How Angular renders the base application2.4.1 App component2.4.2 App module2.4.3 Bootstrapping the app2.5 Building services2.6 Creating your first component2.7 Components that use components and services2.8 Components with forms and events2.9 Application routingSummary
3.1 Entities in Angular3.1.1 Modules3.1.2 Components3.1.3 Directives3.1.4 Pipes3.1.5 Services 3.2 How Angular begins to render an app3.3 Types of compilers3.4 Dependency injection3.5 Change detection3.6 Template expressions and bindings3.6.1 Interpolation3.6.2 Property bindings3.6.3 Special property bindings3.6.4 Attribute bindings3.6.5 Event bindingsSummary
4.1 Setting up the chapter example4.1.1 Getting the code4.2 Composition and lifecycle of a component4.2.1 Component lifecycle4.2.2 Lifecycle hooks4.2.3 Nesting components4.3 Types of components4.4 Creating a Data component4.5 Using inputs with components4.5.1 Input basics4.5.2 Intercepting inputs4.6 Content projectionSummary
5.1 Change detection and optimizations5.2 Communicating between components5.2.1 Output events and template variables5.2.2 View Child to reference components5.3 Styling components and encapsulation modes5.3.1 Adding styles to a component5.3.2 Encapsulation modes5.4 Dynamically rendering components5.4.1 Using the Ng-bootstrap modal for dynamic components5.4.2 Dynamically creating a component and rendering itSummary

6.1 Setting up the chapter example6.1.1 Getting the chapter files6.1.2 Sample data6.2 Creating Angular services6.3 Dependency injection and injector trees 6.4 Services without dependency injection6.5 Using the HttpClient service6.5.1 HttpInterceptor6.6 Helper services6.7 Services for sharing6.8 Additional servicesSummary
7.1 Setting up the chapter example7.2 Route definitions and router setup7.3 Feature modules and routing7.4 Route parameters7.4.1 Creating links in templates with routerLink7.4.2 Accessing the route parameters in a component7.5 Child routes7.6 Secondary routes7.6.1 Defining a secondary route7.6.2 Navigating between secondary routes7.6.3 Closing a secondary route and programmatic routing7.7 Route guards to limit access7.8 Lazy loading7.9 Routing best practicesSummary
8.1 Setting up the chapter example8.2 Crafting custom directives8.2.1 Creating an attribute directive8.2.2 Modifying a component with a directive with events8.2.3 Creating a structural directive8.3 Crafting custom pipes8.3.1 Creating a pure pipe8.3.2 Creating an impure pipeSummary
9.1 Setting up the chapter example9.1.1 Review the app before starting9.2 Template-driven forms9.2.1 Binding model data to inputs with NgModel9.2.2 Validating form controls with NgModel9.2.3 Custom validation with directives9.2.4 Handling submit or cancel events9.3 Reactive forms9.3.1 Defining your form9.3.2 Implementing the template9.3.3 Watching changes9.3.4 Custom validators with reactive forms9.3.5 Handling submit or cancel events9.3.6 Which form approach is better?9.4 Custom form controlsSummary
10.1 Testing tools and setting up the chapter example10.1.1 Testing tools10.2 Unit testing10.2.1 Anatomy of unit tests10.2.2 Testing pipes10.2.3 Testing services, stubs, and mocking HTTP requests10.2.4 Testing components and using testing modules10.2.5 Testing directives10.3 e2e testing10.4 Additional testing strategies10.4.1 How much testing is enough?10.4.2 When do I write tests?10.4.3 What do I write, e2e or unit tests?10.4.4 What if I don’t have time to write tests?10.4.5 What about other types of testing?Summary
11.1 Building Angular for production11.1.1 Production build11.1.2 Optimizing for target browsers11.1.3 Progressive Web Apps 11.1.4 Internationalization (i18n)11.1.5 Using alternative build tooling11.1.6 Server-side rendering or pre-rendering11.1.7 Build pipelines11.2 Angular architecture choices11.2.1 Lazy load routes11.2.2 Reduce external dependencies11.2.3 Stay up-to-date11.3 DeploymentSummary
A.1 Option 1: Don’t upgradeA.2 Option 2: Rewrite from scratchA.3 Option 3: Incrementally upgradeSummary

Overview

Angular in Action teaches you everything you need to build production-ready Angular applications.Thoroughly practical and packed with tricks and tips, this hands-on tutorial is perfect for web devs ready to build web applications that can handle whatever you throw at them.

About the Technology

Angular makes it easy to deliver amazing web apps. This powerful JavaScript platform provides the tooling to man- age your project, libraries to help handle most common tasks, and a rich ecosystem full of third-party capabilities to add as needed. Built with developer productivity in mind, Angular boosts your efficiency with a modern component architecture, well-constructed APIs, and a rich community.

About the Book

Angular in Action teaches you everything you need to build production-ready Angular applications. You'll start coding immediately, as you move from the basics to advanced techniques like testing, dependency injection, and performance tuning. Along the way, you'll take advantage of TypeScript and ES2015 features to write clear, well-architected code. Thoroughly practical and packed with tricks and tips, this hands-on tutorial is perfect for web devs ready to build web applications that can handle whatever you throw at them.

What's Inside

Spinning up your first Angular application
A complete tour of Angular's features
Comprehensive example projects
Testing and debugging
Managing large applications

About the Reader

Written for web developers comfortable with JavaScript, HTML, and CSS.

About the Author

Jeremy Wilken is a Google Developer Expert in Angular, Web Technologies, and Google Assistant. He has many years of experience building web applications and libraries for eBay, Teradata, and VMware.

Quotes
A comprehensive introduction to the world of Angular with great code samples to help readers get started.
- Tanya Wilke, Sanlam

Detailed and clear explanations; lots of useful real-world examples.
- Harsh Raval, Zymr Systems

You can never have enough Angular references...this one will float to the top.
- Michael A. Angelo, US Department of Agriculture Forestry Services

The bible for Angular!
- Phily Austria, Faraday Future