Module Introduction and Introduction to TypeScript

Siddharth Ajmera
A free video tutorial from Siddharth Ajmera
Google Developer Expert in Angular | Full Stack JS Developer
4.2 instructor rating • 2 courses • 56,915 students

Lecture description

This video talks about TypeScript and it's benefits.

We also have a look at the concepts that we're going to go over in this section:

  • Variable declarations(let and const)

  • Static types

  • Spread

  • Destructure

  • Rest

  • Classes

  • Interfaces

  • Generics

  • Arrow Functions

  • Modules and Namespaces

  • fetch

  • async/await

  • etc.

Learn more from the full course

Angular 11 Masterclass with TypeScript, Firebase, & Material

Master and build reactive Single Page Applications(SPA) from scratch using Angular (formerly "Angular 2" or "AngularJS")

16:59:17 of on-demand video • Updated September 2020

  • Built a Single Page Application using Angular
  • Using TypeScript
  • Implementing various building blocks in Angular
  • Using Third Party Modules like Angular Material and AngularFire 2
English [Auto] Hello everyone and welcome to the Section 2 of discourse. I'm really excited for you guys to be in here. And in this section we are going to talk about TypeScript and yes next. Now TypeScript and script standards are things that are evolving quite rapidly with time. So by the time you actually end up watching these videos the version of my script might not be a six or seven right. So that's why I've written e next year and I'll make sure that as soon as a new feature is introduced in any of these and it's something that's quite useful during our development process I add a video about it in this section so we'll make sure of that. All right. Now what exactly is typescript so you can think of typescript as a superset of JavaScript. What that would mean is any valid javascript is essentially a valid TypeScript and typescript offers you things like optional static typing which can prevent diameters. So this would make more sense if you come from statically typed language background like Java or C sharp but then you can get compile time error checking. So this is something that is quite useful. And with the help of typescript you can bring those features to JavaScript as well. No typescript cannot really be embedded directly into a web page so browsers are not really capable enough of learning typescript out of the box. Hence you need to try and pile the typescript to get javascript. This is the exact same reason why we actually installed the typescript in the typescript compiler in the previous section typescript also allows us to leverage more than features of my script standards like modules constants interfaces classes arrow functions etc. and it's also open source so you can actually have a look at the source code of this even though this is supported by Microsoft it's open source so you can also contribute to it and you can suggest features for the next versions typescript offers excellent support for IBD so things like in the lessons at a reporting in line could help as something that you get when you run typescript in most of the more than 80 e's like Visual Studio code etc. Then the typescript compiler also helps us guarantee that browser compatibility is retained so we can try and spell typescript to javascript that can run both on the will browsers as well as on modern browsers. So that is something that the typescript compiler takes care of. Now these are a few features that we are going to actually talk about in this section. So in first start with variable declarations like light and cones and then we'll talk about static types. So things like parameter types like string boolean etc. and then we'll also talk about some of the user defined and complex data types then we'll have a look at three operators. That would be the spread the structure and rest operators. Now in angular almost everything is essentially a typescript class but it is decorated with something so for that will need to understand classes. And we also use interfaces and generics quite a lot and angular so that is also something that will have a look at the section. Finally we'll have a look at things like aero functions modules and name spaces and there were new EPA is like fetch and async await that were recently introduced. So that is also something that we'll have a look at. Now these are not all as soon as a new feature is introduced. I'm gonna make a video about it and I'll add it to this section of the course. All right. Now without further ado let's get started. And in the next review we're going to talk about variable declarations that would be the light in consumers. So I'll see you guys in the next one.