Book Image

Effective Angular

By : Roberto Heckers
Book Image

Effective Angular

By: Roberto Heckers

Overview of this book

Angular is an open-source, front-end framework used to build web applications using TypeScript. Angular is a component-based framework, which means you build apps by developing and composing reusable components. This framework has all the built-in features needed to develop complex, feature-rich web apps. Written by an Angular specialist working with some of the top companies in the Netherlands, this book teaches you how to harness the full potential of the Angular framework. You’ll explore different front-end architecture designs and set up a scalable environment for Angular applications and libraries using Nx, before taking a deep dive into the framework's newest and most powerful features. Next, you’ll learn to manipulate the Document Object Model (DOM) with Angular directives, pipes, and animations, and build reusable components like a pro. The book spotlights best practices and flags potential pitfalls at every step of the way. You’ll also learn design patterns that fit well when using the Angular framework, reactive programming with RxJS and Angular signals, and how to manage application states effectively. The book teaches you about accessibility, testing, and optimizing your app for deployment. By the end of this book, you’ll be able to use Angular effectively to build enterprise-ready, scalable front-end applications.
Table of Contents (18 chapters)
Free Chapter
1
Part 1:Angular Basics and Setting Up Scalable Nx Workspaces
6
Part 2:Handling Application State and Writing Cleaner, More Scalable Code
11
Part 3:Getting Ready for Production with Automated Tests, Performance, Security, and Accessibility

Part 1:Angular Basics and Setting Up Scalable Nx Workspaces

In this part, you’ll learn about frontend architecture and what to consider when creating your workspace. Additionally, you’ll set up your own Nx monorepo, which is ready to handle hundreds of Angular applications and libraries. After creating your Nx monorepo, you’ll learn about the newest features in the Angular framework, such as signals and standalone components. When you’re fully up to date with the latest developments of the Angular framework, you’ll do a deep dive into the Angular router, component communication, and dependency injection. Then, you will get hands-on experience with Angular directives, pipes, and animations and learn about the best practices, their impact on performance, and common pitfalls when using directives, pipes, or animations. You will finish the first part by creating template-driven, reactive, and dynamic forms, understanding their differences when you use each method and how you can adequately validate them.

This part includes the following chapters:

  • Chapter 1, Scalable Front-End Architecture for Angular Applications
  • Chapter 2, Powerful Angular Features
  • Chapter 3, Enhancing Your Applications with Directives, Pipes, and Animations
  • Chapter 4, Building Forms Like a Pro