Getting Started with Angular2 and Typescript

UPDATE: This was for an older angular2 alpha version. Most of the concepts have remained the same but some syntax has been updated with the latest alpha version (45).
I am keeping the slides up to date here: slides.com/jimthedev/getting-s...
You can listen to the updated audio from the latest version of the talk here: • November 2015 Meetup: ...

[@ArashMotamedi]

Awesome starter course! You are a great teacher. Good length and number of topics, and very clear, level, easy to follow language. Looking forward to more courses and tutorials.

[@djanthony6662]

I'm a PHP developer, just learn Angular a couple of weeks now. This tutorial helps me a lot. Thank you!

[@jimcummins1543]

+Just Anthony thanks for the feedback. I appreciate it.

[@ukjoeee]

Jim!! Really good video. It is the best material that I have ever seen.

[@jimcummins1543]

+Uk Jo Glad you enjoyed it.

[@user-ps4tj5yy9m]

Thank you Jim! It is what I am searching for!!!

[@jimcummins1543]

+王秋实 Glad to help! I am giving this talk again this week so I will be updating my talk for alpha .47

[@KeganVanSickle]

Great tutorial, thanks Jim!

[@jimcummins1543]

+Kegan VanSickle (keganv) Glad you enjoyed it!

[@BenKinsey808]

Aloha Jim. Thanks for the video, commitizen looks interesting.

[@DonamKim]

Thank you Jim. I have learned many things from your video ;D

[@jimcummins1543]

+Donam Kim Glad you enjoyed it.

[@medidisukumar2062]

Thanks for the tutorial It really helps me

[@jimcummins1543]

+Medidi Sukumar Happy it helped you! I am still learning myself so this helps me give back.

[@sck3570]

I am in college now , college sucks , spending our precious time sitting in classes kill me now ...

[@rich690]

Skip intro: 7:00

[@removed107]

+Richard Watts thanks

[@SergeySagan]

Might be worth mentioning that selector is a CSS selector, so you could do '[person]' which would find any element with the person attribute or '.person' which would find any element with the person class...

[@jimcummins1543]

Good idea! Thanks for the feedback.

[@nedvedyang]

simple and clear. Tks

[@jimcummins1543]

So glad it helped you. I appreciate the feedback!

[@gorjev]

Hi Jim! Thank you for this great video! I guess at 19:45 you don't need "this.name = name;" in the TypeScript version of the constructor )

[@alexbazyka5727]

But, Jim there was no tag in 1996 HTML.

[@starcrossespica]

jim i am also college dropout!well your tutorial is best angularjs2 tut so far

[@jimcummins1543]

+Bikram Basnet Thanks! The key is not to let your struggles define you. There's so much and so many ways to learn in the world, as long as you keep doing that, you can do really well. Glad you liked the video.

[@herrykarmito2710]

Your video help me to learn angular2 concept about data flow and directive. help back-end developer to understand, how angular as front-end framework workflow. thanks for create video like this.

[@jimcummins1543]

I am glad this helped you. Have a good day!

[@herrykarmito2710]

this is my first time using front-end Javascript Framework. I'm searching for tutorial help me to explain how it work. I found this video :D

[@christrotter7644]

Thanks for this very, very helpful. What's the benefit of using Angular2 over Angular? What I loved about Angular was that even novices could pick it up and use its very advanced functionality. Angular2 seems to have a much steeper learning curve.

[@jimcummins1543]

+Chris Trotter Good question. You're right that Angular 1's single script tag has a lower barrier of entry than Angular 2 where you need to make sure your app is set up to be an Angular 2 app. Keep in mind that Angular 2 is built on ES6/TypeScript which require build tools, transpilation, etc. On the surface those certainly seem like things that just keep people from using the framework but TypeScript, for example, can be super useful when you have a large team of developers working on an application. There are tradeoffs to supporting larger teams, including increased complexity. A lot has changed since 2010 and I think you'll see the Angular team continue to try to navigate that as best they can. Of course they are trying to make a good product that makes lots of people happy with limited resources so we'll see how things go. Bottom line, if you're comfortable with Angular 1, stick with it and upgrade to 1.5. Angular 1.5 has some of the things that make Angular 2 powerful. Of course it doesn't benefit from everything, but if you're not feeling the pain on Angular 1 yet, then maybe stick with it until Angular 2 stabilizes a bit.

[@NeilHighley]

Also, visual studio supports typescript

[@JimCumminsDev]

+Neil Highley Good point! I'll make sure to include it in the future.

[@unusuario5173]

+Neil Highley It does, but unless you're a Windows developer (ugh), that's irrelevant.

[@houssemzaier]

Hi good tutorial but can we use angular2 typescript then generate JS files to be use whatever server we want (Java TomCat server) ?

[@JanStureNielsen]

Yes; TypeScript is compiled to ES5 or ES6 via one of many different build tools. To get started, you might try Angular CLI (cli.angular.io).

[@houssemzaier]

Jan Nielsen I just have understood a lot of things since this comment. And yep you're right Cli angular is a great tool for angular2. Thanks for the help.

[@KatLandreth]

I've never heard of "humble typing" but I'm pretty sure that what you're describing around 12:00 is not duck typing. "Duck typing is concerned with establishing the suitability of an object for some purpose. With normal typing, suitability is assumed to be determined by an object's type only. In duck typing, an object's suitability is determined by the presence of certain methods and properties (with appropriate meaning), rather than the actual type of the object." A side effect of a dynamically typed language might be that you can check types when you want to, and a dynamically typed language is necessary for duck typing, but using types when you want to is not duck typing.

[@cinilaknedalm]

Open Source is love :)

[@andyyuenok]

天朝的程序员表示要翻墙，而且还要打开中文字幕。。。

[@tarreislam]

Good video, biy a new mic dude.

[@jimcummins1543]

😄

[@andyyuenok]

天朝的程序员表示要翻墙，而且还要打开中文字幕。。。

[@jimcummins1543]

+夏天 Community subtitles are now enabled.