Learning Path: TypeScript: Advanced Web Apps with TypeScript
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
0 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learning Path: TypeScript: Advanced Web Apps with TypeScript to your Wishlist.

Add to Wishlist

Learning Path: TypeScript: Advanced Web Apps with TypeScript

Dive into the essentials of TypeScript 2.x
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
0 students enrolled
Created by Packt Publishing
Last updated 9/2017
English [Auto-generated]
Current price: $10 Original price: $200 Discount: 95% off
5 hours left at this price!
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 1 Supplemental Resource
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Set up your basic TypeScript project, as well as NPM and Gulp extensions
  • Work with TypeScript files, modules, and namespaces
  • Migrate third-party JavaScript libraries into your TypeScript project
  • Run and debug your code over different interfaces for improved performance
  • Incorporate object-oriented programming features into your application
  • Perform efficient object typing with the help of TypeGuard
  • Improve your application's code quality with the help of unit tests and code coverage
View Curriculum
  • Working knowledge of JavaScript

TypeScript is a superset of JavaScript that features a robust static type system to help build large-scale applications that are refactor-friendly, maintainable, and scalable. Writing large applications in JavaScript is a challenge. TypeScript brings JavaScript down to Earth by providing optional static typing and future JavaScript features. It gives the developer instant feedback on the code they are writing in order to catch mistakes earlier in the development process. If you're interested to learn TypeScript and take your web development skills to the next level, then go for this Learning Path.

Packt’s Video Learning Paths are a series of individual video products put together in a logical and stepwise manner such that each video builds on the skills learned in the video before it.
The highlights of this Learning Path are:

  • Filled with real-world, practical examples that show you how to build effective web applications
  • Explore powerful methods and classes to increase your application's effectiveness

This learning path aims to teach you to improve the quality of your code and focuses on giving you both the understanding and the practical examples that will allow you indulge in the art of web development with TypeScript 2.x while taking you through core programming concepts. To start off, this Learning Path will teach you to put in place all TypeScript code to have the basics of the application running by starting the project from scratch, creating the structures and files needed and stitching the code all together with modules. You will see how to enhance your build process in particular with Node and Gulp, and then, how to debug the application.

Moving ahead, you will learn how to incorporate object-oriented programming concepts within your application. After that you will explore how to use asynchronous code to work with image data in your applications, and use class decorators to add exciting JavaScript features within your application. Finally, you will learn to improve the quality of your code with the help of different method such as unit testing and code coverage.

By the end of this Learning Path, you will have a thorough understanding of how to build high-performing, advanced, web applications with TypeScript 2.x.

Meet Your Experts:

We have combined the best works of the following esteemed author to ensure that your learning journey is smooth:

Patrick Desjardins has been working since many years as a senior software developer engineer in top 25 companies in the US. He was a Microsoft Most Valuable Professional (MVP) in Asp.Net for two consecutive years, 2013 and 2014. He has studied software engineering and he is known for his analysis, resourcefulness, and abilities to find effective solutions quickly. Since his early professional career, his focus has always been to keep up to date in order to provide quality services to meet customers’ needs. Patrick is a professional who has a well-developed work ethic and who has the desire to perform both in quality and timeliness. His area of interest is web development, which he has embraced since the early 2000s. For many years Patrick has continued to train daily in new technologies and put all theories learned into practice in various projects.

Who is the target audience?
  • This Learning Path is targeted at developers aiming to learn TypeScript, or simply want to dive into scripting languages for web development. Prior knowledge of JavaScript is needed.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
30 Lectures
Rapid Web Application Development with TypeScript 2.x
15 Lectures 01:44:31

This video will give an overview of entire course

Preview 02:16

The aim of this video is to describe why and how to get Visual Studio Code, which will be used in all the future explanations.

Visual Studio Code

We need multiple libraries and a server to run the application. Node.js allows us to have that in few minutes.


JavaScript is not strongly typed and getting an existing JavaScript library requires some work to make it compatible with TypeScript.

Getting Packages from NPM

Many tasks are required when building and Gulp allows doing it in a single command line.

Writing Gulp Script to Build TypeScript

TypeScript can be used from command line or by a configuration file. In both cases they have multiple options and some are required to be activated for advanced features.
Configuring TypeScript Compiler

We need to have basic files to work with TypeScript features as well as a basic project.
Preview 05:32

TypeScript files need to access other pieces of TypeScript files. To communicate, files needs to use modules.

Working with TypeScript Modules and Namespace

The aim of this video is to lay down some files that we will use to explain more advanced concepts. Instead of just writing code, we use this opportunity to review the basic concepts of TypeScript.

Review Basic TypeScript Concepts

To have TypeScript compile and have Intelisense while coding, TypeScript needs to have definition files.
Preview 04:48

The aim of the video is to reference a third-party library as a module and use this one in a single file.

Referencing a Third-Party JavaScript Library

Some libraries are being used often and we can use them without importing.
Referencing a Third-Party JavaScript Library Everywhere

The code needs to be run and delivered to the user from a server. The solution is to run on Node.js with Gulp, a server.

Setting Up the Server with Gulp

Once we develop code, debugging is a natural step to figure out what is wrong.
Debugging with Chrome

In this video, we will see how to debug your JavaScript generated from TypeScript as well as the Gulp file.
Debugging with Visual Studio Code
Building Pro Web Apps with TypeScript 2.x
15 Lectures 01:19:58
This video gives an overview of the entire course.
Preview 02:11

In this video, we will see what Typescript is. JavaScript is not an object-oriented language but TypeScript allows having object-oriented syntax to help having a more organized code.
Deeper with Inheritance – Part One

In this video, we will discuss more object-oriented syntax for having an organized code.
Deeper with Inheritance – Part Two

In this video,instead of having a method with a collection and single object, we will use Spread to have a single method.
Simplify Your Code with the Spread and Rest Operator

In this video, we will dynamically change favorite inheritance without modifying favorite and dynamically switch inheritance of a user using mixin. Also it allows modifying code without touching implementation.

Replace Interfaces with Mixins

In this video, we will use string directly to open many questions to the developer who usesour code. Enforcing string literal adds a set of values acceptable.

Preview 07:04

In this video, you will learn multiple types as single parameter.Also, often used parameter can be managed with type alias and generic type.

Signature Flexibility with Generic Type Aliases and Default Generic

In this video, TypeScript gives static type to get dynamically namedproperties ,which help to keep the code strongly typed.
Static Type for Dynamically Named Properties

In this video,we will do an asynchronous operation in TypeScript. Promise allows to use a standard and well-known way to handle successful and rejected asynchronous calls.


Promise can become cumbersome when many of them are imbricated or waiting on each other. In this video, we will see how async/await fix this problem.

Simplify Asynchronous with Async/Await

In this video, we will see how to iterate on an asynchronous task using an async iterator.

Looping with Asynchronous Iterators

Decorator needs library and specific configuration. We will see how to enable this advanced feature with TypeScript.

Introduction to Decorator

Decorator can be applied to many parts of you code. This video shows how to create and apply decorator on class and method.

Improving your Development with Class and Method Decorator

Decorator can be applied to many parts of you code. This video shows how to create and apply decorator on accessor and property.

Modifying the Data on Read with Accessor and Property Decorator

Decorator can be applied to many parts of you code. This video shows how to create and apply decorator on a parameter.
Parameter Decorator to Have Additional Validation
About the Instructor
Packt Publishing
3.9 Average rating
8,109 Reviews
58,492 Students
686 Courses
Tech Knowledge in Motion

Packt has been committed to developer learning since 2004. A lot has changed in software since then - but Packt has remained responsive to these changes, continuing to look forward at the trends and tools defining the way we work and live. And how to put them to work.

With an extensive library of content - more than 4000 books and video courses -Packt's mission is to help developers stay relevant in a rapidly changing world. From new web frameworks and programming languages, to cutting edge data analytics, and DevOps, Packt takes software professionals in every field to what's important to them now.

From skills that will help you to develop and future proof your career to immediate solutions to every day tech challenges, Packt is a go-to resource to make you a better, smarter developer.

Packt Udemy courses continue this tradition, bringing you comprehensive yet concise video courses straight from the experts.