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 a training?

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.

REQUEST IN-COMPANY TRAINING

 

Public training calendar

No public sessions are currently scheduled. We will be pleased to set up an on-site course or to schedule an extra public session (in case of a sufficient number of candidates). Interested? Please let us know.

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

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

  • 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 to get practical experience. Each student receives an English course book and disposes of an individual workstation.

Certificate

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

Duration

3 days.

Course leader

Sandy Schillebeeckx (ABIS), Peter Vanroose (ABIS).

Also interesting

Enrollees for this training also took the following courses:


SESSION INFO AND ENROLMENT