You're reading from Angular for Enterprise-Ready Web Applications Build and deliver production-grade and cloud-scale evergreen web apps with Angular 9 and beyond

Product type Paperback

Published in May 2020

Publisher Packt

ISBN-13 9781838648800

Length 824 pages

Edition 2nd Edition

Languages

JavaScript

Tools

Angular

Concepts

Programming Language

Author (1):

Doguhan Uluca

View More author details

Table of Contents (19) Chapters

Preface

1. Introduction to Angular and Its Concepts

2. Setting Up Your Development Environment FREE CHAPTER

3. Creating a Basic Angular App

4. Automated Testing, CI, and Release to Production

5. Delivering High-Quality UX with Material

6. Forms, Observables, and Subjects

7. Creating a Router-First Line-of-Business App

8. Designing Authentication and Authorization

9. DevOps Using Docker

10. RESTful APIs and Full-Stack Implementation

11. Recipes – Reusability, Routing, and Caching

12. Recipes – Master/Detail, Data Tables, and NgRx

13. Highly Available Cloud Infrastructure on AWS

14. Google Analytics and Advanced Cloud Ops

15. Another Book You May Enjoy

16. Index

Appendix A: Debugging Angular

1. Appendix B: Angular Cheat Sheet

Using Material components

Now that we have all the various dependencies installed, we can start modifying our Angular app to add Material components. We will add a toolbar and a Material Design card element, and cover accessibility and typography concerns alongside basic layout techniques.

Angular Material schematics

Since Angular 6 and the introduction of schematics, libraries like Material can provide their own code generators. At the time of publication, Angular Material ships with three rudimentary generators to create Angular components with a side navigation, a dashboard layout, or a data table. You can read more about generator schematics at https://material.angular.io/guide/schematics.

For example, you can create a side navigation layout by executing the following command:

$ ng generate @angular/material:material-nav --name=side-nav
CREATE src/app/side-nav/side-nav.component.css (110 bytes) CREATE src/app/side-nav/side-nav.component.html (945 bytes) CREATE...