JavaScript Courses
Sydney, Melbourne, Onsite and ONLINE
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)
- 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
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
Related Courses
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
Prefer Private Training?
- Customise your course
- Choose your own dates
- Choose your location