You're reading from Learning Angular A practical guide to building web applications with modern Angular

Product type Paperback

Published in Jan 2025

Publisher Packt

ISBN-13 9781835087480

Length 486 pages

Edition 5th Edition

Languages

Typescript

Tools

Angular

Concepts

Front End Web Development

Author (1):

Aristeidis Bampakos

View More author details

Table of Contents (17) Chapters

Preface

1. Building Your First Angular Application

2. Introduction to TypeScript FREE CHAPTER

3. Structuring User Interfaces with Components

4. Enriching Applications Using Pipes and Directives

5. Managing Complex Tasks with Services

6. Reactive Patterns in Angular

7. Tracking Application State with Signals

8. Communicating with Data Services over HTTP

9. Navigating through Applications with Routing

10. Collecting User Data with Forms

11. Handling Application Errors

12. Introduction to Angular Material

13. Unit Testing Angular Applications

14. Bringing Applications to Production

15. Optimizing Application Performance

16. Index

Building Your First Angular Application

Web development has undergone huge growth during the last decade. Frameworks, libraries, and tools have emerged that enable developers to build great web applications. Angular has paved the way by creating a framework focusing on application performance, development ergonomics, and modern web techniques.

Before developing Angular applications, we need to learn some basic but essential things to have a great experience with the Angular framework. One of the primary things we should know is what Angular is and why we should use it for web development. We will also take a tour in this chapter of Angular history to understand how the framework has evolved.

Another important but sometimes challenging introductory topic is setting up our development environment. It must be done at the beginning of a project and getting this right early can reduce friction as our application grows. Therefore, a large part of this chapter is dedicated to the Angular CLI, a tool developed by the Angular team that provides scaffolding and automation tasks in an Angular application, eliminating configuration boilerplate and enabling developers to focus on the coding process. We will use the Angular CLI to create our first application from scratch, get a feel for the anatomy of an Angular application, and take a sneak peek at how Angular works under the hood.

Working on an Angular project without help from development tools, such as an Integrated Development Environment (IDE), can be painful. Our favorite code editor can provide an agile development workflow that includes compilation at runtime, static type checking, introspection, code completion, and visual assistance to debug and build our application. We will highlight some of the most popular tools in the Angular ecosystem in this chapter, such as Angular DevTools and Visual Studio Code (VSCode).

To sum up, here are the main topics that we will explore in this chapter: