55244 : JavaScript for Developers

Implementing and Administering Cisco Solutions (CCNA)
PL-900T00 : Microsoft Power Platform Fundamentals

55244 : JavaScript for Developers

This course is an in depth hands-on study of JavaScript. The course includes detailed hands-on labs and Q&A labs. The labs include multiple projects that update an existing web site.


The duration of the program :

Instructor Led : 32 h

Live Online
Instructor Led  : 32 h


Audience profile

This course is intended for both novice and experienced programmers. Some experience in C++, C# or Java is helpful.


Skills gained

·         Write and test JavaScript code in modern browsers.

·         Understand and work with the browser’s Document Object Model (DOM).

·         Work DOM objects and write code to respond to events.

Module 1: Basic Scripting
JavaScript has been described as a simple scripting language and also as a complex object oriented language. In this module we will explore basic scripting. Many of the topics in the module will be expanded upon in later sections of this course. In this module we will look at the basics to write and call a JavaScript function, find HTML elements in a web page, change properties of HTML elements, write loops, test strings and values (IF statements), and a few more.

·         JavaScript Basics

·         JavaScript or ECMAScript?

·         Which Version of JavaScript am I Using?

·         Shims, Shivs, and Polyfills

·         Writing and Testing JavaScript

·         Editors and the F12 Tools

·         Key Parts of a Script

Lab : Basic Scripting
·         Q&A quiz

·         Exercise 1 – Experimenting with the F12 Developer Tools

·         Exercise 2 – Update the time on the page by using JavaScript

·         Exercise 3 – Add JavaScript to respond to an event


Module 2: The Document Object Model
Neither browsers nor JavaScript work directly with the HTML file that was received from the web server. The browser parses this file and converts it into a tree structure called the Document Object Model, or DOM for short. In this module we explore working with Elements and DOM objects.

·         The DOM

·         Accessing Objects from the DOM

·         Responding to Events

·         Adding Elements to the DOM

Lab : The Document Object Model
·         Q&A quiz

·         Add an Animation to the Home Page.

·         Move the JavaScript to a File

·         Add JavaScript to Supply Mouse Over Tips to the Menu Tabs


Module 3: Introduction to jQuery
A lot of the coding work you will do with JavaScript will be to first find an HTML element, and then manipulate that element. Often, all we are doing is some searching, or querying, of the HTML and then performing a quick update. In this module we will exploring using the jQuery library to search for, and modify, elements in the DOM.

·         jQuery

·         Downloading the jQuery Library

·         jQuery Versions

·         Linking to the Library

·         Selecting Elements using jQuery

·         Working with the Data Returned by jQuery

·         Setting CSS Properties

·         Running a Function Against the jQuery Return Set

Lab : jQuery
·         Q&A quiz

·         Add the jQuery Library to the Project

·         Create New Elements using jQuery


Module 4: Ajax and Web Services
This module explores web services and the use of Ajax to call those services.

·         Web Services

·         HTTP Verbs

·         Data Formats – XML and JSON

·         Ajax

·         RESTful Web Services

·         OData

·         OData Queries

·         OData Updates

Lab : Ajax and Web Services
Q&A quiz

Exploring a REST Web Service

Load Data from a Web Service


Module 5: Diving in Deeper
In this module we will explore the topics you will need to know as you move from a “JavaScript scripter” to a “JavaScript developer”. Some of the topics include: More about Data Types and data conversion, Variables: more on Scopes, Hoisting, Creating and Deleting, Functions: Anonymous functions, Closures, Self-invoking functions, the “this” keyword and the Module Pattern, more on error handling, and recursion.

·         Is JavaScript Compiled?

·         Data Types and Objects

·         Extending Data Types

·         Variables, Scopes and Hoisting

·         Functions

·         The “this” Keyword

·         Errors

·         Recursion

Lab : Diving in Deeper
·         Q&A quiz

Before attending this course, students must have:

·         Useful, but not required:

·         Previous programming experience using C, C# or Java.

·         HTML and CSS web development.

None cerification path.

Location Dates Time (UTC+2 ) Delivery Format Language
Live Online*, Athens, Thessaloniki Instructor Led Greek/English

* Σύγχρονη εξ αποστάσεως εκπαίδευση με εισηγητή – Virtual Class

    Με την συμπλήρωση της φόρμας αποδέχεστε την Πολιτική
    Προσωπικών Δεδομένων της Infolab και συγκατατίθεστε όπως η εταιρεία χρησιμοποιήσει
    τα προσωπικά σας δεδομένα για τη διαχείριση του αιτήματός σας
    και την επικοινωνία μαζί σας προς το σκοπό αυτό. Μπορείτε να
    ανακαλέσετε ανά πάσα στιγμή τη συγκατάθεσή σας σύμφωνα με
    όσα καθορίζονται στη Πολιτική Προσωπικών Δεδομένων της