Angular Cookbook

Over 80 actionable recipes every Angular developer should know

Muhammad Ahsan Ayaz

BIRMINGHAM—MUMBAI

Angular Cookbook

Copyright © 2021 Packt Publishing

All rights reserved. No part of this book may be reproduced, stored in a retrieval system, or transmitted in any form or by any means, without the prior written permission of the publisher, except in the case of brief quotations embedded in critical articles or reviews.

Every effort has been made in the preparation of this book to ensure the accuracy of the information presented. However, the information contained in this book is sold without warranty, either express or implied. Neither the author, nor Packt Publishing or its dealers and distributors, will be held liable for any damages caused or alleged to have been caused directly or indirectly by this book.

Packt Publishing has endeavored to provide trademark information about all of the companies and products mentioned in this book by the appropriate use of capitals. However, Packt Publishing cannot guarantee the accuracy of this information.

Associate Group Product Manager: Pavan Ramchandani

Publishing Product Manager: Pavan Ramchandani

Senior Editor: Sofi Rogers

Content Development Editor: Rakhi Patel

Technical Editor: Shubham Sharma

Copy Editor: Safis Editing

Project Coordinator: Manthan Patel

Proofreader: Safis Editing

Indexer: Tejal Soni

Production Designer: Jyoti Chauhan

First published: July 2021

Production reference: 2280721

Published by Packt Publishing Ltd.

Livery Place

35 Livery Street

Birmingham

B3 2PB, UK.

ISBN 978-1-83898-943-9

www.packt.com

To my mother, Zahida Khatoon, and my father, Muhammad Ayaz, for their prayers and sacrifices, and for exemplifying the power of determination in raising me. To my Nani (grandmother), Aarif-un-Nisa Begum, for tons of prayers for my success. And to my wife, Najla Obaid, for being my loving partner throughout our joint life journey.

– Muhammad Ahsan Ayaz

Foreword

I have known and worked with Ahsan for more than 10 years. Ahsan is one of the global Angular community's leading experts. He is very passionate about serving the developer community and having an impact on the world by training individuals to help make the world a better place through software development. He has given tons and tons of talks and sessions around the globe about JavaScript, Angular, and web development, and he actively creates video tutorials that he uploads to his YouTube channel along with writing articles on his website. This book is his most recent effort to make an impact and train more people, and to help them to learn and grow as Angular developers.

Ahsan has written this comprehensive book as a tour de force in which he takes his readers on a journey of understanding the core concepts of Angular and how to implement unit and end-to-end tests in Angular apps. The recipes vary from covering template-driven and reactive forms to exploring how to create your very own custom form controls. What's more, you'll not only learn about things such as Angular animations, the Angular router, and state management with NgRx but also dive into some amazing tools and APIs from the Angular CDK. And, last but not least, you'll build something that the industry has been talking about for years, Progressive Web Apps (PWAs), with Angular.

In short, Ahsan has transformed years of learning and experience to create this book. The book gives you the experience of real-life scenarios and their technical solutions in the form of recipes. This book's content is practical, precise, and well explained.

Having known Ahsan for so long, I can say that he dedicates all his strength and ability to doing the best that he can do when he decides to do something, and this book is no exception. And with the recipes, the source code, and the way Ahsan takes you through the content, you'll certainly learn a lot and will enhance yourself as a software engineer and an Angular developer.

Najla Obaid

Business analyst at IOMechs

Contributors

About the author

Muhammad Ahsan Ayaz is a Google Developer Expert in Angular and a software architect at Syncron. He has taught programming worldwide for the past 8 years through articles, video content, one-to-one mentoring, and tech talks at different global conferences. He has developed several libraries and plugins used by hundreds of thousands of developers, including ngx-device-detector, which has over 5 million installs and over 2,000 GitHub projects using it. He blogs at https://ahsanayaz.com and has a YouTube channel at https://ahsanayaz.com/youtube, where he regularly uploads video tutorials related to web and mobile app development. Apart from programming, Ahsan likes to travel and play multiplayer video games. He lives in Sweden with his wife.

I want to thank the people who have been close to me and have supported me throughout all these years, especially my parents (Zahida Khatoon and Muhammad Ayaz) and my wife, Najla. I would also like to thank the readers of this book and other books that I'll write in the future, and the people who follow me on my social media profiles and who are subscribed to my YouTube channel. Thank you very much!

About the reviewer

Pawel Czekaj has bachelor's degree in computer science. He has 12 years of experience as a frontend developer. He currently works as a lead frontend developer at Ziflow Ltd. His expertise is in AngularJS, Angular, Amazon Web Services, Auth0, NestJS, and others. He is currently building enterprise-level proofing solutions based fully on Angular.