Typescript: Angular 2's Secret Weapon - Dan Wahlin

www.ng-conf.org
ng-conf is a two day, single track conference focused on delivering the highest quality training in the Angular JavaScript framework. 500 to 700 Developers from across the country will converge on beautiful Salt Lake City, UT to participate in training sessions by the Google Angular team, and other Angular experts. In addition to the invaluable training, ng-conf will deliver a premier conference experience for attendees, providing opportunities to network with other developers, relax at social events, and engage in some of the unique entertainment opportunities available in Utah.

[@AbdallaElmedny]

Great talk! For anyone who comes back for a re-watch, heres a quick recap Types 3:57 Tooling 5:27 Iterfaces 8:34 Generics 14:38 Future 19:00

[@sn20]

Thanks.

[@mrkcanuj]

That's Great. Thanks

[@sprasain1]

I built my career with your angular 1 video and your angular 2 videos will enhance my career ! Thanks, man !! You are awesome !!!

[@DanWahlin]

Thanks - glad to hear the videos have helped you out!

[@ArtiomK]

Dan Wahlin is one the best speakers. Thanks.

[@DanWahlin]

+Artiom K. Thanks! Glad you enjoyed the talk.

[@zeuskyst]

Dan Wahlin has got to be one of the best speakers around. I've watched numerous courses by him on pluralsight and talks here on KZbin and without a doubt, you will never get bored.

[@JamesQQuick]

Real quick introduction. Covered all the basics. Really enjoyed it.

[@AminShahDev]

It helps me a lot for starting up angular 2 Thank you so much

[@SampathLokuge]

Supper cool presentation.Thanks.Hope this will open the eyes of the Js developers who don't like the TypeScript :D

[@RUSSIAN_TEXAN]

Cream of the crop as usually. Keep up your awesome work Dan. You are the best on Pluralsight too

[@DanWahlin]

Thanks a lot Anvar - glad you enjoyed the talk!

[@JuMPeRaBG]

Very useful video !

[@dalebailey1626]

Great video, it can be really hard to understand type language concepts when you have never used them before and you did a great job explaining.

[@DanWahlin]

+Dale Bailey Thanks Dale - glad it helped out.

[@NikosKatsikanis]

Awesome stuff.

[@rahulsahay19]

Great Talk as usual!

[@RobertoDuransh]

Great presentation , typescript is one of the reason that why I want make all my new projects with angular 2... btw typescript is really similar to java

[@SuperDanny1016]

Yes, exactly which is why I think so many people like it better.

[@brunohplemos]

You know you can use typescript with any other javascript library, right?

[@zalpman]

That's the reason people hate Angular 2... who needs typescript? C# and Java developers?

[@SuperDanny1016]

+Иван «Израильский» Матвейчук Yep! To the who needs TypeScript question, personally I prefer TS over vanilla JS, but that's just preference

[@cypher9000]

You should also try Aurelia. Much cleaner than A2 but can still use Typescript.

[@barakinbal6345]

Hey Dan,can you publish the links also for youtube watchers?

[@paoloumali100]

Interface requires you to declare the optional items? What's the advantage compared to PHP's interfaces?

[@RELO4D3D1]

They don't strictly require optional properties. But I agree with you that optional properties are kind of beating the whole purpose of interfaces. A Car and a Bike implementing IVehicle with optional property 'engine' would not by definition mean that 'engine' is defined in Bike. Thus making any function say: startEngine(vehicle : IVehicle){vehicle.engine.start()} prone to errors. There's no guarantee that the property will be defined in all vehicles, making it impossible to verify pre-runtime.

[@panchmukhiakhada3825]

Coming from Java land, I think typescript is awesome.

[@kyleyeung1075]

well silly question.. do I need to learn es6 first to learn typescript? or typescript directly?

[@karambhatt5983]

I just started working on Angular 2 month ago I am actually Java developer. I didn't learn even TS directly Angular 2 with .ts tile and then I came to knew there is TS. I hope you already learned but if you didn't just start small thing in Angular and do google when you feel stuck

[@CoolBishop1997]

great presentation and amazing talking skills! 20 minutes flied really fast

[@CyberScence]

Why there is no sound?!?!?!

[@anonimo0486]

Could anyone tell me what editor he is using?

[@anonimo0486]

forget it! it's vs code.

[@DanWahlin]

+axel9641 You got it :-)

[@MarvinBlum]

Well presented. But I expected something more "secret". These features are very basic and common, at least for most programmers who are not programming for the browser only.

[@DanWahlin]

The features aren't secret at all of course - just a catchy title that I came up with. If you work a lot in the JavaScript world I'd argue they're not "basic and common" though. Not even close. They're definitely common for people coming from other frameworks (Java, C#, etc.) though but the focus of this conference is on JavaScript developers.

[@MarvinBlum]

Dan Wahlin Okay that's a point :)

[@julianmosquera2032]

which editor is that??

[@beeeeeeeeeeep]

julian mosquera Visual Studio Code, free Open Source editor.

[@KoMaHu3aM]

so let me get this straight .... typescript is C# for browsers? cause it sure looks like it ...

[@RELO4D3D1]

No, it's a transpiler, not to be confused with a compiler. It allows you to write static typed code (Like C# but aso like Go and Java to name a few). After that you can transpile it into ES3, ES5, ES6 or ES7 code. There's a proposal for ES8 to make (optionally) javascript statically typed. Currently javascript is DuckTyped.

[@KoMaHu3aM]

+menzo wijmenga ok got it, thanks for the info, cheers.

[@DanWahlin]

Nope - TypeScript is a superset of JavaScript. You can write regular JavaScript with it (as shown in the video) and leverage ES6/ES2015 features as well. Some aspects look like C# or Java but they're just part of the overall TypeScript language. You write your code in TypeScript and it compiles down to ES5 code (or other formats) using the TypeScript compiler.

[@wildansyahidillah7978]

Yeah, apparently TypeScript was lead designed by the architect of C#, the legend that is Anders Hejlsberg, so it's no coincidence.

[@calebprenger3928]

his smacking is driving me nuts

[@DanWahlin]

LOL - I agree (and apologize). They put the mic WAY too close when they taped it on (literally taped it on my face) plus I should've just stopped to get a drink of water. :-)

[@calebprenger3928]

+Dan Wahlin good talk though :)

[@beeeeeeeeeeep]

easter egg at 6:50!

[@azulay7]

I'm soory.. New in web programming but he didn't describe which IDE is he using??

[@voids8338]

Visual Studio Code, it's a new open source editor developed by Microsoft.

[@carnelyve866]

Does it run on Ubuntu?

[@voids8338]

Yes, I use it on Ubuntu. There's a deb package on their download page.

[@azulay7]

is is better than Atom.. if you know? I see that all the confernce explaintions are throw VS Code. this is The IDE which the ng-team recomended to work with?

[@voids8338]

I don't know if it's better or not, it certainly is good and it's getting better. The problem is that it's new so it lacks some features such as a built in terminal (they're working on that). I don't think the angular team recommends any particular editor but I think they use it for demonstration because it has native support for typescript (also developed by Microsoft) which angular 2 embraces. Anyway why don't you try it out and see if it works for you, you can't lose anything when it's free, that's the whole idea :) If you don't like it but you need typescript support, you can also use other editors with typescript plugins, such as Sublime text, Atom, or Webstorm...they're all good. Ah I forgot, Visual Studio Code is built using Electron same as Atom (Electron and Atom are both developed by Github).

[@patrickmullot73]

Hi, I actually don't get it.. All these cool "new" stuffs in Typescript actually already exist.. It's called Java! JavaScript is a really cool language, probable because it's loosely typed. That's probably its main fundamental difference with Java. So if you take javascript, strongly type it, give it some classes, interfaces, threads, etc... you actually get back to java!!! Can someone point me out the benefits of rewriting something that's already a standard and works perfectly ? Whats gonna be the difference between Java and Typescript in, let's say, 2 years? Really.. I don't see the point.. someone please illuminate me!

[@matejknopp9383]

When was the last time you have run a java applet in your browser?

[@patrickmullot73]

You'reright, but that's not what I meant. Of course Java, as it is right now, is a no-go for web front-end. My point is that there's a lot of fuss around TypeScript new features as if we had redescovered the wheel. But we've not. To put it in a sarcastic way (but not too far from reality): Take Java, replace its JVM by a Browser (which is actually a jvm!), and add it some more flexibility (like more than a class by file for example). What you get is pretty close to where TypeScript is going, no? So maybe, instead of reinventing the wheel, we should try to port java syntax to the browser environnement.

[@emmyelijah7395]

It's just a tool. If you prefer strong typing, TS is a step forward in that direction. For some people, strong-typing results in efficient and productive coding. That's all.

[@pauloya]

I guess you could create tools to translate any language into JS. TS is a superset of JS, which means you can take any JS file and it should be valid TS code. This allows much easier integration with existing JS code.

[@NikosKatsikanis]

"port java syntax to the browser environnement" Rhino can do that, but just stick to js. Java is useless for the browser

[@SleazyNice]

Typescript is the reason that Angular 2 is failing. More than 70% of web developers don't aren't computer science graduates and couldn't care less about types and never will.