Basics

• Access Modifiers
• Basic Concepts
• Build Task
• Compiling Manually
• Creating Paths
• Hierarchy
• http-server
• package.json
• Simple Example
• tsconfig.json - the /TypeScript project file
• tsconfig.json - multiple files
• Strict Null Checks
• Type Annotations
• Type Assertions
• TypeScript features

Challenges

• Drop Down List Challenge
• Equal Division Challenge
• Fibonacci Challenge
• Prime Numbers Challenge

Classes

• Abstract Classes
• Basics and Features
• Car Class Demo
• Class Fields
• Class Properties
• Constructors
• Inheritance (extends) Demo
• Function as Class Property
• instantiating new objects
• Spaceship Class Blueprint Demo

Cookies

• Get / Set Cookie Demo

Debugging

• Source Maps

Events

• Button Click

External Files

• External and Definition Files

Flow Control

• break
• continue
• if
• loop examples
• null / undefined checks
• switch case

Forms

• Form Controls
• Get values from drop down
• Loop thru form controls
• Validating Numeric Input

Functions

• Arrow Functions
• Arrow Functions 'this'
• Function Examples
• Function Scope Example
• Function with default arg values
• Function Types
• Global Functions
• Lambdas
• Optional Arguments
• Simple Arrow Functions Example

Html Elements

• Targeting Html Elements

Installation

• Installing /TypeScript

Interfaces

• Basics
• Duck Typing
• Employee Interface Example
• Implements vs Extends
• Interface Spaceship Contract Example
• Configuration Contract Example

Keywords

• all keywords
• const
• declare (Ambient Declarations)
• let
• readonly
• static
• super

Modules

• Basics
• export
• import: relative vs non-relative

Namespaces

• Namespace Demos

Operators

• Modulus Example
• Non Null Assertion Operator

Reference Files

• Reference File Demo

String

• String Template Literals

Types

• Data Type Examples
• Enum Examples
• Primitive Types Example
• Readonly Array
• Union Types

// Example 1
let text: string = "";
for (let i: number = 0; i < 10; i++)
{
    if (i===3)
    {
        break;
    }
    text +="The number is " + i + "<br />";
}
$("#demo1").html(text);


// Example 2 - will stop testing after break is hit.
switch(expression)
{
    case n:
    //code block
    break;

    case n:
    //code block
    break;

    default:
    //default code block
    break:
}