TypeScript

During this training, we will learn the basics of programming in TypeScript. In this four-day ABIS course, we will study the syntax of TypeScript, as well as how it is used in a modern webapplication.

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).

Intended for

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

Backgroud

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).

You can test yourself to see if you have the required background by filling out the online selftest "HTML", the on-line self-test "OO concepts" and the online selftest "introduction to programming".

Main topics

• 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)

Training method

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.

Certificate

At the end of the session, the participant receives a "Certificate of Completion".

Duration
4 days.