The ability to reply to discussions is limited to PRO members. Want to join in the discussion? Click here to subscribe now.

Angular 2 - Hello World (es6)

Angular 2 - Hello World (es6)

2:57
Getting started with Angular 2 involves a new focus on building out components. John walks through the process of bootstrapping your first component as well as how to include one component inside another.
Watch this lesson now
Avatar
egghead.io

Getting started with Angular 2 involves a new focus on building out components. John walks through the process of bootstrapping your first component as well as how to include one component inside another.

Avatar
Jian

Nice lesson. But I hope to see how you setup your environment.

Avatar
Kent C.

Right now, setting up the environment is.... tricky... Definitely something the angular team will be working on improving for sure.

But if you want to start playing around with it, I highly recommend you take a look at this repo: https://github.com/ShMcK/ng2Challenges

In reply to Jian
Avatar
Italo

Guys is recommendable use 2.0 for prod or is best wait for the 2.1??

In reply to Kent C.
Avatar
Eric

Angular2 is nowhere near to be production ready - it's not even a final 2.0.

Keep the production code with 1.x still.

In reply to Italo
Avatar
Aviad

Why did we leave out the wait for the DOM to be ready before calling bootstrap like we did in the ES5 syntax?

In reply to egghead.io
Avatar
Tommy

Nice lesson. But I hope to see how you setup your environment.

Seconded. Very informative lesson though, otherwise.

In reply to Jian
Avatar
Daryl

I'm slightly confused; you've imported component and views, but are the @ symbols part of es6, or typescript?

Avatar
Joel

I'm slightly confused; you've imported component and views, but are the @ symbols part of es6, or typescript?

@ is a decorator, and in this case is TypeScript syntax. Decorators with the @ are also an ES7 (2016) proposed feature, but are only available through the use of Babel when coding JavaScript.

In reply to Daryl
Avatar
Harshesh

Good tutorial! Woupld really appreciate if there are more content/videos of angular2 in ES6 than TypeScript.

Although, I have one question: since you had two @Components and @View, how does angular determine which @View goes with which given @Component?

Like, for 'widget' @Component, @View was just '...' so I am confused on HOW angular2 determines the given @View, @Component and class.

Thanks in advance! :)

Avatar
Joel

Good tutorial! Woupld really appreciate if there are more content/videos of angular2 in ES6 than TypeScript.

We are generally going to recommend that you stick with TypeScript for Angular 2. You don't have to learn much on top of ES6, and TypeScript is wonderful for decorators and dependency injection.

The use cases for developing Angular 2 outside of TypeScript exist, but they would need to be very specific.

Embrace the TS! 😉

In reply to Harshesh
Avatar
Harshesh

Thanks for the feedback! But, personally I would prefer to stick with ES6, not a fan of TypeScript.

However, I am more anxious to know about the question/confusion I asked in my comment above.

In reply to Joel
Avatar
John

@View is deprecated since the beta, just use @Component now.

In reply to Harshesh
Avatar
Harshesh

Thanks! So now to define a component in ng2 you only need @Component and 'class' ?

In reply to John
HEY, QUICK QUESTION!
Joel's Head
Why are we asking?