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

namespace ScriptDemo
{
class FunctionExample
{
    BuildMessage = () : string => { return "Hello World"; };

    ShowMessage = () : void =>
    {
        let label: HTMLElement = <HTMLElement>document.getElementById("message-label");
        label.innerHTML = this.BuildMessage();
    }
}

window.onload = function ()
{
    let functionExample = new FunctionExample();
    functionExample.ShowMessage();
};
}