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

Jumpstart your Angular applications with Indigo.Design, a unified platform for visual design, UX prototyping, code generation, and app development.

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!

Take a look at an Indigo.Design sample application to learn more about how apps are created with design to code software.

Topics:
angular 2 ,typescript

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}