JavaScript programming

During this training, we will cover the main programming possibilities for client-side JavaScript, based on the ECMAscript standard. 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. They will have acquired a good strong working knowledge of the fundamental concepts of JavaScript in relation to HTML and will be prepared to work on larger applications (potentially using web component libraries like LIT or frameworks like Angular).

Schedule

datedur.lang.locationprice 
19 May3web based 1710 EUR (excl. VAT)
19 May3Leuven 1710 EUR (excl. VAT)
SESSION INFO AND ENROLMENT

Intended for

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

Background

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

Main topics

  • 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

Training method

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

Duration

3 days.

Course leader

Sandy Schillebeeckx, Peter Vanroose.

Also interesting

Enrollees for this training also took the following courses:


SESSION INFO AND ENROLMENT