Over a million developers have joined DZone.

Let's Create Your First Angular 2 App [Video]

DZone's Guide to

Let's Create Your First Angular 2 App [Video]

Looking to get your feet wet with Angular 2? Check out this video on how to quickly get going with developing Angular 2 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.

Angular 2 got released and so it's the perfect time to try it out. I totally understand it might be difficult to get started, but it doesn't have to. In this video, I'll take you by your hand and guide you step by step through the process of creating your first Angular 2 application.

This video will very shortly guide you through creating a state of the art Angular 2 application. In this ~50 min screencast, you will learn..

  • how to generate a new Angular 2 project using the Angular CLI
  • about Angular Modules, what they do and what they are good for
  • about components, why everyone is talking about them and how to create them with Angular
  • about how to style a component
  • how the data typically flows throughout your Angular components
  • about the difference between stateful and stateless components
  • about how to get data from your user, by using Angular Forms
  • what RxJS is all about
  • about Angular services and
  • the Angular http library

But enough talking — let’s code!!

You can download the source code I use in the video from my repository.

If you rather want to know what Angular 2 is all about and why it is so special, then you may want to check out my “Angular 2 - A Getting Started Guide for Beginners”.

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

application ,angular ,javascript ,web dev

Published at DZone with permission of

Opinions expressed by DZone contributors are their own.

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

{{ parent.tldr }}

{{ parent.urlSource.name }}