Angular as Framework

Angular as Framework

6 January 2020

Like all frameworks, it is a framework that contains libraries that ease the development of mobile, web and others applications. Angular was born with the AngularJS version, has been evolving and is currently in version 11.

A year and a half ago I started learning this technology and the learning curve has been great, with the advantage I already handled JAVA object oriented programming language, very similar to the Typescripts syntax, which is the one that is mostly handled in Angular.

I started by buying a $170 course (somewhat expensive) on the Internet, and over time, according to the client's requirements in my works, I obtained more knowledge in the subject.

One recommendation that I have always given to those who are learning, is to search in several places the same question. Google gives many results when making a search, the ideal is to look at each page, link by link, look at how many ways you can solve the same problem, so you learn more and implement the one that seems easier.

BENEFITS OF USING ANGULAR

You save time. When you start thinking about how to create a web application, you have to take decisions. For example: application architecture, its organization, others. Angular already does this for you, so you can focus on important things, like the functionalities of your web application.

Imagen Blog Art7

It makes it possible to exchange or add programmers to projects. Any Angular programmer can read the code written by another Angular programmer and understand it quickly. This is a great advantage when working as a team or taking up unfinished projects.

It uses web components. A web component is a portion of code that can be reused in other projects made with Angular. In addition, they are easy to convert into native web components, so they can be used again in other types of applications.

The future is stable. With JavaScript changes are often made and it is very complicated to learn all the new things that are coming up. With Angular, there are usually far fewer changes than with JavaScript.

Applications are easy to maintain. By using Typescripts, any changes that need to be made to the application can be done quickly and without error.

CONSUME REAL API AND ACCELERATE YOUR LEARNING IN ANGULAR

With https://reqres.in/ you can test the screens or graphic interfaces made in the Front. This service offers answers in JSON format, which you can show, for example:

https://reqres.in/api/users?page=2

Imagen Blog Art7

A good practice is always to represent the response data of the backend, in a data model that angular can manipulate, for that the interfaces are used, so:

Imagen Blog Art7

We make the consumption of the service, injecting the Http Client service in the class constructor and we execute the GET method creating a method called loadData that when subscribing, saves the data in the variable data:

Imagen Blog Art7

The corresponding HTML code to list the users:

Then, the visible result obtained in the page is a list with names:

Imagen Blog Art7

Avatar representación escritor

Nelson Castiblando

Software Engineering Team


It makes me happy: share with my parents and help those who really need it

My favorite color is: Blue

My favorite food is: spaghetti with cheese, ground beef and fried ripe

See more articles

Date

06 Enero 2021

Tags

Blog