Over a million developers have joined DZone.
{{announcement.body}}
{{announcement.title}}

The Angular 2 CLI and TypeScript

DZone's Guide to

The Angular 2 CLI and TypeScript

Jeremy Likness goes hands-on to show you how to set up your environment and build your first application while teaching you about the advantages of the framework and language based on his years of in-the-field experience architecting enterprise Angular applications.

· Web Dev Zone
Free Resource

Tips, tricks and tools for creating your own data-driven app, brought to you in partnership with Qlik.

AngularJS is an incredibly popular framework for building single-page web applications. Version 2.0 is a major leap from the 1.x version designed to address shortcomings in the original 5+-year-old framework and to embrace modern browsers and language features. It is being written using TypeScript, a superset of JavaScript that allows you to build code using next generation features and compile it to JavaScript that will run on current browsers. Visual Studio Code is the perfect platform to explore Angular applications because it is free, open source, cross-platform, and supports advanced features such as extensions, code completion, and IntelliSense. In this session, I'll go hands-on to show you how to set up your environment and build your first application while teaching you about the advantages of the framework and language based on my years of in-the-field experience architecting enterprise Angular applications.


In this talk, I focused on scaffolding the app using the Angular-CLI to rapidly build a reference app. The deck has most references, and stay tuned for a new post that will go into more detail with building a tic-tac-toe game with a computer opponent!

Explore data-driven apps with less coding and query writing, brought to you in partnership with Qlik.

Topics:
angular 2 ,typescript

Published at DZone with permission of Jeremy Likness, DZone MVB. See the original article here.

Opinions expressed by DZone contributors are their own.

{{ parent.title || parent.header.title}}

{{ parent.tldr }}

{{ parent.urlSource.name }}