You're reading from Learning Angular A no-nonsense beginner's guide to building web applications with Angular 10 and TypeScript

Product type Paperback

Published in Sep 2020

Publisher Packt

ISBN-13 9781839210662

Length 430 pages

Edition 3rd Edition

Languages

JavaScript

Tools

Angular

Concepts

Front End Web Development

Authors (2):

Aristeidis Bampakos

Pablo Deeleman

View More author details

Table of Contents (19) Chapters

Preface

1. Section 1: Getting Started with Angular

2. Chapter 1: Building Your First Angular App FREE CHAPTER

3. Chapter 2: Introduction to TypeScript

4. Section 2: Components – the Basic Building Blocks of an Angular App

5. Chapter 3: Component Interaction and Inter-Communication

6. Chapter 4: Enhance Components with Pipes and Directives

7. Chapter 5: Structure an Angular App

8. Chapter 6: Enrich Components with Asynchronous Data Services

9. Section 3: User Experience and Testability

10. Chapter 7: Navigate through Components with Routing

11. Chapter 8: Orchestrating Validation Experiences in Forms

12. Chapter 9: Introduction to Angular Material

13. Chapter 10: Giving Motion to Components with Animations

14. Chapter 11: Unit test an Angular App

15. Section 4: Deployment and Practice

16. Chapter 12: Bringing an Angular App to Production

17. Chapter 13: Develop a Real-World Angular App

18. Other Books You May Enjoy

Leave a review - let other readers know what you think

Summary

In this chapter, we learned how to create an Angular component using the Angular CLI and configure it using the @Component decorator. We discussed how we could isolate the component's HTML template in an external file to ease its future maintainability. Also, we saw how to do the same with any style sheet we wanted to bind to the component, in case we do not want to bundle the component styles inline. We also went through communication between the component and its template in a bidirectional way using property and event bindings.

We were guided through the options available in Angular for creating powerful APIs for our components, so we can provide high levels of interoperability between components, configuring its properties by assigning either static values or managed bindings. We also saw how a component can act as a host component for another child component, instantiating the former's custom element in its template, setting the ground up for larger component...