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

Angular Flex Layout

Before you can make effective use of Material, you must be aware of its layout engine. If you have been doing web development for a while, you may have encountered Bootstrap's 12-column layout system. I find it enormously irritating, since it falls foul of a mathematical barrier in my brain, which is wired to divvy things up as parts of 100%. Bootstrap also demands strict adherence to a div column and row hierarchy that must be precisely managed from your top-level HTML to the bottom. This can make for a very frustrating development experience.

In the following screenshot, you can see how Bootstrap's 12-column scheme looks:

Figure 5.6: Bootstrap's 12-column layout scheme

Bootstrap's custom grid-layout system was revolutionary for its time, but then CSS3 Flexbox arrived on the scene. In combination with media queries, these two technologies allow for the creation of responsive UIs. However, it is very laborious to leverage...