TypeScript Fundamentals
Join us for an Awesome Workshop on:

TypeScript Fundamentals

September 15, 2017 - 9:30am to 5:30pm Central US Time

Attend Online

Live and in Full HD

Join in Person

From Downtown Minneapolis, MN

You're Registered to Attend Online!

September 15, 2017 - 9:30am to 5:30pm Central US Time

This Workshop's Online Chatroom is Currently Open!

September 15, 2017 - 9:30am to 5:30pm Central US Time

You can watch video of this workshop!

TypeScript Fundamentals

Some Key Takeaways!

By coding along with us in the Workshop, you'll:

  • Clearly understand the line between JavaScript, Type-Checked JavaScript and TypeScript
  • Get hands on with nearly 20 examples that highlight JavaScript's weaknesses and TypeScript's strengths!
  • Experience the benefits of using TypeScript with React, first hand!
  • Add external type information to regular JavaScript code
  • Become proficient in using object-oriented design patterns with TypeScript
  • Learn strategies for introducing TypeScript, gradually and sustainably. Get the benefits of this fantastic language, without the pain of a 'rewrite'

Your (Awesome) Instructor

Mike North

Mike North

Mike is a modern web consultant and Staff Engineer at LinkedIn where he works with the Web Frameworks team to maintain the company's tech stack. Mike was the CTO of Levanto Financial and an open source contributor to ember-cli, ember-data and ember.js. Before working at Levanto, Mike was the UI Architect of Yahoo's Ads & Data division, and was a driving force in replacing YUI with Ember as the UI framework of choice throughout the division, and the company as a whole. Mike led the UI engineering effort to build out Yahoo's Ad platform in Ember.js, improving the framework, tooling and ecosystem along the way.

Spend A Full Day Immersed With Mike North

Workshop Details

TypeScript Fundamentals

TypeScript combines the most modern JavaScript language features with a powerful and flexible type system, to make building high-performance and scalable apps easy, while providing an amazing developer experience.

We'll begin with a deep dive into some modern JavaScript language features which were inspired by things TypeScript developers have enjoyed for years. This includes, but isn't limited to classes, decorators, iterators, generator functions and async/await.

Next, we'll look at language features that TypeScript adds on top of JavaScript — you won't find these supported natively in browsers anytime soon! These concepts, generally found in strongly-typed languages, include abstract classes, interfaces, enums and access modifiers.

Finally, we'll prescribe a path for adding the typescript compiler to your build process, and then gradually add type information and 'upgrade' our code over time. This will leave students with an easy way to start using TypeScript in their JavaScript apps immediately, without the downsides of a big 'migration' or 'rewrite' that usually come with using a new programming language.

Daily Schedule

We've already held over 100 workshops holding thousands attendees in-person and online. In this time we've discovered ways to schedule the day so it goes smoothly and efficiently.

Regardless if you're in-person or participating with us online you'll have the full ability to replay things you missed, get your questions answered LIVE and interact with the teacher throughout the day.

During the day, we'll cover in order:

Day 1

  • 9:30AM
    Welcome and Setup
  • 9:45AM
    Strange JavaScript & The Benefits of Types
  • 10:15AM
    Using the TypeScript Compiler
  • 10:45AM
    EXERCISE: Compiling TypeScript into JavaScript
  • 11:15AM
    Coffee Break
  • 11:30AM
  • 12:00PM
    EXERCISE: Refactor into modules
  • 12:30PM
    Classes and Prototypes
  • 1:00PM
    EXERCISE: Color picker: class edition
  • 1:30PM
  • 2:30PM
  • 3:00PM
    EXERCISE: Memoized functions
  • 4:00PM
    Enhanced Objects & Property Descriptors
  • 4:20PM
    EXERCISE: Getter/Setter based properties
  • 4:40PM
    Iterators and Generators
  • 5:10PM
    Async & Await
  • 5:45PM
    Recap & Wrap Up
  • 6:30PM
    HOMEWORK: Async Task Runner

Day 2

  • 9:30AM
    Welcome & Solution to Homework
  • 9:50AM
    Type Annotations
  • 10:10AM
    EXERCISE: Typed Color Picker
  • 10:30AM
    Ambient Types
  • 10:50AM
    EXERCISE: Adding types for an existing JS library
  • 11:10AM
    Coffee Break
  • 11:40AM
  • 11:50AM
    EXERCISE: Making our color picker more robust
  • 12:00PM
  • 12:10PM
    EXERCISE: Structural typing with interfaces
  • 12:40PM
  • 1:30PM
  • 1:50PM
    EXERCISE: Generics
  • 2:10PM
    Type Guards, Coersion, Casting and Assertion
  • 2:30PM
    Working with TSX
  • 2:45PM
    Access Modifiers
  • 3:00PM
    Readonly and Static
  • 3:15PM
    EXERCISE: Access modifiers
  • 3:35PM
  • 3:55PM
    Mixins, Abstract Classes and Interfaces
  • 4:15PM
    EXERCISE: Data Modeling
  • 4:35PM
    Code Style
  • 4:50PM
    Using TypeScript with React
  • 5:10PM
    EXERCISE: A typed react component
  • 5:40PM
    Adding Types Incrementally
  • 5:55PM
    Using TypeScript with Babel
  • 6:15PM
    Wrap up and recap

Interact with the Instructor - Online & In-Person

Get Your Questions Answered • Code Along with the Class • Classroom Format

Is This Workshop for Me?


This course is ideal for experienced JavaScript developers who wish to learn how TypeScript can make their code more robust, performant and scalable. Full-stack developers who already think in 'strong typed mode' will find this course even more useful, in that they'll finally be able to use types with code that runs in Node.js and browsers. While complete novice programmers are welcome to attend, this is an advanced course that assumes significant prior JavaScript and computer science knowledge.

Any Prerequisites?

  • Significant JavaScript experience is necessary to understand the code under discussion and keep up with the brisk pace of the class. Some experience (or at least passing familiarity) with a strongly typed programming language such as Java, C/C++, Swift, Elixir, Rust, etc will help minimize conceptual snags, and will help students form deeper and more useful connections between TypeScript and other programming ideas.

Event Details


One Full Day Workshop Session

Replay Videos (available immediately)


September 15, 2017 - 9:30am to 5:30pm Central US Time


Option 1: Attend online on our full HD live stream

Option 2: Attend in-person at HQ in Minneapolis, MN