Learn TypeScript for beginners

See our other Step by Step video series below :-

[bolajisalau]

Awesome.... You did a great job explaining what has been a confusing challenge so easily. Now I have motivation to invest more in TypeScript and dust off my JavaScript rust. Thank you and keep up the good work

[mohammadfarhan]

Very Very Nice tutorial. I really Liked it so Much. It helped me alot to understand typescript. Indirectly helped me little understand Angular 2 & Ionic 2.

[sameerkumarusa]

Shiv Prasad Koirala Sir rocks. You simplify things so much. Anyone can learn.

[dharmkumar]

Nice Explanation - I think colon (:) they used for define return type or function argument type, Hence they choose keyword "extend" for inheritance.

[richardnorthcott]

Thank you for your video. I feel I have a better understanding of TypeScript and how and why to implement it.

[kkg]

Thanks alot sir. This 45 minutes is so worthy to be able to get the typescript knowledge. I appreciate your efforts and time. I Salute you.

[prashantalok]

As always an awesome way to explain things by intentionally creating errors. Great simple tailored tutorial on TS..Thanks Shiv

[KrishnaSmily]

: (Colon) is not used because they have already used that (colon) notation for type notation for variable and functions. They might wanted to clear the confusion between variable type declaration and inheritance. So extends would be accurate(reason) I feel.

[sijimathew]

Superb video . Thanks a lot. Can you give me the link to learn "Closure" in Javascript ?

[PatilShirish]

Waiting for JavaScript training tutorial - Part 2 please upload as soon as possible. Great Explanation your doing really great job.

[m.vivek]

Thanks for nice tutorial, developers see the languages differently only if there are some syntactical changes, otherwise they simply says they have copied as it is from C# language, may be Microsoft wants to show its not completely same language.. They have used : symbol for properties & extends keyword VB.net language...

[contactsanjiv]

Excellent way of teaching. Did a good job.

[lakshmansha]

Thanks for Video. But i think u have to check some javascript function and extends. On Customer.js file you will find the _customerName which is given private on typescript but When u check on cust on html you won't get the cust._customerName because it is not public. But basically when you have a object and declared a property for that object you will get it.

[harishjamb]

Not sure if this question has been asked already? this is about the module loaders. you say that typescript requires module loaders to load the modules on demand. but as per the framework, it is the javascript that would actually require the loaders.. isnt it? and by this logic the javascript should load it as per the object based language principle using the require keyword. they why do we have to install extra packages like systemjs etc to use and ensure to load on demand from typescript code? thanks

[MrMrvishal]

Very nice. Cleared all my confusion which was about oops in java script. I need its document too.
Thanks

[HimalayaGarg]

Thank you for making it clear.. this is all angular basics

[rahulrajatsingh]

Excellent tutorial. Loved it. Just want to add somethings.


Regarding interfaces not being generated in the .js. I think the .js only contains the executable code and since nothing in an interface is executable, it is not present in the .js file.

Interfaces play an important role during compilation in enforcing the implementation of the interface methods in the implementing class. In the generated executable code(.js in this case), the interface related stuff will not be present.

IMO, same is the case with .NET too. In .NET world the equivalent comparison can be done at IL level. If we open the IL for a given binary, the interface will not be present explicitly. Only the interface methods will be present. The methods however will be tagged with interface names.



Using the extend/implement syntax for inheritance/interface could be due to compiler dynamics coming in play. in C# the declaration syntax is "var name;" and thus compiler could parse the code and identify the use of ":" for inheritance, implementation and specifying member initialization list in constructor. Whereas in ts, we are using it for declaration and if we start using it for inheritance/implement also, then its additional overhead for transpiler. So keeping it simple with separate keywords seems like better option.

Please provide your inputs on these comments.

[robertmasilamani]

Nice session. Thanks. I Assume ":" used for type definition in deceleration. to differentiate/unique Microsoft using extends for inheritance.

[rajeshhirulkar]

They use extends bcoz : use for declaring data type for example customername : string

[terry_hutt]

Thanks for this video - you covered a lot of ground in a very structured way. I can see you put a lot of thought into this. I am getting an error on the import at run time saying that 'require' is undefined. There seems to be a require package I don't have or that can't be referenced. Does anyone have a solution to this problem?