AngularJS and Angular main differences
The main differences between AngularJS and Angular is that AngularJS is a framework for web development created by Google based on Javascript, and Angular, which is based on Typescript and was initially called Angular 2, was initially seen as the following version of AngularJS, but due to the change between these two versions and the fact that they are not backward compatible, they are considered two different frameworks.
AngularJS is kept for Angular 1.x versioning and in higher versions only name is kept Angular.
After this brief explanation of the names (I hope you have not confused them anymore), we will see a little more in-depth what is Angular.
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 JJE programming
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:
The image was taken from this link.
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.