TypeScript Crash Course

In this TypeScript tutorial we will look at how to install the TypeScript Compiler, all of the different data types, functions, interfaces and classes

[anabeatriz]

SLIDES
00:07 - What is TypeScript?
01:12 - What does TypeScript offer?
02:45 - Static type checking
03:27 - TypeScript types
04:07 - Class based objects
05:02 - TypeScript compiler (TSC)

GETTING STARTED
06:01 - NodeJS and Visual Studio Code
06:35 - Installing TypeScript
07:41 - Opening project in text editor
09:41 - DATA TYPES
15:30 - Arrays
18:52 - Tuple
20:22 - void, undefined and null
22:01 - FUNCTIONS
22:47 - getSum function
24:42 - mySum function
27:28 - getName function
29:25 - myVoid function
30:16 - INTERFACES
34:40 - CLASSES
35:26 - User class
41:05 - Member class
44:37 - UserInterface interface

[CodingTutorials]

Started a new job that uses TypeScript and Angular 4. Your crash courses are always the best to get up to speed asap.

[attilagyen]

just a little note: when you create a function you can use the lambda syntax so instead of
function(x: number): number { return x }
you can use
let x = (x: number): number => { return x }

p.s. thanks for this tutorial, it was really helpful

[ja]

One of the key advantages with Typescript compared to Javascript is that it enables better tooling. The tools such as Visual Studio Code can provide intellisense, detect more errors prior to compiling, all due to the use of types.

[pauls]

I started a new job like 1 week ago and this crash course has helped me a lot!
Can't never go wrong with your videos, thank you! :D

In the past couple years I went from Lamp to Java to Mean. Now after a while, I'm slow learning Ionic 3 and consequentially Angular 4 and Typescript.
I thought that my heart was JS but it's TS! Omg such elegant.
For those Node developers out there, give a look into Nest!!

[DEVDerr]

20:08 For guys watching this in 2018 => They already fixed it!

[thriftsimple]

It's super rewarding after a month of learning programming to see so much of this and get one "aha" moment after another when things are clicking (ex I knew ahead that we'd need a super() call with the child class constructor, felt good). Soooo motivated now. Thanks Brad! Your stuff has been a huge contributor! Much appreciated!!

[uhNid]

As always, thank you! You speak at such a perfect pace. For people like me who are experienced programmers we can speed up the video 1.5x without it sounding sped up and weird while others can listen at your normal pace so they can retain it better. Thanks for everything you do! Such a good channel!

[nanonerd]

Nice intro to cover basics. Would be nice if at the end, you spent 30 sec to explain the point/benefit of creating the UserInterface interface. Thanks !

[sarahmattar]

Short, sweet, and very informative! You're distilling down what takes others a few hours to explain. Thank you Brad!

[ZenOfTube]

For those who question its value, note that if you are looking for work using Angular you will need TypeScript. Brad has great Angular tutorials, too. Note that in this tutorial you may get the squiggly line error "[ts] Cannot redeclare block-scoped variable..." which is easily fixed by making your TypeScript file into a module. Do this with an empty export statement (export {};) at the top of your file and the annoying errors will go away.

[LookNumber]

Great job, Brad! I was hoping that we'd see something from you on TypeScript. Very clear and concise, as usual.

[retiar]

I learned OOP in c++ and java and i was still unsecure about this. I thought theres more to it but actually its simple as it gets. TY BRAD!

[egro-marketplace]

Your courses are always efficient and clear !!!Your courses are always efficient and clear !!!

Came here to learn TS in order to understand better the Deno JS engine. Thanks for sharing. 👏🏽

The TS classes remind me the time developing using Java on the university projects. ;) Good old times I could say. 😊

[coding_ss]

I'm doing angular2 these days and this video is helpful ... Thank you very much brad. Keep posting awesome crash course & tutorials like this.

[davidofug]

I have to admit, your courses are the best. Thank you Brad.

[Seb]

Hi Brad, i followed your MERN courses, how would you deploy to heroku when you add typescript ? I am very confused with the scripts and concurrently —watch etc . Could you please provide a tuto? It s very difficult to find online how to do for this setup with typescript. Thanks

[elciesstv]

Like the others, i started work in a new JS/Angular5 project in my actual job, and i rly need to say ty for this crash course, i just love the way u explain. Already bougth Angular, bootstrap and JS courses at udemy!