Join for free and connect with our local tech scene

Stay on top of the latest companies and upcoming events with our weekly newsletter, and be counted among the people building the future of your local tech community.

Colorado /

Hands-On with Angular 2

Your Office Denver 600 17th St, 23rd Floor , Denver, CO (map)

All proceeds from this day-long, hands-on workshop go to the HTML5 Denver User Group. By attending this workshop, you're not only getting a deep dive into Angular 2 -- you are supporting our free, monthly meetings. Thanks!

Angular 1 was released in 2009. That longevity and stability made Angular one of the most popular and reliable web frameworks in production today. But 7+ years is an eternity in Internet-Time, and big changes are coming with Angular 2.

Angular 2 is a dramatically simplified and refined update, but it's radically different than Angular 1. No more scopes, controllers, or directives -- Angular 2 is now "All Components and Services, All the Time."

The upgrade process -- sadly -- isn't simply swapping out a <script src> from Version 1 to Version 2. There are massive changes underfoot. You'll most likely start with a new programming language (ECMAScript 6 or TypeScript), and make some correspondingly non-trivial changes to your development tools (BabelJS for transpilation and polyfilling, JSPM for package management, SystemJS for your new ES6-compliant module loader).

In this day-long workshop, you'll get the opportunity to take Angular 2 out for a spin and get some serious hands-on experience with it.

Course outline:

Your First Angular 2 App


In this section, you'll hit the ground running. You'll write your first Angular 2 app and explore the various parts of a working app.

Working with Components


Components are the basic building block of an Angular 2 app. In this section, you'll write a few more Components and get them on speaking terms with one another.

Routing in Angular 2


Angular 2 offers (yet another) new Router. This one is far simpler than what you may have grown accustomed to in Angular 1 -- it simply loads Components into named slots based on the current URL. In this section, you'll see how easy it is to set up declarative routes in Angular 2.

Introducing Structural Directives


If you wrote your own custom Directives in Angular 1 to create new HTML elements, Components are a dramatically simplified and streamlined way to accomplish the same thing. (As a bonus, you can finally forget the word "transclusion".) But Directives haven't gone away -- they are simply called "Structural Directives" now. In this section, you'll take a couple of the new ones out for a ride -- ngIf, ngSwitch, and ngStyle.

Building Forms in Angular 2


Forms are a big part of web development, and Angular 2 introduces a whole new infrastructure for dealing with HTML forms. In this section, you'll learn about Controls, ControlGroups, ngForms, validation, and much more.

Working with Services


Chances are your Angular 2 app doesn't run in isolation -- you probably are making AJAX requests for remote data from somewhere. In this section, you'll learn how to bring the outside world into your app, one HTTP GET request at a time.


Sign in to comment.