JAVASCRIPT COURSES

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.

You will need to have completed our 1 day Intro to HTML & CSS or have the equivalent experience to attend this JavaScript for Designers course.

Why train with The Web School

Expert instructors with proven teaching skills

Free tech support for 12 months following your course

Access to our support forums for Certification students

Professionally written and approved courseware

Free course refreshers and workshop days

Professional training environment with Macs and PCs

Book a Course

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

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

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