Angular is an open-source web application framework that is maintained by Google. If you look back at the history of Angular you will find 2 main versions, the original known as AngularJS this was later replaced by a compete rewrite of the framework known as Angular 2 and then later on just known as Angular.
Angular is a development platform that is built on TypeScript and has the brilliant ability to scale from one developer to a full enterprise team. Updating is straightforward allowing you to maintain the most recent code with ease.
Why use Angular?
Frameworks are very common for developing webapps, at the time of writing we have three main frameworks.
These three may all seem like popular framework so why pick Angular?
For me it seems quite simple. Angular is a fully featured framework. This means you don’t need to install other libraries to add all the features like routing, forms, injection build and deployment packaging and more. The fact that you don’t have to install third party libraries for these operations means that angular developers can work across projects, teams and businesses with a far smoother transition in these core areas.
This feature-rich framework can do a number of things out of the box
- Generating SPA (Single page applications) directly from the command line
- Easy UI and Service logic separation
- Component-based applications
- Creation of singleton services that can be used by all components
- Production ready from the command line
- Angular’s UI library (Angular Materials)
Angular components are the building blocks to developing an Angular application. This decorator contains some angular specific information including:
- The selector, this defines how the component is used in templates.
- The template, this contains all of the HTML that instructs angular how to render a component.
- Optionally the CSS, supporting lots of CSS formats that define the appearance of the template.
Angular templates, as mentioned above contain all the HTML that instructs angular on how to render a component. Angular extends the HTML with additional syntax that allows you too dynamically insert values and handles automatically updating the DOM with changes.