This is Angular

Javier Vidal Numa , Development analyst 

Angularjs or Angular?

One of the main differences would be that Angularjs is a framework for web development created by Google and Angular, which was initially called Angular 2, it was originally seen as the next version of Angularjs, but due to the change between these two versions since they are not backward compatible, they are taken as two different frameworks. Angularjs is kept for Angular 1.x versioning and in higher versions only Angular name is kept.

After this brief explanation of the names (I hope you have not confused them anymore), we will see a little more in-depth what Angular is.

One of the biggest changes that we can see in Angular is that TypeScript, a superset of javascript, is used, which allows us to use static typing. This makes things much easier for us because it provides the ability to use enumerators, modules, namespaces, decorators without mentioning an import system, which in Angular, we will use frequently.

Let’s talk a little bit about how Angular is built into your core

Angular is built so that we can create our applications as a single page application

“Single Page Application is a single page web application, that is, the interaction of the application is on one page. In a SPA the HTML, JavaScript, CSS are loaded only once, Unbelievable !. ”

User in medium JJE Programming https://medium.com/@programacionjje/que-es-spa-single-page-application-4dbd3694fac9

Now, once we start working in Angular, we already have access to the main module called core with which we can run our first and simple application with its components. Here I want to clarify that Angular works everything under components. A component can be a section or a header, whatever we want to show, it can be as small or large as we want but, in general, they are usually parts of the front that is not only shown, in one place but to be able to To use these components, they must be part of a module.

So, we have an application that consists of modules. In turn, each module contains components that we can use.

But we will not only use modules and components, but we will also use:

  • HTML templates with angular tags
  • Class components that manage templates
  • Services that encapsulate application logic
  • and the modules, as I said, that organize the components but also the services

Here below we can see an image with the architecture of an angular application:

A key tool to work with Angular would be its CLI (command line interface), which allows the creation of applications, providing us with a base structure with the necessary files for the code skeleton and allowing us to originate them in a standardized directory structure with command lines.

As we have seen, Angular is a framework that makes it easy for us to create web applications that can be easily scaled. Using it efficiently and knowing its operation, we can create impressive applications.

There are a lot of issues that I’m still leaving out and that I don’t name here. That highlights how great this framework … we will see that in the future.