Angular

What is Angular? Angular is a framework for building client applications in HTML, CSS, and either JavaScript or a language like TypeScript that can be compiled (more accurately, transpiled) to JavaScript.

What is TypeScript? TypeScript is a superset of JavaScript. That means any valid JavaScript code is valid TypeScript code. But many prefer TypeScript because it has additional features that we don’t have in the current version of JavaScript that most browsers understand. So, when building Angular applications, we need to have our TypeScript code converted into JavaScript code that browsers can understand. This process is called transpilation which is the combination of translate and compile. And that’s the job of  the TypeScript compiler.

Why do I need a framework like Angular? There is nothing wrong with using vanilla JavaScript/jQuery. In fact, a lot of web applications out there are built this way. But as your application grows, structuring your code in a clean and maintainable and more importantly, testable way, becomes harder and harder. using a framework like Angular, makes your life far easier there is a learning curve involved, but once you master Angular, you’ll be able to build client applications faster and easier.

Environmental Setup To install Angular 4, we require the following: Nodejs Npm Angular CLI IDE for writing your code

Project Setup To get started with the installation, we first need to make sure we have nodejs and npm installed with the latest version. The npm package gets installed along with nodejs. To check the version of npm, type command npm –v in the terminal.

Project Setup AngularJS is based on the model view controller, whereas Angular is based the components structure. To install Angular the Angular team came up with Angular CLI which eases the installation. You need to run through a few commands to install Angular. Go to this site https://cli.angular.io to install Angular CLI.

Installing Angular Now that we have nodejs and npm installed, let us run the angular cli commands to install Angular. npm install -g @angular/cli //command to install angular We have also used -g to install Angular CLI globally. Now, you can create your Angular project in any directory or folder and you don’t have to install Angular CLI project wise, as it is installed on your system globally and you can make use of it from any directory. To check whether Angular CLI is installed, run the following command in the terminal ng -v

We have now installed Angular. To create a project in Angular, we use the following command − ng new Hello-World // name of the project