Configuring, Compiling, and Debugging TypeScript Projects
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.
What you'll learn
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
Table of contents
- 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
- 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
- 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
- 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
About the author
Daniel Stern is a coder, web developer and programming enthusiast from Toronto, Ontario, where he works as a freelance developer and designer. Daniel has been working with web technologies since the days of the dial-up, and is especially keen on JavaScript, CSS, Angular, React and TypeScript. Over the course of his work as an open-source developer, he's created many community-standards web tools including Angular Audio and Range.CSS. His tool, Range.CSS, was featured in a guest article on CSS-T... more