Member-only story
Understanding MVC Services for Front End: Angular
A step-by-step Angular tutorial

Introduction
This post is the third in a series of three posts to understand how the MVC architecture works to create frontend applications. The objective is to understand how to structure a frontend application. This is done by evolving from a web page in which JavaScript is used as a scripting language, towards an application in which JavaScript/TypeScript is used as an object-oriented language.
In this third post, the application will be built using Angular, from the second version which used TypeScript. Therefore, this piece covers the migration of the application from TypeScript to Angular. However, it’s important to understand how all the parts of the application are related and how it is structured. Angular allows us to forget about DOM, so the user.view.ts
file disappear from our app.
Finally, in the last piece, we will transform our code to integrate it with the Angular framework.
- Part 1. Understanding MVC Services for Front End: VanillaJS
- Part 2. Understanding MVC Services for Front End: TypeScript
- Part 3. Understanding MVC Services for Front End: Angular