Angular - Prerequisites

Before starting with Angular lets briefly get to know what is a Angular.

What is Angular?

    Angular is a platform and a framework which can be used to create any single page web applications. It is a free and open source web-framework originally released by Google in 2010. An angular application is built with HTML and Typescripts.

    The initially developed Angular was built with JavaScript and HTML which was called AngularJS where the HTML is used for rendering the web-page and JavaScript is used for handling the data binding, variables and extending the HTML attributes as variable with JavaScript.

Angular2+ was developed as a complete rework of AngularJS by the same developers who developed AngularJS. Angular2+ uses HTML and TypeScript for the development. It uses components hierarchy as primary architecture. The latest version of Angular as of February,2023 is Angular 15.

Prerequisites

To start working with Angular the following are the prerequisites to be checked.

  • NodeJS
  • NPM
  • Angular CLI
  • Basic knowledge in HTML and TypeScript
NodeJS
    NodeJS is a free and open source platform which acts as JavaScript runtime environment. A web server retrieves a file on the file server and returns that to the client, this task is handled by NodeJS.
    It helps in managing the consequent request to the servers and retrieving them to the client.
    Click here to download and install NodeJS.
    Check if node is installed in the device by opening command prompt and run command node, you'll find the installed version of node.

NPM and Angular CLI
    NPM is the node package manager which provides all the dependencies required for JavaScript.
    To check if npm is installed run npm -v in command prompt.
    Install Angular CLI with the npm command npm install --global @angular/cli.
    To check if angular is installed in the system run the ng version command.

Miscellaneous
  • When you check you angular version and you find the following error, check the environment variables contains the npm.

        If the environment variables does not contain npm, follow the below steps and try again.

1. Open System Properties and in that window select Advanced->Environment variables

2. Edit Path Variable and add the npm file path in the system variable and the user variable.
The path for the npm will be something like this.
C:\Users\{user}\AppData\Roaming\npm


Penned by
Ramya Nandhini M

Comments

Post a Comment

Popular posts from this blog

Docker with .NET 6.0 Web API

Image
  Create Docker Images with .NET 6.0 Web API   Docker is a software platform that facilitates the rapid development, testing, and deployment of programs. Docker software bundles programs into uniform units known as containers, each of which contains the libraries, runtime, code, and system tools required for the program to function.   Through this let us learn to create an image with a C# Web API running on .NET 6.0 and containerize the image and launch the docker running application.   Steps   Download docker desktop from this link   Install Docker desktop in the host machine   Sign in with an account   Create a Web Api application and add required controllers and services for the Api.   Now right click on the main project and select add, in there select ‘Docker Support’     After adding docker support, a file called ‘ Dockerfile ’ will be created in the directory, open the file and there will be few configurations present as ...
Read more

.NET Web API with Elastic Search and Kibana

Image
 ElasticSearch Elasticsearch is a search engine based on the Lucene library. It provides a distributes, multitenany-capable full-test search engine with an HTTP web interface and schema-free JSON documents. Kibana Kibana is a source-available data visualization dashboard software for Elasticsearch. Adding elastic search and kibana to the web API solution is a very simple tasks and it needs only a library to be installed and few configuration changes. Install Serilog.AspNetCore and Serilog.Sinks.Elasticsearch packages from nuget packkage manager in Visual Studio. Serilog.AspNetCore package helps to manage and show the logs using serilog and Serilog.Sinks.Elasticsearch connects with the elasticsearch instance and loads the logs into the elasticsearch. Next is to change the configurations to add elasticsearch to the API code. In the Program.cs file add the below lines to configure elasticsearch with serilog. Now the configurations fo...
Read more