Angular Tutorial for Beginners

Angular 4 is a JavaScript framework for building web applications and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript. The code is written in TypeScript, which compiles to JavaScript and displays the same in the browser.

This tutorial is designed for software programmers who want to learn the basics of Angular 4 and its programming concepts in a simple and easy manner. Before proceeding with this tutorial, you should have a basic understanding of HTML, CSS, JavaScript, TypeScript, and Document Object Model (DOM).

Environment Setup

To install Angular 4, we require the following −

  1. Nodejs
  2. Npm
  3. Angular CLI
  4. IDE for writing your code

Nodejs has to be greater than 4 and npm has to be greater than 3.

Nodejs

To check if nodejs is installed on your system, type node –v in the terminal. This will help you see the version of nodejs currently installed on your system.

C:\>node –v
v6.11.0

If it does not print anything, install nodejs on your system. To install nodejs, go the homepage https://nodejs.org/en/download/ of nodejs and install the package based on your OS.

The homepage of nodejs will look like the following

Based on your OS, install the required package. Once nodejs is installed, npm will also get installed along with it. To check if npm is installed or not, type npm –v in the terminal. It should display the version of the npm.

C:\>npm –v
5.3.0

Angular 4 installations are very simple with the help of angular CLI. Visit the homepage https://cli.angular.io/ of angular to get the reference of the command.

Type this command in your terminal

npm install –g @angular/cli

This will install angular cli on your system.

You will get the above installation in your terminal, once Angular CLI is installed. You can use any IDE of your choice, i.e., WebStorm, Atom, Visual Studio Code, etc.

Leave a Reply

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