Join Us For an Exclusive Workshop:
TypeScript Fundamentals

with Mike North

September 15th & September 15th, 2017 • 9:30am – 5:00pm CST

Attend Online

Live and Full HD


Attend In-Person

From: Downtown Minneapolis, MN

Start Learning Today Learn Typescript Money-back Guarantee

Here’s why you should join us!

By coding along with us in this 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”.
  • And more…

Your Instructor

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. Like many big tech companies, LinkedIn is increasingly excited at the prospect of using TypeScript to catch errors earlier, steer developers toward code that can be optimized more easily, all while delivering a superior developer experience.

With over a dozen years of experience building large-scale apps with languages like C++, Java, Swift and Elixir, he’s always secretly missed the benefits of a type system whenever he works with JavaScript.

Interact With the Instructor

Online & In-Person

Get Your Questions Answered

Spend A Full Day Immersed With Mike North

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.

Included with Frontend Masters Membership



Watch Now

How We'll Spend the Day

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:

Why TypeScript?

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

Today's JavaScript is Yesterday's TypeScript

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
630pm: HOMEWORK: Async Task Runner

Day 2:

Applying Types

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

Beyond JavaScript

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

Migrating to TypeScript

5:40pm: Adding Types Incrementally
5:55pm: Using TypeScript with Babel
6:15pm: Wrap up and recap

*Note that this is a rough schedule of how each day typically break down, but that this will be adjusted as we go to make sure everyone can follow along.

The Price

The price for attending this full day workshop is simply the cost of becoming a monthly ($39) member. If you have already attended one, you know this is a tremendous value. If you haven’t, you may be wondering if it’s truly worth becoming a member.

Browse through just a few of the testimonials and you’ll see that people RAVE over these workshops. They’re unique and provide an experience and education you simple cannot find anywhere else.

You’re getting access to some of the brightest, most highly sought after experts in the world, covering topics very few people discuss in detail. Many attendees report learning more in this full day workshop than they did about a particular topics in the past 1-2 years combined.

Combine that with access to thousands of unique, high quality videos in our membership area with 500 hours of in-depth training from world renowned experts and you’ll see why this is a bargain.

  1. These workshops are different from any others you’ve attended. They cover everything, from the basics to advanced material. All of which are available for replay so you can go back and review as your skill grows.

  2. We get a lot of people saying they are scared to join… until it was over. Then they brag about how much of an amazing value they got for the price.

  3. You’re also getting videos of the workshop, plus ALL other workshops we’ve recorded, instantly!

Watch Now

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.

You'll Either LOVE This Workshop Or You Don't Pay. Period.

Our attendees are ecstatic by the high-quality, relevant content they receive at these workshops.

We cover everything in explicit detail (and the things we miss are covered by answers to YOUR questions) from basic to advanced tactics you can start working with the very same day. We don't want you to miss out on this opportunity because you've been to less-than-stellar workshops in the past. We promise you, ours are very unique.

That's why if you attend the workshop and aren't absolutely thrilled with the content… if you don't think it's worth the admission price… We refuse to accept your money. We will more than gladly issue you a full refund, so you risk nothing.

We're very specific about what you're getting here and have ran lots of workshops… so we've almost never have requests for refunds (99.8% satisfaction rate).

MJG Workshop Center • 60 South Sixth Street, Suite 3625, Minneapolis, MN, 55402

What Past Attendees Are Saying

"Superb presentation from a genuine domain expert. I learned a ton today."

Steve Jakubowski

"Keep up the good work. I've attended a lot of online workshops, and they are very shallow and unpractical. Most of the time, online people are treated as second class, but still paying citizens. Here we get all the content and get to participate as well (if only there was a way to get those cookies...)."

Adrian Murillo

"The class was great. It was really cool to get a bunch of links to example code to look at during the presentation and after the class."

Nate Yourchuck

"Good location and facility. Great technology for capture, presentation layout and video streaming. Really excellent being able to view the videos afterwards. It takes away the sense of having to absorb everything immediately or else lose it into the ether. It was fun. What more can you ask for?"

Laurence Bates

"Really well run...loved the communication pre-event. Very impressed with everything...this was my first online conference purchase, but I would definitely consider doing it again."

Jeff Sims

"I really enjoyed the online workshop experience. It is much better than just watching videos. I was able to participate in the conversations and benefit from other folks' questions."

Dana Greenberg

"You guys did a really great job! I cannot say enough good things about the experience."

Richard Ranke

"Everything was first class: excellent instructor, material, video, moderator, audio. Thank you!"

Oscar Pagani

My name is Marc Grabanski I'm the founder of Frontend Masters. I guarantee this workshop will be awesome. Period.

If you don't think it's worth 10x the value, I'm happy to give you back every penny. That's my promise to you!

Marc Grabanski
Founder Frontend Masters