TypeScript Fundamentals
Join us for an Exclusive Workshop:

TypeScript Fundamentals

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

Attend Online

Live and in Full HD
OR

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 Is Currently Live

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

This Workshop Has Already Concluded

TypeScript Fundamentals

Why You Should Join Us

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 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
    Modules
  • 12:00PM
    EXERCISE: Refactor into modules
  • 12:30PM
    Classes and Prototypes
  • 1:00PM
    EXERCISE: Color picker: class edition
  • 1:30PM
    Lunch
  • 2:30PM
    Decorators
  • 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
    Optionals
  • 11:50AM
    EXERCISE: Making our color picker more robust
  • 12:00PM
    Interfaces
  • 12:10PM
    EXERCISE: Structural typing with interfaces
  • 12:40PM
    Lunch
  • 1:30PM
    Generics
  • 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
    Enums
  • 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
Expand...

Interact with the Instructor - Online & In-Person

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

Is This Workshop for Me?

Summary

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.

Event Details

Free for EVERYONE

One Full Day Workshop Session

Replay Videos (available immediately)

When

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

Where

Option 1: Attend online on our full HD live stream

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