cityjs-typescript-workshop

The workshop is broken up into two main parts. First, Languagae Features, covers multiple intermediate and advanced language features every TypeScript engineer should have in their tool belt. Second, Project Tooling dives into various TypeScript project utilities covering compiler configuration, linting, testing, and more.

The workshop has an estimated run time of 4 hours. This estimate includes breaks, discussions, and questions.

Before starting the workshop please review and complete the follow requirements:

• git v2.x
• Node.js v14.x

  this workshop was written and verified on git v2.24.3 and node v14.16.0

• Code Editor of choice (recommended: VSCode for TypeScript IntelliSense)

Additionally, it is recommended you clone or download this repo so you have direct access to any referenced code blocks. All code in the workshop will be found in their relative section directory. Since this workshop involves TypeScript code blocks, they cannot be executed with the Node.js cli alone. There are multiple options for running TypeScript blocks; use whichever is easiest for you.

1. Locally using ts-node
   • First, install typescript and ts-node as global npm modules on your system using npm i -g typescript ts-node
   • Run any *.ts file using ts-node script.ts in your terminal
   • Alternatively, use npx ts-node and skip global module installation
2. In browser using TypeScript Playground
   • All sections in this workshop have a corresponding Run in TypeScript Playground link that will open the relative code block in your default browser.

Table of Contents

• Language Features
  • Optional Chaining & Nullish Coalescing
  • Tuples
  • Imports
  • Function Overloading
  • Template Literal Types
  • Declaration Merging
• Project Tooling
  • Linting
  • Testing