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
Rating
(21)
Level
Beginner
Updated
Dec 20, 2019
Duration
2h 7m
Table of contents
Course Overview
Course Overview 2m
Scaffolding an Environment for TypeScript Compilation
A Look at the Completed Application 4m Conclusion 1m Course Roadmap 1m Executing the Compiler: Demo 2m Executing the Compiler: Explanation 1m Installing Visual Studio 2m Installing the TypeScript Compiler 4m Introduction Scenario 2m Scaffolding a TypeScript Application with Node: Demo 5m Scaffolding a TypeScript Application with Node: Explanation 1m Setting up TypeScript Configuration: Demo 4m Setting up TypeScript Configuration: Explanation 1m Troubleshooting 2m Why Typescript? 2m
Configuring the TypeScript Compiler
Adding Advanced TypeScript Configuration Features 3m Choosing Compiler Options 3m Configuring Project References: Demo 4m Configuring Project References: Explanation 1m Configuring a Default Build Task: Demo 3m Configuring a Default Build Task: Explanation 1m Extending TypeScript Configuration: Demo 4m Extending TypeScript Configuration: Explanation 1m Introduction 1m Running the Compiler in Watch Mode: Demo 2m Running the Compiler in Watch Mode: Explanation 3m Summary 1m Why Configure the Compiler? 2m
Installing Type Declaration Files
Adding Features to Our TypeScript Application: Demo 10m Creating and Configuring Custom Type Declaration Files: Demo 5m Creating and Configuring Custom Type Declaration Files: Explanation 2m Module Summary 1m What Are Type Declaration Files? 2m Working with Type Declaration Files from NPM: Demo 5m Working with Type Declaration Files from NPM: Explanation 1m
TypeScript Debugging
Advantages of TypeScript Debugging 2m Client-side TypeScript Debugging with Chrome Extensions: Demo 4m Completing the Application: Demo (Pt 1) 6m Completing the Application: Demo (Pt 2) 7m Conclusion 1m Configuring ESLint: Demo 5m Configuring ESLint: Explanation 2m Debugging Node with VSCode: Demo 5m Debugging Node with VSCode: Explanation 1m
Course Summary
Continue Your Learning 5m Executive Summary 3m Thank You! 1m
Description
Course info
Rating
(21)
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
Understand a Site's Traffic Using Google Analytics
Intermediate
1h 6m
Jul 16, 2020
Server Rendering React Components
Intermediate
1h 30m
Apr 17, 2020
More courses by Daniel Stern
Section Introduction Transcripts
Section Introduction Transcripts

Course Overview
Hi, everyone. My name is Daniel Stern and welcome to my course configuring, compiling and debugging typescript projects. I'm a content author at Pluralsight 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 Pluralsight.

You're the smartest person in the room

PROVE IT

Your team won't just close the skills gap

THEY'LL HURDLE IT