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.

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

At the end of the course, we will discuss other JavaScript technologies, such as Typescript, Node.js and Bootstrap, and provide an overview of the current JavaScript libraries and frameworks.

After attending this course, participants will:

• be capable of enhancing a website with JavaScript
• have acquired a good strong working knowledge of the fundamental concepts of JavaScript in relation to HTML
• be prepared to work on larger applications (potentially using web component libraries like LIT or frameworks like Angular or React).

• Introduction to JavaScript
  • what is JavaScript?
  • history and standardisation
  • JavaScript 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
• JavaScript 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
  • Javascript objects and/vs. JSON
  • Prototypes
  • Classes
  • modules
• Common JavaScript Objects
  • 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 JavaScript
• Validation and Error Handling
  • debugging
  • syntax validation
  • Error Handling: predefined and custom errors (try-catch)
• TypeScript
  • differences with JavaScript
  • syntax
  • compiling and configuration
• Overview of JavaScript Technologies
  • AJAX, jQuery, Bootstrap
  • Node.js
  • libraries, web component libraries and frameworks

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.