Training JavaScript for Web Development – 4 days


Class overview :

Visually exciting and compelling Web pages are key components to a successful Web strategy. This course provides in-depth hands-on experience writing client-side JavaScript.

Class goals :

  • Write and debug client-side JavaScript using proven development techniques
  • Add interactivity and dynamic graphics
  • Create interactive forms that capture and validate user input
  • Develop DHTML Web pages
  • Personalize pages using cookies
  • Leverage the power of unobtrusive JavaScript and Ajax

Content of JavaScript for Web Development

Introduction and Overview

What is JavaScript?

  • Capabilities of JavaScript
  • Surveying the limitations

Applications of JavaScript

  • Client-side
  • Server-side
  • Writing compliant JavaScript for cross browser support

Fundamentals of JavaScript

The JavaScript programming model

  • Formatting and coding conventions
  • Embedding JavaScript in HTML

JavaScript syntax

  • Declaring variables and arrays
  • Statements, operators and relational expressions
  • Making decisions with if and else
  • Performing loops with while and for
  • Defining and invoking functions

Using built-in objects

  • The String object and string manipulations
  • The Date object
  • Dynamically updating a Web page using the document object
  • Accessing Web page elements

Writing Client-Side JavaScript

Creating eye-catching animation and graphics

  • Developing dynamic links
  • Creating rollover graphics
  • Using off-screen images for animation
  • Manipulating images dynamically

Interacting with the browser

  • Utilizing browser objects
  • Using pop-up dialog boxes and prompting users for input
  • Opening, closing and writing to new browser windows
  • Manipulating dates and times
  • Writing to the browser status line
  • Determining browser type and version

Handling browser events

  • Trapping the JavaScript event handlers
  • Triggering interaction with user actions
  • Scheduling future tasks with timer events

Using cookies for persistence

  • How cookies operate
  • Creating, reading and manipulating cookies
  • Implementing personalization with cookies

JavaScript security

  • Denial-of-service and spoofing attacks
  • Security holes and browser policies

Creating Intelligent Forms

Client-side form validation

  • Accessing and modifying form fields with JavaScript
  • Checking form fields on the fly
  • Validating user input with client-side scripts
  • Accessing drop-down select box options
  • Controlling form submission

Enhancing the user experience

  • Validating forms at the earliest opportunity
  • Reducing response times for incorrectly filled-out forms

Adding interactivity to forms

  • Assigning JavaScript functions to form elements
  • Implementing a drop-down menu for site navigation
  • Performing actions based on form events
  • Form validation best practices

Creating Web Pages Using Dynamic HTML

Overview of DHTML

  • Using Cascading Style Sheets (CSS)
  • Capabilities of DHTML
  • DHTML and the Document Object Model (DOM)

Implementing DHTML

  • Dynamically repositioning elements on a page
  • Dynamically modifying documents
  • Manipulating images
  • Collapsible outlines, dynamic document reflow and inner HTML

Complementary Technologies

  • Highlighting functionality of available JavaScript libraries
  • Introducing unobtrusive JavaScript
  • Separating JavaScript from the Web page
  • Exploring the operation of Ajax


Onze voordelen :

  • Type of training: Inter-company, intra-company and individual
  • 100% flexible & personalised training : You choose the place, the dates and the training program
  • Offer request : Response within 24 hours
  • 50% discount for SME’s from Brussels-Capital Region
  • Free parking, lunch & drinks
  • Free use of our Digital Competence Centre: Manuals, courses, exercises, …


Rue Beeckmans, 53
1180 Bruxelles

Tel : +32 2 412 04 10
Fax : +32 2 412 04 19
Gsm : +32 485 212 722
Email :


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s