AngularJS 2.0 From Beginning

  • Before starting development in Angular JS, we first need to understand what is new in AngularJS 2.0 and what are new benefits of it.
  • Click on Project -> Add File and Select file Type TypeScript JSON Configuration File and then add the below code within the file –

    A blank project file has been created.Click on Project -> Add File and Select file Type TypeScript JSON Configuration File and then add the below code within the file – Click on Project –> Add New Item and Select file Type NPM Configuration File and the below code in the file.

  • Click on Project –> Add New Item and Select file Type NPM Configuration File and the below code in the file.
  • Click on Project -> Add New Item and Select file Type Javascript File with file name systemjs.config.js  and the below code.
  • Click on Project -> Add New Item and Select file Type Javascript File with file name systemjs.config.js  and the below code.

In this article, we will discuss the basics of AngularJS 2.0. This is the first part of the article series.

@angularjs_io: #Angular 2.0 From Beginning – Introduction of #Angular 2

In today’s web application development world, AngularJS is one of the most common and famous JS based frameworks. AngularJS has been very popular from the beginning for any kind of single page application development or any other web application. A few months ago, Google (AngularJS framework maintainers) released the new version of AngularJS i.e. AngularJS 2.0. Developers like us are eagerly awaiting the release of this final version of AngularJS.

Now, in this article and also in the coming sequential articles, I will discuss briefly about AngularJS 2. Before starting development in Angular JS, we first need to understand what is new in AngularJS 2.0 and what are new benefits of it.

What is Angular ?

The most common question before starting AngularJS i.e. what is AngularJS? In common word, AngularJS is

Now the above key features of Angularjs contain main concepts of innovations of angularjs. The main idea of angularjs is the separation between html manipulation and javascript logic in the web pages, so that html page and javascript logic can be developed simultaneously. It always give us faster productivity from a developer point of view. Also angularjs provides us a structured javascript framework which can perform unit testing easily.

Why Angular JS 2.0 ?

Now before going to start the development in angular js 2.0, we first need to know why Google developed a new version of angualrjs which is basically entirely different in structural concept or coding concept from its previous versions i.e. angular 1.x. The main reasons are –

Below is the main key differences between Angular JS 1.x and Angular 2.0.

So in the above discussion, it is clear that for developing angular js 2.0 application or code, we need to write code in the Typescript language. So before going to write down the code, I will discuss about some basic ideas of Type Script. Actually Typescript is a superset of javascript. It means typescript is such a language which contains all the features of javscript including some extra new features which help us write down the code in a very easy way. The main features of Typescript are as below –

  “version” :  “1.0.0” ,  

  “scripts” : {  

    “lite” :  “lite-server” ,  

    “tsc” :  “tsc” ,  

    “tsc:w” :  “tsc -w” ,  

  “licenses” : [  

      “type” :  “MIT” ,  

    “bootstrap” :  “^3.3.7” ,  

    “core-js” :  “^2.4.1” ,  

    “rxjs” :  “5.0.0-beta.12” ,  

    “systemjs” :  “0.19.39” ,  

            app: ‘.’ ,  

            ‘rxjs’ :  ‘npm:rxjs’ ,  

AngularJS 2.0 From Beginning

You might also like More from author

Comments are closed, but trackbacks and pingbacks are open.