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
(29)
Level
Beginner
Updated
Dec 20, 2019
Duration
2h 7m
Table of contents
Course Overview
Course Overview 2m
Scaffolding an Environment for TypeScript Compilation
Introduction Scenario 2m Why Typescript? 2m A Look at the Completed Application 4m Course Roadmap 1m Installing Visual Studio 2m Troubleshooting 2m Installing the TypeScript Compiler 4m Executing the Compiler: Explanation 1m Executing the Compiler: Demo 2m Setting up TypeScript Configuration: Explanation 1m Setting up TypeScript Configuration: Demo 4m Scaffolding a TypeScript Application with Node: Explanation 1m Scaffolding a TypeScript Application with Node: Demo 5m Conclusion 1m
Configuring the TypeScript Compiler
Introduction 1m Why Configure the Compiler? 2m Choosing Compiler Options 3m Adding Advanced TypeScript Configuration Features 3m Extending TypeScript Configuration: Explanation 1m Extending TypeScript Configuration: Demo 4m Configuring a Default Build Task: Explanation 1m Configuring a Default Build Task: Demo 3m Running the Compiler in Watch Mode: Explanation 3m Running the Compiler in Watch Mode: Demo 2m Configuring Project References: Explanation 1m Configuring Project References: Demo 4m Summary 1m
Installing Type Declaration Files
What Are Type Declaration Files? 2m Working with Type Declaration Files from NPM: Explanation 1m Working with Type Declaration Files from NPM: Demo 5m Creating and Configuring Custom Type Declaration Files: Explanation 2m Creating and Configuring Custom Type Declaration Files: Demo 5m Adding Features to Our TypeScript Application: Demo 10m Module Summary 1m
TypeScript Debugging
Advantages of TypeScript Debugging 2m Debugging Node with VSCode: Explanation 1m Debugging Node with VSCode: Demo 5m Configuring ESLint: Explanation 2m Configuring ESLint: Demo 5m 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
Course Summary
Executive Summary 3m Continue Your Learning 5m Thank You! 1m
Description
Course info
Rating
(29)
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
Vue.js: Big Picture
Beginner
1h 32m
Dec 21, 2020
Styling React Native Applications
Intermediate
1h 50m
Nov 9, 2020
Understand a Site's Traffic Using Google Analytics
Intermediate
1h 6m
Jul 16, 2020
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 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 debug ping. Some of the major topics will cover include how to configure the TypeScript compiler and use it to generate JavaScript code how to work with and extend TypeScript configuration files. How to effectively utilize a declaration file how to use the TypeScript de ______ and how to lint TypeScript code. From here, you could continue learning by diving into great courses on advanced TypeScript techniques and code constructs or object oriented TypeScript code. I hope you'll join me on this great journey to learn TypeScript with the course configuring, compiling and debugging TypeScript 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