Angular Cookbook

Discover actionable solutions to everyday problems in building applications with Angular and TypeScript, from app design to production deployment

Key Features

• Explore recipes across core Angular topics to fill gaps in your knowledge of using Angular in production
• Discover industry best practices and tooling to enhance your development experience with Angular
• Understand advanced topics in Angular to help you become a proficient enterprise web developer

Book Description

The Angular framework, powered by Google, is the framework of choice for many web development projects built across varying scales. It's known to provide much-needed stability and a rich tooling ecosystem for building production-ready web and mobile apps. This recipe-based guide enables you to learn Angular concepts in depth using a step-by-step approach. You'll explore a wide range of recipes across key tasks in web development that will help you build high-performance apps.

The book starts by taking you through core Angular concepts such as Angular components, directives, and services to get you ready for building frontend web apps. You'll develop web components with Angular and go on to cover advanced concepts such as dynamic components loading and state management with NgRx for achieving real-time performance. Later chapters will focus on recipes for effectively testing your Angular apps to make them fail-safe, before progressing to techniques for optimizing your app's performance. Finally, you'll create Progressive Web Apps (PWA) with Angular to provide an intuitive experience for users.

By the end of this Angular book, you'll be able to create full-fledged, professional-looking Angular apps and have the skills you need for frontend development, which are crucial for an enterprise Angular developer.

What you will learn

• Gain a better understanding of how components, services, and directives work in Angular
• Understand how to create Progressive Web Apps using Angular from scratch
• Build rich animations and add them to your Angular apps
• Manage your app's data reactivity using RxJS
• Implement state management for your Angular apps with NgRx
• Optimize the performance of your new and existing web apps
• Write fail-safe unit tests and end-to-end tests for your web apps using Jest and Cypress
• Get familiar with Angular CDK components for designing effective Angular components

Who this book is for

The book is for intermediate-level Angular web developers looking for actionable solutions to common problems in Angular enterprise development. Mobile developers using Angular technologies will also find this book useful. Working experience with JavaScript and TypeScript is necessary to understand the topics covered in this book more effectively.

Table of Contents

1. Winning Components Communication
2. Understanding and using Angular Directives
3. The Magic of Dependency Injection in Angular
4. Understanding Angular Animations
5. Angular and RxJS – Awesomeness Combined
6. Reactive State Management with NgRx
7. Understanding Angular Navigation and Routing
8. Mastering Angular Forms
9. Angular and the Angular CDK
10. Writing Unit Tests in Angular with Jest
11. E2E Tests in Angular with Cypress
12. Performance Optimizations in Angular
13. Building PWAs with Angular

Muhammad Ahsan Ayaz is a Google Developer Expert in Angular and a Senior Software Engineer at Klarna. He has developed several web apps and hybrid mobile applications over six years and has expertise in JavaScript, Angular, Ionic, Node.js, and web technologies. He has contributed to several open-source projects, including Angular CLI and Ionic Core.