Learn TypeScript fundamentals in this comprehensive 3-hour tutorial designed for beginners and those looking to use TypeScript with Angular. Explore essential concepts including built-in types, functions, custom types, interfaces, classes, and modules. Set up your development environment with Visual Studio Code, Node.js, and necessary dependencies. Dive into TypeScript configuration, debugging techniques, and webpack integration. Master type annotations, type inference, and advanced features like union types and type assertions. Understand the differences between interfaces and classes, and learn how to work with modules effectively. Conclude with an overview of type declaration files and the DefinitelyTyped repository. Gain practical knowledge through hands-on demonstrations and code examples to kickstart your TypeScript journey.
TypeScript Tutorial for Beginners - Learn TypeScript for Angular
Overview
Syllabus
Course Introduction
TypeScript Demo Overview
Get the Full Source Code from Github
CHAPTER 1: Installing Dependencies
Installing Visual Studio Code
Project overview
Installing Node & NPM
Downloading TypeScript
Other dependencies like ts-loader, Webpack
Creating tsconfig.json file
Execute your First TypeScript Code
Configuration options in tsconfig.js file
'target', 'module', 'sourceMap',
'outDir', 'strict,' 'esModuleInterop', 'watch'
Debug TS code using Chome Developer Tool
Configuration Inheritance in TypeScript
Creating base configuration file
Creating folder-level configuration file
Configuring Webpack for TypeScript
webpack.config.js file walkthrough
Summary
CHAPTER 2: Built in Types - Overview
Built-in data types
JavaScript Hoisting
Using var, let & const to declare variables
var vs. let vs.const
Type Annotation & Type Inference | String Templates
Using String Literals
Type Annotation & Type Inference
Defining Multiple Types Union type Variable
Control flow based analysis
What is strictNullChecks compiler option?
Using Null and Undefined types
Type assertion
Defining variable with ‘any’ type
Summary
CHAPTER 3: Using Type Annotation with Functions - Overview
Adding Type Annotations with Function
—noImplicitAny compiler option
Default & Optional Parameters
What is arrow function? Lambda Function?
Arrow function with no parameter
What is a function type?
Defining function as a type
Summary
CHAPTER 4: Custom Types in TS | Interface & Class - overview
Interface vs Class
What is an interface? Syntax.
Structural type system
Optional Properties of Interface
Class in TS
Getter and Setter - accessor methods
01:41:46 Readonly property specifier
Hard Private & Soft Private fields
Class Extending class
Class Implementing Interface
Static Members
Understanding Constructors
super constructors
Use triple-slash directive
Using ‘outFile’ compiler configuration option
Summary
CHAPTER 5: Modules in Typescript - Overview
Supporting Technologies to Implement Modules
Importing & Exporting Modules
‘export’ statement
Importing a module
Relative import vs. non-relative imports
Module Resolution Strategies
CLASSIC vs. NODE Relative & Non relative moduleResolution option
How does TS find a module - Trace Resolution Demo
Using baseUrl
Configuring Module Bundler - webpack
Summary
CHAPTER 6: Type Declaration files
DefinitelyTyped Github Repository
Summary
Taught by
Smartherd
