book

Angular in Action

Name: Angular in Action
Author: Jeremy Wilken
ISBN: 9781617293313

by Jeremy Wilken

March 2018

Intermediate to advanced

320 pages

10h 22m

English

Manning Publications

Read now

Unlock full access

preface
acknowledgments
about this book
about the author
about the cover illustration
Chapter 1: Angular: a modern web platform
1.1 Why choose Angular?1.2 What you’ll learn1.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
Chapter 2: Building your first Angular app
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
Chapter 3: App essentials
3.1 Entities in Angular3.1.1 Modules3.1.2 Components3.1.3 Directives3.1.4 Pipes3.1.5 Services3.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
Chapter 4: Component basics
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
Chapter 5: Advanced components
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

Chapter 6: Services
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 trees6.4 Services without dependency injection6.5 Using the HttpClient service6.5.1 HttpInterceptor6.6 Helper services6.7 Services for sharing6.8 Additional servicesSummary
Chapter 7: Routing
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
Chapter 8: Building custom directives and pipes
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
Chapter 9: Forms
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
Chapter 10: Testing your application
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
Chapter 11: Angular in production
11.1 Building Angular for production11.1.1 Production build11.1.2 Optimizing for target browsers11.1.3 Progressive Web Apps11.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
Appendix A: Upgrading from AngularJS to Angular
A.1 Option 1: Don’t upgradeA.2 Option 2: Rewrite from scratchA.3 Option 3: Incrementally upgradeSummary
Index

Content preview from Angular in Action

1 Angular: a modern web platform

This chapter covers

Angular as a platform for modern applications
Key reasons for choosing Angular
Angular’s architecture and how components form the basis of it
How AngularJS differs from Angular
ES2015 and TypeScript and how Angular uses them

Angular is a modern web application platform that promises to provide developers with a comprehensive set of tools and capabilities to build large, robust applications. The core value proposition of Angular is to make it possible to build applications that work for nearly any platform—whether mobile, web, or desktop. The Angular team has focused on building much more than a robust application framework; they’ve also built an entire ecosystem.

All that’s a bit of a ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 9781617293313Publisher Support Other Publisher Website Errata Page Purchase Link

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills

Angular in Action

by Jeremy Wilken

1 Angular: a modern web platform

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.