Table of Contents

Preface

Chapter 1: Creating Your First Web Application in Angular

Essential background theory and context

Introduction to the Angular CLI

Angular tooling in VSCode

Project overview

Getting started

Creating our first Angular application

Interacting with the Angular framework

Building our application with Nx Console

Summary

Practice questions

Further reading

Chapter 2: Building an SPA Application with Scully and Angular Router

Essential background theory and context

Project overview

Getting started

Setting up routing in an Angular application

Creating the basic layout of our blog

Configuring routing for our application

Creating the contact page

Adding the articles page

Adding blog capabilities with Scully

Installing the Scully library

Initializing our blog page

Displaying blog posts on the home page

Summary

Practice questions

Further reading

Chapter 3: Building an Issue Tracking System using Reactive Forms

Essential background theory and context

Project overview

Getting started

Installing Clarity to an Angular application

Displaying an overview of issues

Fetching pending issues

Visualizing issues in a data grid

Reporting new issues

Setting up reactive forms in an Angular application

Creating the report issue form

Displaying a new issue in the list

Validating the details of an issue

Resolving an issue

Turning on suggestions for new issues

Summary

Exercise

Further reading

Chapter 4: Building a PWA Weather Application Using Angular Service Worker

Essential background theory and context

Project overview

Getting started

Setting up the OpenWeather API

Displaying weather data

Setting up the Angular application

Communicating with the OpenWeather API

Displaying weather information for a city

Enabling offline mode with the service worker

Staying up to date with in-app notifications

Deploying our app with Firebase hosting

Summary

Practice questions

Further reading

Chapter 5: Building a WYSIWYG Editor for the Desktop using Electron

Essential background theory and context

Project overview

Getting started

Adding a WYSIWYG editor library for Angular

Integrating Electron in the workspace

Communicating between Angular and Electron

Configuring the Angular CLI workspace

Interacting with the editor

Interacting with the filesystem

Packaging a desktop application

Configuring webpack for production

Using an Electron bundler

Summary

Practice questions

Further reading

Chapter 6: Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps

Essential background theory and context

Project overview

Getting started

Creating a mobile application with Ionic

Scaffolding the application

Building the main menu

Taking photos with Capacitor

Creating the user interface

Interacting with Capacitor

Storing data in Firebase

Creating a Firebase project

Integrating the AngularFire library

Previewing photos with CesiumJS

Configuring CesiumJS

Displaying photos on viewer

Summary

Practice questions

Further reading

Chapter 7: Building an SSR Application for a GitHub Portfolio Using Angular

Essential background theory and context

Project overview

Getting started

Building an Angular application with the GitHub API

Building the dashboard

Displaying personal information

Listing user repositories

Visualizing the organization membership

Integrating Angular Universal

Prerendering content during build

Enhancing SEO capabilities

Replaying events with preboot

Summary

Practice questions

Further reading

Chapter 8: Building an Enterprise Portal Using Nx Monorepo Tools and NgRx

Essential background theory and context

Project overview

Getting started

Creating a monorepo application using Nx

Creating user-specific portals

Building the visitor portal

Building the administrator portal

Managing application state with NgRx

Configuring the state

Interacting with the store

Visualizing data with graphs

Persisting visit data in the store

Displaying visit statistics

Summary

Practice questions

Further reading

Chapter 9: Building a Component UI Library Using Angular CLI and Angular CDK

Essential background theory and context

Project overview

Getting started

Creating a library with the Angular CLI

Building a draggable card list

Displaying card data

Adding drag-and-drop functionality

Interacting with the clipboard

Publishing an Angular library to npm

Using components as Angular elements

Summary

Practice questions

Further reading

Chapter 10: Customizing Angular CLI Commands Using Schematics

Essential background theory and context

Project overview

Getting started

Installing the schematics CLI

Creating a Tailwind component

Creating an HTTP service

Summary

Exercise

Further reading

Other Books You May Enjoy