What is Angular Framework? Why we use Angular and What are the Advantages and Disadvantages?

Hi Everyone, In this blog we will discuss about Angular Framework and this is going to be a brief blog about Angular and its pros and cons.

What is Angular Framework?

Angular is an open source JavaScript framework, It is written in Typescript, Typescript is a superset of JavaScript. Angular is basically used to develop Single Page Application (SPA).

These SPA is loads at once, so for example we have a website and when you click on button of submit a form on this website, If the whole DOM is reload or complete application is re-rendered than its not an SPA, these website are normal website which loads all the content when someone click on the links of this website. On the other hand SPA is the application which only loads the specific part of an application without disturbing other section of application.

Angular is Maintained by the Google, So we can trust it for the future and its not going to anywhere.

If you heard then you must know that react uses JSX for displaying HTML syntax but in angular you can directly use HTML syntax for creating components.

Why Use Angular? Explain its features and advantages

Angular is really a good Framework for creating Enterprise Applications.

Angular Framework is very Structured, You need to follow this structure and will will make it consistent throughout the application.

Due to its structure and its consistency, it is easy to maintain and easy to scale.

Features & Advantages of Angular Framework

Angular is Fast

So what angular does is, its generate DOM data structure and that is parsed and displayed on browser, On the other hand if you don’t use angular then HTML get generated and it is passed to DOM for parsing, Which make it slow, so angular is good choice to make fast loading websites.

Open Source

Angular is open source, so anyone can use it and make extensions or modules for it to add some extra functionalities those are not available in existing framework, you can visit npmjs for checking more modules which are available to use in angular.

Cross Platform

Angular is also designed for cross platform, You can use it for web apps, for making mobile apps you can use it with IONIC Framework and for making desktop application you can use it with Electron Framework.

Angular Universal

Angular universal is additional module we can use with angular and this will help to make the angular web application SEO friendly, The problem with angular default web application that it is not good for SEO, Rendering of angular web application is not possible in default application. So we use Angular Universal to achieve this.

PWA (Progressive Web Apps)

Angular is very good in creating PWA, progressive apps have some advance features.

Offline Mode

Push Notification

Automatic Updates

Installable

App like layout

Ionic Framework

With the help of Ionic Framework we can create Hybrid Mobile Applications, and angular is always a first choice for ionic framework to create a mobile app.

Angular CLI

Angular CLI helps in fast development, With angular CLI we can use commands that can create angular app, start it and build it.

With angular CLI we can also create components, services, directives etc.

you can check here Some of the useful CLI commands, at the bottom of this blog you will find the commands. you will also understand how you can organize your angular application.

Easy to Start

There is no need of heavy software’s to start angular development. You just need to do few installation and you are good to go.

  • Node Js
  • Visual Studio Code
  • Git Bash

These three are enough to start angular development inside your system.

Now you just need to install angular globally inside your system and with few command inside git bash terminal you can do it.

//To install angular globally
npm install -g @angular/cli

//To create a angular project inside your directory
ng new project_name

That’s it now you have a angular project inside your desired folder.

Data Binding

Other framework and libraries of JavaScript uses one way data binding. but in angular we have an option for two way data binding.

Two way data binding help to bind data in two way, so anything changes on data will automatically reflect on view part of application.

Testing

Angular Use jasmine to run various test, so with the help of jasmine we can write different type of test cases and test cases we can run to find bug in our application.

We can use Karma as well it is a task runner for the tests.

Some other advantage of Angular Framework are:

  • Custome Component
  • Robust Ecosystem
  • Dependency Injection
  • Comprehensive
  • Ivy Rendrer
  • Browser Compatibility
  • Asynchronous programming
  • Angular Material

These all Advantages deserve a bit explanation, but we are covering all of them in our upcoming blogs, so lets leave it for them. Will explain in details.

Disadvantages of Angular Framework

Heavily Weighted Framework

Bad for static website and small web pages

Limited SEO options

Verbose and Complex

Frequent Version updates

Documentation is not enough compare to other frameworks and libraries

Steep learning curve

lot of boiler plate code

What Next?

So basically we are starting a angular course and this is going to be a full fledged angular course covering all the angular features and extra important modules we can use in angular.

Subscribe to our website to get all the updates and share with your friends those are willing to learn Angular Framework.

Related Posts

angular icon

How to create Draggable Grid Blocks using angular-gridster2

To create Draggable Grid Blocks using angular-gridster2 first you need to Install the angular-gridster2 library by running npm install angular-gridster2 in your project’s root directory. You also…

angular vs react-min

What is the difference between Angular & React JS, Which one you should choose?

Angular & React JS both are use for Frontend Development, To make Single page applications or Web Apps. Here is a quick difference between both of them….

angular icon

Why toPromise is depricated and Explain other options like firstValueFrom and lastValueFrom methods

toPromise method is a method form Rxjs library, It is used to convert an observable to a promise. The toPromise method subscribe to observable and retrun the…

angular icon

How to use RxJS observables in Angular? How to subscribe services with reactive programming

RxJS is a library for reactive programming, RxJS stands for reactive extension for JavaScript. It helps to handle asynchronous request in a easier way using observables. You…

angular icon

How angular app works? what happen in background when angular application starts.

Let’s understand how an angular application works from core, what happen when it starts. In index.html file there is a <app-root> custom html code, this app-root is…

angular icon

How to organize your angular application using modules

Angular Basics Its a javascirpt framework Its different from angular js Used to build powerful frontend applications. Its used for rapid application development and code generation. Some…

This Post Has One Comment

Leave a Reply

Your email address will not be published. Required fields are marked *