Let’s start off with the basic development of an app. Here, we’re going to use the site http://www.plnkr.co, an easy to use web based editor:

1

This is the editor. It’s divided into 3 parts. Starting from the right is the file directory tab. Next the editing space, and the package tab.

2

You can explore the parts in the file directory or play with the editor. But for now, let’s do a simple project.

To create a new Angular 2 template, click New>Angular>2.0(TS) because for now let’s use TypeScript.

3

This Angular 2 Template is ready to be run. Just simply edit the constructor named “this.name” from src/app.ts and set it to your preference. Click “Run” and it’s done! Your very first Angular 2 application.

4

Save your work and change the name to your preference. And if you want to share your work, just simply copy the URL and send it to your friends. You can also send it via email. There’s an email icon on the top right area of the site.

On the next article, we will be discussing how to install NodeJS and NPM (Node Package Manager).

JOIN THE ANGULAR ACADEMY!
$100,000 is the average annual salary of talented software developers and your chances of getting this salary get better by learning Angular 2 today!

Sign up now and make the first step towards upgrading your skill set.

PLUS: Get up to 75% OFF our Angular 2 course in Udemy!
We hate spam. Your email address will not be sold or shared with anyone else.