×

What is Angular?

Manav Pandya  Print   7 min read  
24 Dec 2019
11 Jan 2020
Beginner
1.28K

Angular is a client-side JavaScript-based framework that follows the MVC (Model View Controller) architectural pattern which is originally founded and maintained by Google but now it’s open-source so anyone can contribute to it. It comes with the approach of SPA (Single Page Application) where we can develop and test the various application stick to the single framework.

What is Angular?

The word Angular is a buzzword in market, and most of the people in a tech world are talking about the framework Angular that What is Angular, why we need this, how it works, what are the advantages and disadvantages over other framework and most importantly that how can we learn it as soon as possible. In this guide, most probably we will discuss the introduction of Angular, its version history and so on, so let’s start with the introductory part.

Introduction to Angular

Angular is a client-side JavaScript-based framework that follows the MVC (Model View Controller) architectural pattern which is originally founded and maintained by Google but now it’s open-source so anyone can contribute to it. It comes with the approach of SPA (Single Page Application) where we can develop and test the various application stick to the single framework. One of the primary focus of the Angular is that we can create different platform based application for the different usage like.

  • Web application

  • Desktop based application

  • Mobile-based application

In short, we can say the Angular is “One framework, multiple platforms” Users of the Angular are increasing day by day just because it provides the rich development experience for the interactive client-side application compare to other traditional web-based frameworks. The next question may arise is that, do we just need to use Angular to get started? The answer is a big NO.

Basically, Angular is written on TypeScript which is a superset of JavaScript, it means that it includes various new and useful features along with the JavaScript but at the end of compilation, all the JavaScript-based code will always be converted into the native JavaScript code itself. TypeScript is a yet another open-source language developed and maintained by the Microsoft which provides the various features along with the Angular like OOPS concept, type safety, error handling, and if anyone wants to start with TypeScript and Angular than the official docs is written in TypeScript so that newbies can dig into it very easily.

Read More: How long will it take to learn Angular?

The version history of Angular

As we have discussed earlier in this guide that Angular is evolving and teams are working hard in order to introduce new and crunchy features in order to improve performance and stability for the user. Below is the complete Angular versions history in a tabular format.

Version
Release date
Angular 2
Sep 2016
Angular 4
Mar 2017
Angular 5
Nov 2017
Angular 6
May 2018
Angular 7
Oct 2018
Angular 8
May 2019
Angular 9
Jan 2020 (Yet to be released)

These are the Angular versions released so far but make a note of it that it does not include the versions of AngularJs 1.x. After evolving the Angular version by version, it’s been tough to maintain the architect or code structure, and for the solution, we have the magic behind it called “Angular CLI”. Angular CLI is a command-line interface which comes with the various collection of the quick commands which can speed up the development process and reduce the efforts of creating everything by our own, in other words we can say the CLI solves the problem of creating the components, views and another important part of the Angular by just using the single line of command, and by which we can create tons of files for the different usage which are listed below.

  • Component

  • Directive

  • Module

  • Routing

  • Class

  • Pipe

  • Services

  • Enum

So these are the few features that we can get using the command ng generate, thus we have tons of the commands and few of them are listed below.

  • ng generate

  • ng new

  • ng build

  • ng serve

  • ng test

  • ng update

  • ng deploy

  • ng doc

And many more commands are available in order to faster the development time and gain the work productivity out of it If you have noticed that Angular CLI commands comes by creating the application, updating existing package, running the application, testing the workflow, adding additional linting support and deploying the final production for the production usage, so this is the power of the Angular CLI which allow us to quick start the development without any hustle.

Configuration to get started with the Angular

If we want to get started with the Angular for the upcoming projects, there are some pre-requisites that we need to follow are described below.

Need to have nodejs latest or stable version

To get started with the Angular, we must have Nodejs to be installed into our machine, and we can get the latest one from here. We can choose the one from the different supported operating systems and can continue with the setup process.

Installing the Angular CLI

After installing the nodejs, now we have NPM (Node Package Manager) which allows us to grab the useful packages from the global registry. In order to use the CLI command, we need to install CLI using the below command.

Npm install –g @angular/cli

Creating the Angular app

When we did with the installation of CLI, now it’s time to create the new Angular app, for that we can use the below command.

 Ng new <app_name>
 

Read More: 7 Tips to Optimize Your Angular App/Application

Executing the Angular app

So far, we have created an angular app using the CLI command, now after creating the app, let's execute it and see how it looks like. For that, we can go to the project directory and use the below command.

Ng serve –open

The additional option –open will open a blank window of a browser along with the default port number. This is how we can install the required software and start our Angular app development journey.

Summary

So far in this guide, we have learned that what is angular, it’s different version history, angular CLI and at last we have gone through the few steps that we need to follow in order to get started with the Angular. I hope this guide puts an impact on your learning experience and you may be thriving to dig into it as soon as possible, Thanks for reading.

Share Article

Take our free skill tests to evaluate your skill!

In less than 5 minutes, with our skill test, you can identify your knowledge gaps and strengths.

Learn to Crack Your Technical Interview

Training Schedules
+91 9999 123 502
Accept cookies and close this message