JavaScript for Web Designers

JavaScript for Designers is tailored to suit visual designers who need to know enough code to insert, use and configure freely available JavaScript plugins to add dynamic animation, functionality and interaction to websites. We cover an introduction to the fundamental building blocks of the JavaScript language and then move on to use that knowledge in implementing popular plugins.

Gain confidence, understanding of and familiarity with JavaScript to take advantage of the many and various available plugins and/or to communicate successfully with programmers on your web development team.

Facilitated by instructors who have 20+ years expertise in teaching all things web and who will reveal the latest in best practices and workflows.

It is recommend that you have attended our 1 day Intro to HTML & CSS course or have the equivalent experience to gain the most from this training.

Why train with The Web School

Expert instructors with proven teaching skills

Free tech support for 12 months following your course

Free course refreshers for public courses

Professional training environment with Macs and PCs

Private Training Only

  • Price: $ 995.00
    Time: 9:00am – 4:30pm
  • Price: From $995 +GST per day
  • This course is provided as a custom training session only, please call us on 1300 441 891 or make an enquiry below to schedule your training

Course outline - WHAT you’ll learn

Setting Up

HTML Revision

  • Tags
  • Document structure

CSS Revision

  • Tags
  • Classes
  • IDs

JavaScript Setup

  • Where to add the JavaScript code
  • Calling in external JavaScript files
  • Order and timing – waiting for the page to load
  • Using alert, prompt and confirm
  • Testing with the console
  • The rules of writing JavaScript
  • The onload function

Understanding Data Types

Primitive Data Types

  • Strings
  • Numbers
  • Booleans

Declaring, Retrieving and Changing Variables

  • Using the var keyword
  • Operators
  • Concatenation


  • Longhand and shorthand



  • Writing and calling on custom functions
  • Parameters

Conditional Statements

  • Conditional logic
  • Else conditions
  • Comparison operators
  • Multiple conditions
  • AND and OR


  • Repeating code a number of times

Using for loops

  • Optional – reference an array with a for loop

Optional – Using for-in loops

  • Optional –referencing objects with a for-in loop

JavaScript Plug-ins

  • Where to look for pre-written JavaScript plug-ins
  • Understanding plug-in requirements

Implementing a Hamburger Menu Plug-in

  • Finding required files and code
  • Inserting required HTML into our own HTML
  • Inserting required CSS into our own CSS
  • Setting up an onload function
  • Inserting required JavaScript into the function
  • Optional – Modifying and customising the menu


  • What is jQuery
  • How to recognise when it is needed
  • Versions of jQuery
  • Loading in the jQuery Libraries
  • The jQuery document ready function

Implementing a jQuery Slideshow Plug-in

  • Finding required files and code
  • Inserting required HTML into our own HTML
  • Inserting required CSS into our own CSS
  • Setting up a document ready function
  • Inserting required JavaScript into the function

  • Contact Us