How to start with Angular 2 ? Let's see how

After the record success of Angular 1 now there is something more excited with more hot feature, the name is Angular 2. Let's see how to start with Angular 2.

Why Angular so popular ?

Straight forward, reason is simple, Angular backed by Google and having 2 hot features-

1- Two-way data binding

2- Support SPA (Single Page Application that means there is no more reloading, you will get all requested information on the same page, in normal case you should use Ajax for the same but if you are using Angular then no need for separate calls)

Why Angular 2 instead of stable Angular 1 ?

  • Answer is bit confusing but doesn't worry I'm going to make it simple-
  • Every updated version have extra dependencies and features.
  • Angular 2 is superfast, means request and response time reduced.
  • Special improved approach for Mobile and Desktop
  • Form builder and components defined under form.
constructor (builder: FormBuilder) {
   this.orderFrom = builder.group({
       Name: ['', Validators.required],
       Email: ['', Validators.required],
    });
}

 

  • It's based of TypeScript (TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser.)

Do not feel scary with Big words, logic and uses are simple.

Is it necessary to learn Angular 1 for Angular 2 ?

It's an interesting question and again the answer is big "NO". If you have knowledge about Angular 1 then it will be great only because of you have something about Angular, so setup your fresh mind and start learning forget about how to start with Angular 2.

Setup working bench for Angular 2 -

Great, if you are thinking to learn Angular 2 then setup is bit easy, do few task as below-

Install Node.js  (you can get it from Noofficialcal Site ) . It will help to manage dependencies of the application.

Once installation is done, open CMD and install TypeScript using below command.

npm install -g typescript

install-typescript

Now you have done almost because there is two more things needed one is Advance editor (supports TypeScipts) and web browser. Almost all of us using both of things .. LOL. If you don't have then download as below:

  1. Sublime /VScode / Atom
  2. Chrome Browser

That's all, now you are ready to learn Angular 2. 

Create First Project With Angular 2

Open your terminal and change selection for directory location, or press Shift key and click on Right button of mouse, you will get command prompt at your desired location.

Now enter below commands

mkdir angular-quickstart
cd    angular-quickstart

*mkdir = For creating directory

*cd = to jump recently created directory

There few more dependencies to install but I think this article being long so rest of things I will share in next post, meanwhile you can read from Here ! or download basic Seed project from Here ! . If this article clears some of your queries then reply to comment because it's the only way to encourage us.

Himanshu is a young engineer living in India. Currently working at Cognizant as a Senior Engineer. He is an ethical hacker & blogger too, doing lots of crazy stuff... If you seem interesting, go through his portfolio: www.himstar.info : "Open Source. Millions of open minds can't be wrong!

Leave a reply:

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Site Footer

Sliding Sidebar

We are India’s largest Startup Community


We are team of ' Delhi Startups ' , most active startup community with strict spam policy.
We are making !deas happen..for future, business and jobs without charging anything, with connecting entrepreneurs.. It's a reason to trust on us.
Come and join or subscribe, we will defiantly give a reason to like us.

Our Facebook Page