Sign In Start Free Trial

Learning Angular, Fourth Edition

By : Aristeidis Bampakos, Pablo Deeleman

4.7 (32)

Learning Angular, Fourth Edition

4.7 (32)

By: Aristeidis Bampakos, Pablo Deeleman

Overview of this book

As Angular continues to reign as one of the top JavaScript frameworks, more developers are seeking out the best way to get started with this extraordinarily flexible and secure framework. Learning Angular, now in its fourth edition, will show you how you can use it to achieve cross-platform high performance with the latest web techniques, extensive integration with modern web standards, and integrated development environments (IDEs). The book is especially useful for those new to Angular and will help you to get to grips with the bare bones of the framework to start developing Angular apps. You'll learn how to develop apps by harnessing the power of the Angular command-line interface (CLI), write unit tests, style your apps by following the Material Design guidelines, and finally, deploy them to a hosting provider. Updated for Angular 15, this new edition covers lots of new features and tutorials that address the current frontend web development challenges. You’ll find a new dedicated chapter on observables and RxJS, more on error handling and debugging in Angular, and new real-life examples. By the end of this book, you’ll not only be able to create Angular applications with TypeScript from scratch, but also enhance your coding skills with best practices.

Preface

Preface

Who this book is for

What this book covers

To get the most out of this book

Get in touch

Share your thoughts

Free Chapter

Building Your First Angular Application

Building Your First Angular Application

Technical requirements

What is Angular?

Why choose Angular?

Setting up the Angular CLI workspace

Structure of an Angular application

VS Code tooling

Summary

Introduction to TypeScript

Introduction to TypeScript

The history of TypeScript

Types

Functions, lambdas, and execution flow

Common TypeScript features

Classes, interfaces, and inheritance

Decorators

Advanced types

Modules

Summary

Join our community on Discord

Organizing Application into Modules

Organizing Application into Modules

Technical requirements

Introducing Angular modules

Creating our first module

Group application features into modules

Leveraging Angular built-in modules

Summary

Enabling User Experience with Components

Enabling User Experience with Components

Technical requirements

Creating our first component

Interacting with the template

Component inter-communication

Encapsulating CSS styling

Deciding on a change detection strategy

Introducing the component lifecycle

Summary

Join our community on Discord

Enrich Applications Using Pipes and Directives

Enrich Applications Using Pipes and Directives

Technical requirements

Introducing directives

Transforming elements using directives

Manipulating data with pipes

Building custom pipes

Building custom directives

Summary

Managing Complex Tasks with Services

Managing Complex Tasks with Services

Technical requirements

Introducing Angular DI

Creating our first Angular service

Providing dependencies across the application

Injecting services in the component tree

Overriding providers in the injector hierarchy

Summary

Join our community on Discord

Being Reactive Using Observables and RxJS

Being Reactive Using Observables and RxJS

Technical requirements

Strategies for handling asynchronous information

Reactive programming in Angular

The RxJS library

Subscribing to observables

Unsubscribing from observables

Summary

Communicating with Data Services over HTTP

Communicating with Data Services over HTTP

Technical requirements

Communicating data over HTTP

Introducing the Angular HTTP client

Setting up a backend API

Handling CRUD data in Angular

Authentication and authorization with HTTP

Summary

Join our community on Discord

Navigating through Application with Routing

Navigating through Application with Routing

Technical requirements

Introducing the Angular router

Creating an Angular application with routing

Creating feature routing modules

Passing parameters to routes

Enhancing navigation with advanced features

Summary

Collecting User Data with Forms

Collecting User Data with Forms

Technical requirements

Introducing forms to web apps

Data binding with template-driven forms

Using reactive patterns in Angular forms

Validating controls in a reactive way

Modifying forms dynamically

Manipulating form data

Watching state changes and being reactive

Summary

Join our community on Discord

Introduction to Angular Material

Introduction to Angular Material

Technical requirements

Introducing Material Design

Introducing Angular Material

Adding core UI controls

Introducing the Angular CDK

Summary

Unit Test an Angular Application

Unit Test an Angular Application

Technical requirements

Why do we need tests?

The anatomy of a unit test

Introducing unit tests in Angular

Testing components

Testing services

Testing pipes

Testing directives

Testing forms

Summary

Join our community on Discord

Bringing an Application to Production

Bringing an Application to Production

Technical requirements

Building an Angular application

Limiting the application bundle size

Optimizing the application bundle

Deploying an Angular application

Summary

Handling Errors and Application Debugging

Handling Errors and Application Debugging

Technical requirements

Handling application errors

Demystifying framework errors

Debugging Angular applications

Summary

Join our community on Discord

Other Books You May Enjoy

Other Books You May Enjoy

Index

Index

Customer Reviews

4.7 (32)

5 star

81.3%

4 star

12.5%

3 star

0

2 star

6.3%

1 star

0

What is Angular?

Angular is a development platform that is written in the TypeScript language. It consists of smaller sub-systems, including a JavaScript framework, a command-line interface, a language service, and a rich collection of first-party libraries.

Angular enables developers to build scalable web applications with TypeScript, a strict syntactic superset of JavaScript. Developing with Angular does not require knowledge of JavaScript, but it is nice to have. We will learn more details about TypeScript in Chapter 2, Introduction to TypeScript.

The official Angular documentation can be found at https://www.angular.io.

We suggest relying first on the official Angular documentation and then on any other sources because it is the most up-to-date source for Angular development.

Angular was created by a team internally at Google. The first version, 1.0, was released in 2012 and was called AngularJS. AngularJS was a JavaScript framework, and web applications built with it were written in JavaScript.

In 2016 the Angular team decided to make a revolutionary change in AngularJS. The team joined forces with the TypeScript team at Microsoft and introduced TypeScript into the framework. A vital consideration towards that decision was decorators, a powerful feature of the TypeScript language that Angular heavily uses. The next version of the framework, 2.0, was written in TypeScript and re-branded as Angular with a different logo than AngularJS.

In this book, we will cover Angular 15, which is the latest stable version of the Angular framework. AngularJS reached the end of its life in 2022, and it is no longer supported and maintained by the Angular team.

Angular is based on the most modern web standards and supports all the evergreen browsers. It is compatible with the two most recent major versions of all browsers except for Chrome and Firefox, which supports the latest ones.

In the following section, we will learn the benefits of choosing Angular for web development.

Search

Your notes and bookmarks