Book Image

Angular Projects - Second Edition

By : Aristeidis Bampakos
Book Image

Angular Projects - Second Edition

By: Aristeidis Bampakos

Overview of this book

Packed with practical advice and detailed recipes, this updated second edition of Angular Projects will teach you everything you need to know to build efficient and optimized web applications using Angular. Among the things you’ll learn in this book are the essential features of the framework, which you’ll master by creating ten different real-world web applications. Each application will demonstrate how to integrate Angular with a different library and tool. As you advance, you’ll familiarize yourself with implementing popular technologies, such as Angular Router, Scully, Electron, Angular service worker, Nx monorepo tools, NgRx, and more while building an issue tracking system. You’ll also work on a PWA weather application, a mobile photo geotagging application, a component UI library, and many other exciting projects. In the later chapters, you’ll get to grips with customizing Angular CLI commands using schematics. By the end of this book, you will have the skills you need to be able to build Angular apps using a variety of different technologies according to your or your client’s needs.

Related Content you might be interested in

Current Title:

Small book image
Angular Projects - Second Edition
Aristeidis Bampakos
Jul, 2021 | 344 pages
Small book image
Learning Angular
Pablo Deeleman | Aristeidis Bampakos
Feb, 2023 | 446 pages
Small book image
Learning Angular
Pablo Deeleman | Aristeidis Bampakos
Sep, 2020 | 430 pages
Small book image
Beginning Server-Side Application Development with Angular
Bram Borggreve
Apr, 2018 | 110 pages
Table of Contents (12 chapters)
Preface
Preface
Who this book is for
What this book covers
To get the most out of this book
Download the example code files
Download the color images
Conventions used
Get in touch
Share Your Thoughts
1
Chapter 1: Creating Your First Web Application in Angular
Chapter 1: Creating Your First Web Application in Angular
Essential background theory and context
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
Free Chapter
2
Chapter 2: Building an SPA Application with Scully and Angular Router
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
Adding blog capabilities with Scully
Displaying blog posts on the home page
Summary
Practice questions
Further reading
3
Chapter 3: Building an Issue Tracking System using Reactive Forms
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
Reporting new issues
Resolving an issue
Turning on suggestions for new issues
Summary
Exercise
Further reading
4
Chapter 4: Building a PWA Weather Application Using Angular Service Worker
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
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
5
Chapter 5: Building a WYSIWYG Editor for the Desktop using Electron
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
Packaging a desktop application
Summary
Practice questions
Further reading
6
Chapter 6: Building a Mobile Photo Geotagging Application Using Capacitor and 3D Maps
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
Taking photos with Capacitor
Storing data in Firebase
Previewing photos with CesiumJS
Summary
Practice questions
Further reading
7
Chapter 7: Building an SSR Application for a GitHub Portfolio Using Angular
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
Integrating Angular Universal
Prerendering content during build
Enhancing SEO capabilities
Replaying events with preboot
Summary
Practice questions
Further reading
8
Chapter 8: Building an Enterprise Portal Using Nx Monorepo Tools and NgRx
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
Managing application state with NgRx
Visualizing data with graphs
Summary
Practice questions
Further reading
9
Chapter 9: Building a Component UI Library Using Angular CLI and Angular CDK
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
Interacting with the clipboard
Publishing an Angular library to npm
Using components as Angular elements
Summary
Practice questions
Further reading
10
Chapter 10: Customizing Angular CLI Commands Using Schematics
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
Why subscribe?
11
Other Books You May Enjoy
Other Books You May Enjoy
Packt is searching for authors like you
Share Your Thoughts

Preface

Angular is a popular JavaScript framework that can run on a broad range of platforms, including web, desktop, and mobile. It has an array of rich features right out of the box and a wide range of tools that makes it popular among developers. This updated second edition of Angular Projects will teach you how to build efficient and optimized web applications using Angular.

You will start by exploring the essential features of the framework by creating 10 different real-world web applications. Each application will demonstrate how to integrate Angular with a different library and tool. As you advance, you will learn how to implement popular technologies such as Angular Router, Scully, Electron, Angular's service worker, Nx's monorepo tools, NgRx, and more while building an issue tracking system, a PWA weather application, a mobile photo geotagging application, a component UI library, and many other exciting projects. In the concluding chapters, you'll get to grips with customizing Angular CLI commands using schematics.

By the end of this book, you will have the skills you need to build Angular apps using a variety of different technologies according to you or your client's needs.

Previous Section
Next Section