Search⌘ K

Front-End Infrastructure Implementation

Explore how to implement front-end infrastructure by organizing Angular applications through modules and components. Understand how to use app.module.ts, user services, and components to manage CRUD operations communicating with a backend API in a MEAN stack environment.

Modules & Components

We will be implementing the following project from GitHub; so let’s start by discussing the different folders/files that we’ll be using throughout the project.

In the GitHub project, there is a separate mean_frontend folder.

You can see that there are a bunch of files in there, most of which are configuration files. Our focus should be on the src folder, where the source code is. This is probably a good moment to introduce the terms Modules and Components, as they are the main units of every Angular application.

Angular applications are modular, and have their own ...