Free Web Development Online Tutorials, Learn to Code
Learn AngularJS, angularjs tutorial, angularjs directive, angularjs application, angularjs api

Angular JS Environment Setup

Here you learn how to setup Angular Js in local web project development environment, basically getting familiar with AngularJS library, where to download and how to get started with!

Angular Project Setup in Core

Though there are many utility for different SDK, but still we explore with manual process to include reference in project, so let's look at different ways to start with Angular Js

Approach 1:
Simply go to, and download the latest js file.

angularjs setup

The simplest way to get started with CDN reference, alternatively you can download the file and add to local folder (angularjs/1.7.7/angular.min.js) and give reference from there

Approach 2:

If you create a Angularjs project in core framework, there you get multiple modules for


File => New => Project => Asp.Net Core Web Application => Angular
"@angular/animations": "4.2.5",
"@angular/common": "4.2.5",
"@angular/compiler": "4.2.5",
"@angular/compiler-cli": "4.2.5",
            "@angular/core": "4.2.5",
            "@angular/forms": "4.2.5",
            "@angular/http": "4.2.5",
            "@angular/platform-browser": "4.2.5",
            "@angular/platform-browser-dynamic": "4.2.5",
            "@angular/platform-server": "4.2.5",
            "@angular/router": "4.2.5",

All above modules reside in a folder called "node_modules" in same level of "wwwroot".
If you open a module folder you may see there are multiple folders and files like js and metadata json files

You should take a look at the sample angular project for better understanding

Angular JS Filter Service

Othe JavaScript Framework
Angular JS Examples | Join Asp.Net MVC Course