Angular

Introduction

Angular is a platform that makes it easy to build applications with the web. Angular combines declarative templates, dependency injection, end to end tooling, and integrated best practices to solve development challenges. Angular empowers developers to build applications that live on the web, mobile, or the desktop

What is Angular?

Angular is a JavaScript framework that is used by developers for building web, desktop, and mobile applications. Development of Angular applications involves usage of Typescript, which is a superset of JavaScript, along with HTML, CSS etc. The code written in Typescript compiles to JavaScript and is rendered in the browser.

Angular is one of the most popular JavaScript frameworks for building web applications. There have been three popular versions of Angular to date — Angular 1 (also known as AngularJS), followed by Angular 2, which was succeeded by Angular 4. AngularJS and Angular 2 are very different from each other. However, Angular 2 and Angular 4 share many similarities. Angular 4 also has a backward compatibility with Angular 2, that is, the code written in Angular 2 will work fine in Angular 4.

Advantages of Angular

There are several advantages of using Angular, some of which are mentioned below.

1.    Angular supports Single Page Applications.
2.    Two-way data binding.
3.     Modularity in Angular.
4.    Reduced coding.
5.    Declarative User Interface.
6.    Easy integration.
7.   Cross Platform.

Difference between AngularJS vs Angular 2 

AngularJS: - 

1. 1.        AngularJS coming from Version 1.0. 

2. 2.        The architecture of AngularJS is based on MVC 

3. 3.         AngularJS is slow compare to Angular 

4. 4.         AngularJS was not built for mobile devices 

5. 5.         AngularJS base on JavaScript 
6. 
   

Angular2: - 

1. 1.        Angular coming from Version 2.0. 

2. 2.        The Architecture of Angular 2 is based on service/controller. 

3. 3.        Angular 2 is 5 times faster compared to AngularJS 

4. 4.        Angular 2 is designed with mobile support in mind. 

5. 5.         Angular 2 base on Type Script. 
6. 
   

Angular4: - 

1. 1.        It will simply be a change in some core libraries. 

2. 2.        Angular v4.0 is compatible with newer versions TypeScript 2.1 and TypeScript 2.2.  

3. 3.        This helps with better type checking and also enhanced IDE features for Visual Studio Code. 

4. 4.        Angular 4 is simply, the next version of Angular 2. 

5. 5.        Upgrade of the version from 2.0 to 4.0 has reduced its bundled file size by 60%. 

  

Angular5: - 

1. 1.       Angular 5 was released, it came with a whole bunch of new features, service improvements, and     bug fixes from version 4. 

2. 2.       Improved loading time as well as execution time 

3. 3.       Improve the code base, Built Optimizer, Compiler Improvements, AppShell, Preserve Whitespace 
4. 
   

Angular6: - 

1. 1.      Angular6 support for TypeScript 2.7 

2. 2.      Added support for creating Custom Elements based on Angular Components. 

3. 3.      singleline, multiline and jsdoc comments are now supported 

4. 4.      compiler-cli: add resource inlining to ngc 

5. 5.      Animations: expose element and params within transition matchers. 

Angular7:-

       Angular 7 is  major released.

1.         Core framework.
2.         Angular Material.
3.         CLI (Command Line Interface)

1.      Angular 7 support for Typescript 3.1.
2.      Added new interface URLSegment[] to CanLoad Interface.
3.      Added a new interface -  DoBootstrap interface.
4.      Angular 7 added a new compiler - Compatibility Compiler (ngcc)
5.      Introduce a new Pipe called - KeyValuePipe.
6.     Added a new element features- enable Shadow DOM v1 and slots.
7.     Added a new router features - warn if navigation triggered outside Angular zone.
8.     Added a new mappings for ngfactory and ngsummary files to their module names in AOT summary resolver.
9.     Added a new "original" placeholder value on extracted XMB.
10.    Added a new ability to recover from malformed URLs.
11.    Added a new compiler support dot (.) in import statements and also avoid a crash in ngc wrapped.
12.     Update compiler to flatten nested template fns.

       How to update Angular 6 to Angular 7 using Command Line
   
                     ng update @angular/cli @angular/core
Angular 8:-

1.    Added Support for TypeScript 3.2
2.    Added a Navigation Type Available during Navigation in the Router.
3.    Added pathParamsOrQueryParamsChange mode for runGuardsAndResolvers in the Router.
4.    Allow passing state to routerLink Directives in the Router.
5.    Allow passing state to NavigationExtras in the Router.
6.    Restore whole object when navigating back to a page managed by Angular Router.
7.    Added support for SASS.
8.    Resolve generated Sass/Less files to .css inputs.

Angular 9.

1.    Added undecorated classes migration schematic in the core.
2.    The formControlName also accepts a number in the form.