Configuring, Compiling, and Debugging TypeScript Projects

By Daniel Stern
TypeScript projects can be complex and challenging to maintain. Learn proper configuration, efficient compilation, and a variety of time-saving debugging techniques in this great course packed with advanced concepts.
Play course overview
Course info
Level
Beginner
Updated
Dec 20, 2019
Duration
2h 7m
Table of contents
Course Overview
Course Overview 2m
Scaffolding an Environment for TypeScript Compilation
Setting up TypeScript Configuration: Demo 4m Course Roadmap 1m Why Typescript? 2m Executing the Compiler: Demo 2m Setting up TypeScript Configuration: Explanation 1m Installing the TypeScript Compiler 4m Conclusion 1m Troubleshooting 2m Introduction Scenario 2m Scaffolding a TypeScript Application with Node: Demo 5m Executing the Compiler: Explanation 1m Installing Visual Studio 2m A Look at the Completed Application 4m Scaffolding a TypeScript Application with Node: Explanation 1m
Configuring the TypeScript Compiler
Configuring Project References: Demo 4m Choosing Compiler Options 3m Summary 1m Running the Compiler in Watch Mode: Demo 2m Configuring a Default Build Task: Demo 3m Configuring a Default Build Task: Explanation 1m Extending TypeScript Configuration: Demo 4m Why Configure the Compiler? 2m Extending TypeScript Configuration: Explanation 1m Configuring Project References: Explanation 1m Introduction 1m Adding Advanced TypeScript Configuration Features 3m Running the Compiler in Watch Mode: Explanation 3m
Installing Type Declaration Files
Working with Type Declaration Files from NPM: Demo 5m What Are Type Declaration Files? 2m Module Summary 1m Adding Features to Our TypeScript Application: Demo 10m Working with Type Declaration Files from NPM: Explanation 1m Creating and Configuring Custom Type Declaration Files: Explanation 2m Creating and Configuring Custom Type Declaration Files: Demo 5m
TypeScript Debugging
Debugging Node with VSCode: Explanation 1m Advantages of TypeScript Debugging 2m Completing the Application: Demo (Pt 1) 6m Completing the Application: Demo (Pt 2) 7m Configuring ESLint: Demo 5m Conclusion 1m Configuring ESLint: Explanation 2m Debugging Node with VSCode: Demo 5m Client-side TypeScript Debugging with Chrome Extensions: Demo 4m
Course Summary
Continue Your Learning 5m Executive Summary 3m Thank You! 1m
Description
Course info
Level
Beginner
Updated
Dec 20, 2019
Duration
2h 7m
Description

TypeScript is a powerful language, but configuring and compiling it is much more challenging than with plain JavaScript.

In this course, Configuring, Compiling, and Debugging Typescript Projects, you’ll gain the ability to efficiently and effectively set up and debug TypeScript projects, saving time for your team and money for your employer.

First, you’ll learn how to compile TypeScript and how to interpret the input and output. Next you’ll explore where and how to configure the TypeScript compiler for maximum productivity. Finally, you’ll discover how to debug and lint TypeScript projects, ensuring that the development process will be smooth from beginning to end.

When you're finished with this course, you will have the skills and knowledge of TypeScript needed to set up TypeScript for compilation of multi-developer projects, or to integrate in these projects.

Software required: TypeScript, Node.js, VSCode

About the author
Daniel Stern
About the author

Daniel Stern is a freelance web developer from Toronto, Ontario who specializes in Angular, ES6, TypeScript and React. His work has been featured in CSS Weekly, JavaScript Weekly and at Full Stack Conf in England.

More from the author
Server Rendering React Components
Intermediate
1h 30m
Apr 17, 2020
Force Layout Graphs in D3
Beginner
2h 15m
Aug 13, 2019
More courses by Daniel Stern
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
[Autogenerated] Hi, everyone. My name is Daniel Stern and welcome to my course configuring, compiling and debugging typescript projects. I'm a content author at plural site and independent Web developer. Typescript is a dynamic language that compiles to JavaScript but has all the power of type. Checking this course is an overview of all the organizational techniques needed for a great typescript project configuration compilation and debunking some of the major topics will cover include how to configure the typescript compiler and use it to generate JavaScript, code howto work with and extend typescript configuration files. How to effectively utilize a declaration file how to use a typescript de ______ and how to lend typescript code. From here, you could continue learning by diving into great courses on advanced typescript techniques and cold constructs or object oriented typescript code. I hope you'll join me on this great journey toe learn typescript with the course configuring, compiling and debugging type _______ projects here at plural site

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT