After an introduction to the syntax we will create dynamic web pages using the Document Object Model (DOM). We will discuss the usage of events to handle form submission and validation.

We will study the differences between TypeScript and JavaScript, specifically focusing on data types, OO features and imports.

Next to the "classical" programming, we will also cover topics needed to create larger, structured applications. This will include an introduction in Single-Page Applications (SPA) and API calls.

After attending this course, participants will:

• know the syntax of TypeScript, including the datatypes, OO features and module structure that are added on top of JavaScript
• be capable of enhancing a website with TypeScript
• be prepared to work on larger applications (potentially using frameworks like Angular or React).

• Introducing TypeScript
  • What is TypeScript
  • History and Standardisation
  • TypeScript (ECMAScript) vs JavaScript   
• Installing and Configuring TypeScript
  • Node.js and npm
  • TypeScript compiler
  • Configuration: tsconfig.json and package.json
  • TypeScript Hello World
• Syntax
  • data types and variables
  • operations
  • program flow: if-else, switch, while, do while, for
  • functions: declaration, rest parameters, function expressions, arrow functions
• TypeScript in/and HTML
  • HTML and CSS review
  • Document Object Model (DOM) and Browser Object Model (BOM)
• Event-Based Programming
  • events and event types
  • triggering events via attributes
  • event listeners
  • event propagation
• Object Oriented Programming
  • TypeScript objects and/vs. JSON
  • Classes
  • Using Modules
  • Enums
  • Abstract classes and methods
  • Interfaces
• Common TypeScript Classes
  • String, Array, Date, Math
• Forms
  • HTML Forms
  • user interaction: submitting forms, populating menus, change events
  • navigation: basic navigation, History API, Single-Page Architecture (SPA)
  • transporting data between pages: cookies, sessionStorage and localStorage, FormData
  • introduction to calling APIs in TypeScript
• Validation and Error Handling
  • debugging
  • syntax validation
  • Error Handling: predefined and custom errors (try-catch)
• Overview of JavaScript/TypeScript Technologies
  • AJAX, jQuery, Bootstrap
  • Node.js
  • libraries and web component libraries
  • frameworks (e.g. React and Angular)

Class room training to explain and demonstrate the concepts and possibilities, alternated with a lot of exercises to get practical experience. 

Delivered as a live, interactive training – available in-person or online, or in a hybrid format. Training can be implemented in English, Dutch, or French.

Some programming experience is required (see course Programming fundamentals). Basic knowledge of HTML is assumed (see course HTML and CSS). Some knowledge of OO concepts is a nice plus (see course OO concepts and techniques).

This course is intended for anyone who wants to create and maintain dynamic websites using TypeScript.