TypeScript is JavaScript supercharged! Its productivity-enhancing features, such as optional static typing, enhanced IDE support, and auto-complete, make this open-source JavaScript extension a popular tool with web developers building feature-rich applications. In the video course Introduction to TypeScript, experienced technical trainer Tamas Piros teaches you TypeScript basics like data types, generics, typings, and debugging. You’ll also …
TypeScript is JavaScript supercharged! Its productivity-enhancing features, such as optional static typing, enhanced IDE support, and auto-complete, make this open-source JavaScript extension a popular tool with web developers building feature-rich applications. In the video course Introduction to TypeScript, experienced technical trainer Tamas Piros teaches you TypeScript basics like data types, generics, typings, and debugging. You’ll also explore how TypeScript integrates with the Angular framework, which was built using TypeScript. By the end of this visual journey, you’ll have the skills and knowledge to apply TypeScript to your next web project.
Building on the familiar JavaScript syntax and structures, TypeScript provides a strong type system and inline error flagging. With the precision types added to your code, you’ll more easily take advantage of best practices like code refactoring and type annotations. Since TypeScript compiles to clean and simple JavaScript code, you can confidently run your TypeScript apps on any browser. TypeScript is fully interoperable with all JavaScript libraries, so new and evolving JavaScript features are at your fingertips.
Introduction to TypeScript teaches you everything you need to know to get started writing awesome web apps with TypeScript. First, you’ll review the relevant ECMAScript foundations that will enhance your first steps down the TypeScript road. Then, after setting up your programming environment, you’ll explore primitive data types like Boolean, numbers, and strings, as well as non-primitive data types like arrays, tuples, and enums. Your next stop will be object-oriented programming concepts including interfaces, classes, access modifiers, and abstract methods.
As you work through this course, you’ll discover generics and how to use them, and progress further into typings, including how to apply them to third-party libraries. You’ll also learn to efficiently transpile TypeScript to JavaScript with and without the open-source module bundler Webpack. With the 45 comprehensive videos in this course, you’ll have a rock-solid foundation and a collection of instantly-useful skills for building strong, safe, web apps!
ECMASCRIPT 2015
ECMA International 00:02:40
‘const’ and ‘var’ - new ways to declare variables 00:04:09
Working with Objects and Arrays the ES2015 way 00:07:02
Arrow functions 00:06:19
Rest, Spread operator and Default function parameters 00:04:17
Template literals 00:02:14
Classes in ECMAScript 2015 00:06:33
Modules (in TypeScript) 00:05:34
SETTING UP YOUR ENVIRONMENT
What is TypeScript 00:03:25
Installing a code editor (Visual Studio Code) 00:03:50
Configuring TypeScript via tsconfig.json 00:07:26
Executing TypeScript Code 00:02:38
PRIMITIVE DATA TYPES IN TYPESCRIPT
Boolean 00:02:00
Number 00:01:22
String 00:00:53
Using all primitive data types 00:02:37
NON-PRIMITIVE DATA TYPES
Arrays 00:04:32
Tuple 00:02:43
Enum 00:03:02
Any 00:02:09
Never 00:02:02
Null and Undefined 00:02:45
Void 00:01:14
Functions 00:01:40
Type 00:01:37
Type assertion 00:03:31
Objects 00:02:08
OBJECT ORIENTED TYPESCRIPT - PART 1
Interfaces 00:07:07
Type vs Interface 00:02:52
Using the ’extends’ keyword 00:02:50
Interface - index signature 00:01:56
OBJECT ORIENTED TYPESCRIPT - PART 2
Data types and optional parameters for functions 00:02:07
Classes in TypeScript 00:03:50
Access modifiers 00:04:30
Using the ‘implements’ keyword 00:01:25
Creating abstract classes and methods 00:03:26
Putting everything together 00:08:15
GENERICS
Using generics in TypeScript 00:03:48
TYPINGS, TRANSPILATION AND DEBUGGING
Typings for third party libraries 00:07:12
Use Webpack with TypeScript for transpilation 00:07:12
Linting TypeScript code 00:05:23
Enable linting via Webpack 00:02:28
Debugging TypeScript code 00:04:03
Use SystemJS with TypeScript 00:04:20
Use RequireJS with TypeScript 00:01:56