O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Introduction to TypeScript

Video Description

Building practical, maintainable and scalable applications using TypeScript

About This Video

  • Work with the latest features of TypeScript 2.0

  • Explore the various ins and outs of TypeScript, and enhance your coding experience with multiple coding environments

  • Look into real-world obstacles faced and solutions that save the day during JavaScript’s top TypeScript migration

  • In Detail

    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. Take advantage of dozens of features from the next generations of JavaScript such as ES2015 and ES2016 without introducing a complex workflow to your project.

    This course will guide you from a beginner’s level knowledge in JavaScript to being able to successfully start creating applications in TypeScript. You’ll learn why TypeScript’s tooling gives it a heavy advantage over other languages and see how JavaScript works underneath.

    The course begins with an introduction bringing you up-to-date on the state of the JavaScript ecosystem, where TypeScript fits into it, and why you’d want to leverage it. Then we move onto the basics of TypeScript such as setting up your development environment and learning basic language features by building a simple utility application and extending it with more features. Finally, we explore some practical use cases, such as converting plain-old JavaScript to TypeScript and you’ll see how we tackle any issues faced such as external library references, dynamic typing, and more.

    By the end of the course, the viewer will be equipped to explain why TypeScript is advantageous for you and your team while also having a foundational knowledge of language features such as the type system, classes, interfaces, modules, and generics.

    Table of Contents

    1. Chapter 1 : Setting Up Your Development Environment
      1. The Course Overview 00:03:29
      2. Cross-Platform Tooling with Visual Studio Code 00:03:36
      3. Installing and Configuring Node.js 00:02:14
    2. Chapter 2 : Understanding TypeScript
      1. A Brief History of JavaScript 00:05:35
      2. Understanding JavaScript Types 00:07:32
      3. Advantages and Disadvantages of JavaScript 00:10:39
      4. Why TypeScript? 00:07:19
    3. Chapter 3 : What's New in TypeScript?
      1. Basic Features in TypeScript 00:17:15
      2. Advanced TypeScript Features 00:10:02
    4. Chapter 4 : Creating a Basic TypeScript Application
      1. Setting Up a Visual Studio Code Application 00:08:53
      2. Binary Math Refresher 00:07:33
      3. Implementing a Base64 Encoder 00:15:07
      4. Debugging in Visual Studio Code 00:06:28
    5. Chapter 5 : Implementing Multiple Encoders
      1. Adding an Encoder Interface 00:08:39
      2. Adding Support for Unicode Using Node.js 00:10:12
      3. Adding Another Encoder Implementation 00:13:57
    6. Chapter 6 : Refactoring Our Application with Confidence
      1. Choosing the Right Encoder with Options 00:19:00
      2. Refactoring for Testability 00:12:27
      3. Applying SOLID Principles 00:13:52
    7. Chapter 7 : Testing Our Application Using Jasmine
      1. Installing and Configuring Jasmine 00:12:23
      2. Writing Specifications in Jasmine 00:16:36
      3. Running Our Test Suite in Visual Studio Code 00:23:21
    8. Chapter 8 : Migrating a Browser Library
      1. Getting Draggabilly.js 00:07:00
      2. Setting Up Visual Studio Code 00:10:58
      3. Converting the Code 00:39:46
    9. Chapter 9 : Migrating a Hybrid Web App
      1. Todo Application Overview 00:05:56
      2. Setting Up Visual Studio Code 00:10:06
      3. Converting the Server-Side Code 00:44:54
      4. Converting the Client-Side Code 00:31:52
    10. Chapter 10 : Migrating a Node.js Application
      1. Node Library Overview 00:03:36
      2. Setting Up Visual Studio Code 00:05:42
      3. Writing Custom Declaration Files 00:31:59
      4. Converting the JS 1:07:15