Introduction to TypeScript

Learn to supercharge your web-applications with the powerful typed language from Microsoft!
4.3 (1,007 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.
10,429 students enrolled
Free
Start Learning Now
  • Lectures 13
  • Length 1 hour
  • Skill Level Intermediate Level
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 4/2015 English

Course Description

In this course, we will learn about TypeScript, the new, JavaScript inspired language by Microsoft. The introductory TypeScript course will teach the student the TypeScript basics necessary for junior workplace skills.

By taking this course you will,

- Set your PC or Mac up to develop TypeScript
- Be able to understand why TypeScript is used to build large web applications

- Use TypeScript's classes and error checking
- Create and extend TypeScript classes
- Share Code via Modules

In the first section, we will learn about what projects TypeScript is appropriate for. We will learn who makes TypeScript, and what projects use TypeScript every day.

In the second section, we will learn about using Node and NPM to install TypeScript, and how to use the command line to compile TypeScript into JavaScript. As a bonus, we'll learn a bit about TypeScript compiler errors.

In the final section, we will take a look at a few of TypeScript's many features.

We will learn about types, how they are used, what kinds are available in TypeScript, and how to make your own.

We will learn about interfaces, inheritance, and TypeScript classes. Using the module system, we will share code between TypeScript files and compile them to JavaScript.

This course includes many videos, as well as links to useful tools like the TypeScript handbook.

This course should take 3-4 hours to complete, as you may wish to pause frequently to try the many code examples provided yourself.

This code is ideal for anyone wanting a solid beginner's foundation in TypeScript, as the hands-on lecture format will ensure that any pupil has a working knowledge of the basics.

What are the requirements?

  • Solid understanding of JavaScript
  • Basic understanding of Node.js

What am I going to get from this course?

  • Compile, Test and Run TypeScript on your workstation
  • Use TypeScript classes and type annotations
  • Build and run a simple app using TypeScript

What is the target audience?

  • You should take this course if you are already well-versed in JavaScript and want to take your course to the next level
  • You should take this course If you already know a similar language like Java, ActionScript or C#

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
04:59

Is TypeScript right for you?


TypeScript offers powerful code features, useful error prevention, and is backed by strong supporters. Learn more about why TypeScript is right for you in this tutorial.


This video discusses TypeScript's relationship with Microsoft, WinJS and the Angular 2.0 project. It also includes a brief overview of TypeScript and the task runners Gulp and Grunt.

02:49

This tutorial is a brief overview of this course.


- The installation section, where TypeScript is installed and compiled

- The basics, where interfaces, classes and others are discussed

3 questions

A test on TypeScript basics

Section 2: Getting Started
02:26

Learn how to install TypeScript using Node and NPM. After this lecture, you will be able to run TypeScript in your workstation.

This video details using the Node Packaged Modules utility to install TypeScript on either Mac or PC, in a more or less automatic fashion.

04:51

In this tutorial, we will compile a very simple TypeScript program with the compiler. After watching this video, you will be able to turn TypeScript into JavaScript via the command line.

Use the command line in Node and the `tsc` utility to turn TypeScript files into JavaScript files.

02:05

In this video, we will analyze errors in the console that may come up when compiling TypeScript. After this video, you'll be able to recognize and analyze TypeScript errors.

3 questions

Test your knowledge of basic TypeScript use.- Basic Command Line Functions- Using NPM to Install TypeScript

Section 3: Basic TypeScript
04:01

In this tutorial, you will learn how types are used in TypeScript.

TypeScript adds types, familiar to those who have used typed languages like C# or Java, to the familiar JavaScript interface. Learn more about it in this video.

06:00

In this lesson, you will learn about TypeScript's basic types, and how they can be used to facilitate better code.

Learn all about booleans, numbers, strings, arrays and enums.

05:07

In this lesson, you will learn how to use Interfaces to create error-resistant code. You will also learn how TypeScript warns you about type errors.

Create interfaces using the interface keyword, and encounter and fix a TypeScript error.

05:52

In this lesson, you will learn about TypeScript classes and how you can create your own.

Create a simple class with method, properties and static properties.

04:54

In this lesson, you will learn about how inheritance works in TypeScript and how you can extend and override TypeScript classes.

Create a basic class with a simple method, then create a new class an extend that method, using a super function.

05:11

In this lesson, you will learn to use Modules and share code between files using Modules.

Commands that we will learn:
- module
- export
- reference path

Section 4: TypeScript Implementation
Automatically Compile TypeScript with Grunt
14:52
Section 5: Building an App with TypeScript
Section 6: Conclusion
02:33

In this video, we'll review what we learned, including TypeScript compilation and installing TypeScript with NPM.

We also review some ways to keep up with TypeScript after this course is over, such as the TypeScript handbook, or following the TypeScript project on Github.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Daniel Stern, The Code Whisperer

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

- Node.js
- Angular.js
- TypeScript
- MongoDB
- Brackets, the Open Source Code Editor
- Esprima
- LESS
- Grunt
- Yeoman
- Many, many, many more

Ready to start learning?
Start Learning Now