Angular - Overview

Previous
Quiz
Next

Angular is a TypeScript based full-stack web framework for building web and mobile applications. One of the major advantages is that Angular support for web applications that can fit in any screen resolution. Angular application is fully compatible with mobiles, tablets, laptops or desktops. Angular has an excellent user interface library for web developers which contains reusable UI components.

This functionality helps us to create Single Page Applications (SPA). SPA is a reactive and fast application. For example, if you have a button in single page and click on the button then the action performs dynamically in the current page without loading the new page from the server. Angular is a TypeScript-based framework that supports object-oriented programming and includes features for server-side rendering as well.

Comparison of angular versions

As we know already, Google releases the version of Angular for the improvement of mobile and web development capabilities. All the released versions are backwards compatible and can be updated easily to the newer version. Lets go through the comparison of released versions.

Version & Release Date Description

AngularJS (October 2010)

AngularJS is based on Model View Controller (MVC) architecture and automatically handles JavaScript code suitable for each browser.

Angular 2.0 (September 2016)

It is a re-engineered and rewritten version of AngularJS. AngularJs had a focus on controllers but, version 2 has changed the focus on components. Components are the main building block of application. It supports features for speed in rendering, updating pages and building cross-platform native mobile apps for Google Android and iOS.

Angular 4.0 (March 2017)

Features −

  • Updated to TypeScript 2.2
  • Supports ng if-else conditions whereas Angular 2 supports only if conditions
  • Introduces animation packages
  • Http search parameters

Angular 5.0 (November 2017)

It supported some of the salient features such as HTTPClient API, Lambda support, Improved Compiler and build optimizer.

Angular 6.0 (May 2018)

Features added to this version are −

  • Updated Angular CLI
  • Updated CDK
  • Updated Angular Material
  • Multiple validators
  • Usage of reactive JS library

Angular 7.0 (October 2018)

Some salient features of this version of Angular are −

  • Google supported community
  • POJO based development
  • Modular structure
  • Declarative user interface

Angular 8.0 (May 2019)

Angular 8.0 comes up with the following new attractive features −

  • Bazel support: If your application uses several modules and libraries, Bazel concurrent builds help to load faster in your application.

  • Lazy loading: Angular splits AppRoutingModule into smaller bundles and loads the data in the DOM.

  • Differential loading: When you create an application, Angular CLI generates modules and this will be loaded automatically, and then the browser will render the data.

  • Web worker: It is running in the background, without affecting the performance of a page.

  • Improvement of CLI workflow: Angular CLI commands ng-build, ng-test and ng-run are extended to third-party libraries.

  • Router Backward Compatibility: The angular router backward compatibility feature helps to create paths for larger projects so user can easily add their coding with the help of lazy coding.

  • Opt-in usage sharing: The user can opt-in to share Angular CLI usage data.

Angular 9.0 (February 2020)

With this new update, drawbacks of the previous versions were modified and various new features were added which include −

  • Ivy Compiler
  • Support for TypeScript 3.7
  • An update on the API extractor

Angular 10.0 (June 2020)

It brings a range of new features and improvements which are listed below −

  • Updated version of Ivy Compiler was released that was introduced in Angular 9.0.
  • Support for TypeScript 3.9.
  • Improvement in lazy loading and differential loading.

Angular 11.0 (November 2020)

It gets an updated Hot Module Replacement support that allows the modules to be replaced without a full browser refresh. Another major update was the automatic inlining of fonts. It converts your Google Fonts and Icon to inline in index.html.

Angular 12.0 (May 2021)

The different improvements introduced with the release of this version of the Angular framework are described below −

  • Improvement of the Testing support
  • Performance improvement
  • Introduced support for TypeScript 4.2

Angular 13.0 (November 2021)

Angular 13.0 introduces a new strict mode that gives improved error messages and helps to find common mistakes. Additionally, it updated dependencies for TypeScript 4.4, RxJS 7, and Zone.js 0.11.

Angular 14.0 (June 2022)

Like other versions, it also comes with several new features and bug fixes. Introducing a Standalone component that eliminated the need to use NgModules, typed forms and auto completion in Angular CLI are some notable changes.

Angular 15.0 (November 2022)

Angular v15 introduces several significant improvements −

  • A stable version of standalone components and NgOptimizedImage directive.
  • Improved the dependency injection feature.
  • Introduced a new JavaScript bundler named ESBuild.
  • Discontinues support for certain Node.js versions.
  • Using TypeScript version 4.8 or later becomes mandatory.

Angular 16.0 (May 2023)

This new release of Angular includes developer previews for new reactivity primitives (signal, computed, and effect), enhanced hydration for better page load performance, and faster builds with ESBuild integration. It also supports standalone component migration and scaffolding. Now, developers require Node.js v16 or v18 and TypeScript v4.9 or later. The Angular v16 removes the Angular Compatibility Compiler (ngcc) which means libraries built with View Engine are no longer supported.

Angular 17.0 (November 2023)

The Angular v17 was launched with certain new features including −

  • Deferrable Views
  • Built-in Control Flow
  • Better handling of lazy-loaded routes.
  • New @angular/ssr Package for improved SSR (Server-Side Rendering).
  • New lifecycle hooks.

Angular 18.0 (May 2024)

Features added to the new version of Angular is given below −

  • HttpClientModule is now deprecated.
  • Added an experimental features named "Zone-less Change Detection".
  • Introduced support for TypeScript 5.4.
  • Release of Observable Router and Redirects.

Angular 19 new Features

Angular 19 comes up with the following new attractive features −

  • Supports TypeScript 5.6: Now, developers can use the latest version of TypeScript in their Angular applications.

  • Standalone: From this version of Angular, standalone is the default behaviour. Standalone means an independent component, directive or pipe that can be used without the need for a module.

  • Detecting unused imports: A new feature of detecting unused imports in standalone components is added to the Angular CLI.

  • Stable Signal APIs: You can safely use Signal APIs as they are no longer in developer preview.

Apps Built with Angular

Some of the popular websites built using Angular Framework are listed below −

  • Weather.com: It is one of the leading forecasting weather report websites.

  • Youtube: It is a video and sharing website hosted by Google.

  • Netflix: It is a technology and media services provider.

  • PayPal: It is an online payment system.

Difference between Angular and AngularJs

The table below describes the difference between Angular and AngularJS −

Angular AngularJS

Angular is based on TypeScript language.

AngularJS is based on JavaScript language.

All the popular mobile browsers support Angular.

Mobile browsers do not support AngularJS.

It has the feature of dependency injection.

It does not support dependency injection.

Angular has CLI tool.

CLI tool is not available in AngularJS.

It has component based structure.

It has MVC (Model View Controller) based architecture.
Print Page
Previous
Next
Advertisements