Roll up your sleeves — Angular and Typescript

Angular is increasingly gaining popularity amongst the developer community and the product owners. Introduction of Typescript in the new version of Angular has resulted into paradigm shift in the world of frontend programming.

Typescript is developed by Microsoft. Some of the many advantages of writing frontend in Angular with Typescript:

1. Superset of Javascript
2. Write Javascript object oriented way (Class, Module, Interface support)
3. Optional static typing support
4. ES6/ES7 features support
5. Offers a “compiler” that can convert to JavaScript code

And that’s why Angular adopted Typescript. In this post, we will see how we can set up a boilerplate application using Angular 4.

1. Prerequisite: Install Node.js and npm if they are not already on your machine.
2. Install Angular CLI globally. Angular CLI allows you to generate and run a project with just couple of commands. You can find other commands here. Angular CLI really rocks!

npm install -g @angular/cli

3. Create a new project.

ng new hello-world

4. Launch the project. The ng serve command launches the server, watches your files, and rebuilds the app as you make changes to those files.

Using the --open (or just -o) option will automatically open your browser on http://localhost:4200/.

cd hello-world 
ng serve — open

And you’ll see in browser...

And you are done! Damn easy right?

If you enjoyed reading this piece, please “Clap” many times! ❤️

Also add your comments and let us know how we can improve this article.

Follow RadicalLoop on Twitter, Facebook.