Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying Angular Design Patterns and Best Practices
  • Table Of Contents Toc
  • Feedback & Rating feedback
Angular Design Patterns and Best Practices

Angular Design Patterns and Best Practices

By : Alvaro Camillo Neto
4.4 (14)
close
close
Angular Design Patterns and Best Practices

Angular Design Patterns and Best Practices

4.4 (14)
By: Alvaro Camillo Neto

Overview of this book

Single page applications (SPAs) have become the standard for most web experiences. Angular, with its batteries-included approach, has emerged as a powerful framework for simplifying the development of these interfaces by offering a comprehensive toolbox. This book guides you through the Angular ecosystem, uncovering invaluable design patterns and harnessing its essential features. The book begins by laying a strong foundation, helping you understand when and why Angular should be your web development framework of choice. The next set of chapters will help you gain expertise in component design and architecting efficient, flexible, and high-performing communication patterns between components. You’ll then delve into Angular's advanced features to create forms in a productive and secure way with robust data model typing. You'll also learn how to enhance productivity using interceptors to reuse code for common functionalities, such as token management, across various apps. The book also covers micro frontend architecture in depth to effectively apply this architectural approach and concludes by helping you master the art of crafting tests and handling errors effortlessly. By the end of this book, you'll have unlocked the full potential of the Angular framework.
Table of Contents (19 chapters)
close
close
1
Part 1: Reinforcing the Foundations
7
Part 2: Leveraging Angular’s Capabilities
12
Part 3: Architecture and Deployment

Deploying a page to Azure Static Web Apps

With the Docker image we created, we can run our project on any cloud provider that offers container services. However, there are other ways to deploy our Angular project.

One of these alternatives is Azure Static Web Apps, a service that specializes in web page design and allows automatic integration with GitHub. Let’s see it in practice in our project.

The first requirement is that your project is on GitHub, as shown in the following screenshot:

Figure 12.10 – GitHub repository for frontend project

Figure 12.10 – GitHub repository for frontend project

If you have copied the project repository, place the gym-diary folder in your own GitHub project.

To configure the Azure service, go to the account portal and search for Static Web Apps.

Click on the Create Static Web App button and the service form will be presented to you.

In the first part, we have the following fields:

  • Subscription: Select your Azure subscription.
  • Resource...

Unlock full access

Continue reading for free

A Packt free trial gives you instant online access to our library of over 7000 practical eBooks and videos, constantly updated with the latest in tech
bookmark search playlist download font-size

Change the font size

margin-width

Change margin width

day-mode

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Delete Bookmark

Modal Close icon
Are you sure you want to delete it?
Cancel
Yes, Delete

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY