JavaScript for Web Designers

JavaScript for Web 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.

  • Training Modules (Overview only)

    • HTML & CSS Revision
    • Setting up JavaScript
    • Understanding Data Types
    • Declaring, Retrieving and Changing Variables
    • Objects & Functions
    • Conditional Statements & Loops
    • JavaScript Plugins
    • Implementing a Hamburger Menu Plugin
    • Introduction to jQuery
  • What You Get

    • 12 Months Access to Help Desk
    • No Risk! Money Back Guarantee
    • Choice of Mac or PC
    • Professional Training Environment
 


This course is provided as custom training only, please call us on 1300 441 891 to schedule your training

NEED A QUOTE

Need to get approval or a formal quote - Get a Quote

Course Outline

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

Arrays

  • Longhand and Shorthand

Objects
Functions

  • Writing and Calling on Custom Functions
  • Parameters

Conditional Statements

  • Conditional Logic
  • Else Conditions
  • Comparison Operators
  • Multiple Conditions
  • AND and OR

Loops

  • 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 Plugins

  • Where to Look for Pre-Written JavaScript Plugins
  • Understanding Plugin Requirements

Implementing a Hamburger Menu Plugin

  • 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

jQuery

  • 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 Plugin

  • 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
Top