Configuring, Compiling, and Debugging TypeScript 4 Projects

Focused View

Daniel Stern

2:07:12

130 View

1. Course Overview

1. Course Overview.mp4

02:24

2. Scaffolding an Environment for TypeScript Compilation

1. Version Check.mp4

00:15

2. Course Roadmap.mp4

01:36

3. Working with the Project Files.mp4

01:22

4. Installing TypeScript.mp4

04:10

5. Demo - Installing TypeScript.mp4

05:24

6. Executing the TypeScript Compiler.mp4

03:07

7. Setting up a tsconfig File.mp4

03:04

8. Demo - Setting up a tsconfig File.mp4

04:29

9. Module Summary.mp4

01:45

3. Configuring the TypeScript Compiler

1. Configuring the TypeScript Compiler.mp4

01:53

2. Watching for Changes to TypeScript Files.mp4

03:42

3. Demo - Watching for Changes to TypeScript.mp4

02:54

4. Reviewing Configuration Options.mp4

02:14

5. Extending Base Configurations.mp4

03:41

6. Demo - Extending Base Configurations.mp4

06:27

7. Multi- and Single-file Compilation.mp4

04:30

8. Using Webpack to Compile TypeScript Applications into a Single File.mp4

08:41

9. Summary.mp4

00:49

4. Maximizing Collaboration with Project References and Type Declaration Files

1. Project References.mp4

03:43

2. Demo - Project References.mp4

03:44

3. Type Declaration Files.mp4

03:26

4. Demo - Type Declaration Files.mp4

05:35

5. Understanding Definitely Typed.mp4

02:14

6. Demo - Definitely Typed.mp4

04:09

7. Summary.mp4

01:56

5. Debugging TypeScript

1. Debugging Advantages of TypeScript.mp4

04:02

2. Source Maps.mp4

01:36

3. Demo - Using Source Maps to Debug TypeScript.mp4

02:43

4. Debugging TypeScript with VSCode and Chrome.mp4

01:41

5. Demo - Debugging TypeScript with VSCode and Chrome.mp4

03:43

6. Demo - Building a TypeScript MVC Application.mp4

08:17

7. Using Breakpoints to Debug TypeScript.mp4

01:57

8. Demo - Using Breakpoints to Debug TypeScript.mp4

02:37

9. Summary.mp4

00:46

6. Standardizing TypeScript Styling with ESLint

1. Understanding ESLint.mp4

05:10

2. Demo - Implementing and Configuring ESLint in a TypeScript Application.mp4

06:41

3. Thank You!.mp4

00:45

Description

TypeScript is a powerful tool that adds organization, clarity, and collaborative potential to web applications. Here you'll learn to install, configure, and debug TypeScript, as well as how to configure the compiler and use Type Declaration files.

What You'll Learn?

When teams with diverse skillsets work on the same application, it can be challenging and time-consuming to coordinate interconnected code and to standardize styling.

In this course, Configuring, Compiling, and Debugging TypeScript Projects, you’ll learn to create TypeScript projects from scratch to suit the needs of any project you are assigned to create, and to contribute intelligently to projects in which you take a junior role.

First, you’ll explore scaffolding TypeScript projects and creating a reliable and easily customizable environment in which to write code.

Next, you’ll discover how to streamline and encourage developer cooperation by adding type declarations, code linting (with ESLint), and project references.

Finally, you’ll learn how to debug TypeScript with Chrome and VSCode, and configure the project to make it simple for anyone who is working on the project to do so as well.

When you’re finished with this course, you’ll have the skills and knowledge of TypeScript needed to confidently take charge and architect any TypeScript project you are assigned to in an intelligent manner, or to work within any TypeScript team project in a professional and efficient manner.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

TypeScript

Daniel Stern

Instructor's Courses

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-Tricks.com and in CSS Weekly. Daniel also shares his knowledge through speaking, such as in London, England at Full Stack Conf 2014 where he presented a talk on Web Audio and Angular best practices. Videos of Daniel speaking have been featured in such publications as JavaScript Weekly. Daniel lives in Toronto, Ontario and enjoys making electronic music and reading Game of Thrones during the rare times when he isn't writing code.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.