Angular Projects

Cover
Copyright
Foreword
Contributors
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 the 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 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 the Angular CLI and the 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
Index