Full star Half star Star PDF
The Ultimate Training Experience.

Introduction to JavaScript Course

(4.76 out of 5) 303 Student Reviews

About the Course

This 2 day course introduces JavaScript, including how to write JavaScript, programming principles, working with numbers and arithmetic, string operations and Boolean calculations. Other topics include form validation and form calculators. Practical projects are designed to give students hands-on confidence, and include creating a game, a slide show and jump menus.

Who should do this course?

This course is designed for participants who want to extend their web development skills beyond HTML and want to enhance the user interface on the website. The core skills taught in this course can also be applied to variety of other applications which require JavaScript.

Prerequisites

Although there are no prerequisites for attending this course; we recommend that participants have a basic understanding of HTML and CSS to get the best out of this course and to better contextualise the learning.

Course Details

$990 incl GST

  • Duration:2 Days
  • Max. Class Size:10
  • Avg. Class Size:5
  • Study Mode:
    Classroom Online Live
  • Level:Beginner
  • CPD Hours:12 hours
  • Course Times: Classroom: 9.00am to 5.00pm approx(Local Time) Online Live: 9.00am to 5.00pm approx(AEST or AEDT)
  • Download Course PDF
Pay Later

Course Dates

Sydney Class Dates

Level 11, 32 Walker Street, North Sydney , NSW 2060

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live
Melbourne Class Dates

Level 12, 379 Collins Street, Melbourne , VIC 3000

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live
Brisbane Class Dates

All courses facilitated in, Online Live format , QLD

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live
Canberra Class Dates

All courses facilitated in, Online Live format , ACT

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live
Adelaide Class Dates

All courses facilitated in, Online Live format , SA

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live
Perth Class Dates

All courses facilitated in, Online Live format , WA

11-12 Dec 25 Thu - Fri Online Live
21-22 Jan 26 Wed - Thu Online Live
02-03 Mar 26 Mon - Tue Online Live
16-17 Apr 26 Thu - Fri Online Live
25-26 May 26 Mon - Tue Online Live

Course Units

Unit 1: Introduction

  • The Origins of JavaScript
  • The Document Object Model
  • Understanding the Browser

Unit 2: JavaScript Syntax

  • Statements
  • Comments
  • Variables
  • Data Types
  • Arrays
  • Objects
  • Arithmetic Operators
  • Conditional Statements
  • Comparison Operators
  • Logical Operators
  • Looping Statements
  • The While Loop
  • The For Loop
  • Functions
  • Objects

Unit 3: The Document Object Model

  • Understanding Document
  • Understanding Object
  • Understanding Model
  • Understanding Nodes
  • Element Nodes
  • Text Nodes
  • Attribute Nodes
  • Cascading Style Sheets
  • Getting Elements
  • Understanding Attributes
  • getAttribute
  • setAttribute

Unit 4: Project - A JavaScript Image Gallery

  • The Markup
  • A DOM Diversion
  • Finishing the Function
  • Applying the JavaScript
  • Event Handlers
  • Expanding the Functions
  • Introducing childNodes
  • Introducing the nodeType Property
  • Adding a Description with JavaScript
  • Introducing nodeValue Property
  • Introducing firstChild and lastChild
  • Using nodeValue to Update the Description

Unit 5: Best Practice

  • The JavaScript - Pseudo Protocol
  • Inline Event Handler
  • Separation of Structure and Style
  • Progressive Enhancement
  • Unobtrusive JavaScript
  • Backward Compatibility
  • Object Detection
  • Browser Sniffing
  • Performance Considerations
  • Minimising DOM Access and Markup
  • Assembling and Placing Scripts
  • Minification

Unit 6: Project - The Image Gallery Revisited

  • A Quick Recap
  • Checking if JavaScript is Unobtrusive
  • Adding the Event Handlers
  • Sharing the Load
  • Fine-Tuning
  • Keyboard Access
  • Sharing Hooks with CSS
  • DOM Core and HTML-DOM

Unit 7: Creating Markup on the Fly

  • Understanding Old-School Methods
  • document.write
  • innerHTML
  • Understanding DOM Methods
  • createElement
  • appendChild
  • createTextNode
  • Inserting a new Element Before an Existing One
  • Inserting a New Element After an Existing One

Unit 8: Enhancing Content

  • Making the Invisible Visible
  • Working with the Content
  • The Markup - HTML
  • The CSS
  • The JavaScript
  • Displaying Abbreviations
  • Writing the displayAbbreviations Function
  • Displaying Citations
  • Writing the displayCitations Function
  • Displaying Access Keys
  • Retrieving and Attaching Information

Unit 9: CSS-DOM

  • Structure
  • Presentation
  • Behaviour
  • Seperation
  • Understanding the Style Property
  • Getting Styles
  • Setting Styles
  • Knowing When to Use DOM Styling
  • Styling Elements in a Node Tree
  • Repetitive Styling
  • Responding to Events
  • Understanding className
  • Abstracting a Function

Unit 10: An Animated Slideshow

  • Understanding Animation Basics
  • Position
  • Time
  • Incremental Movement
  • Abstraction
  • Working with Practical Animation
  • The Situation
  • The Solution
  • Adding CSS
  • Adding JavaScript
  • The Scope
  • Refining the Animation
  • Adding a Safety Check
  • Generating Markup

Unit 11: Putting it All Together

  • Raw Materials
  • Site Structure
  • Page Structure
  • CSS: Colour
  • CSS: Layout
  • CSS: Typography
  • Javascript Page: Highlighting
  • Javascript: Slideshow
  • Javascript Internal: Navigation
  • Javascript: Image Gallery
  • Javascript: Table Enhancements
  • Javascript: Form Enhancements
  • Javascript: Minification

Related Courses

Introduction to HTML Course
Introduction to HTML
(4.77 out of 5)
$495.00
Learn More
Website Design Using CSS Course
Website Design Using CSS
(4.85 out of 5)
$990.00
Learn More
Introduction to PHP and MySQL Course
Introduction to PHP and MySQL
(4.74 out of 5)
$1485.00
Learn More
Java Beginner - Syntax and Coding Course
Java Beginner - Syntax and Coding
(4.74 out of 5)
$2310.00
Learn More

Student Reviews

(4.7)
23 June, 2025

I didn't know what to expect but ended up really enjoying this course and finding it very helpful. The examples were enjoyable and reinforced the structure and code that was used across the three examples. I finished the course feeling like javascript code makes more sense and I am eager and more able to start my own projects. I would definitely recommend this course!

Stephanie G
(5.0)
14 March, 2024

I enjoyed the course very much. It was a learning curve but I now have invaluable learnings to take away and use in my working life. It was all very clear and understandable.

Connie M
(4.8)
14 March, 2024

John is an excellent facilitator, he explained Arrays, objects and functions very clearly. I believe that this course will help me to understand more about Scripting and CSS. Thank you so much.

Madhavi B
(4.4)
14 March, 2024

John is a very knowledgeable person and sessions were really informative. I wanted to express my gratitude for the excellent training sessions that you have done. Your subject-matter skills and knowledge have been really helpful to me in understanding and putting what I've learnt into practice. The encounter has also been interesting and interesting because of your enthusiastic and positive outlook. I'm eager to return to work and give some of these a try

Radhika S
(5.0)
05 April, 2023

I loved it very much was very clear and very hands on and Mark is extremely knowledgeable and very patient. Would highly recommend any of his courses to friends and colleagues.

Lisa B
(5.0)
17 August, 2022

Excellent. Thoroughly enjoyed it. Good pace, useful information. John's really good at encouraging participation and discussion - I'll try to emulate.

Cath G
(5.0)
17 August, 2022

John was fantastic, he made a topic that could have been very serious and boring as interesting as possible. He used illustrations and analogies to get his point across, he also has a great sense of humour which also helped. Compared with other training vendors I have found DWT to be a cut above in content quality and skilled presenters.

Sheree
(5.0)
18 October, 2021

John made the course very enjoyable and he really helped me gather a good understanding of java script considering i had 0 knowledge to begin with. Definitely would recommend him for any of these courses.

Justin W
(5.0)
18 October, 2021

John Ryan is an excellent trainer. He explained the concepts at a good pace and shared his real world experience. I also found that he was friendly and approachable, which made me feel comfortable to ask questions. This was a most enjoyable training session.

Michelle E
(5.0)
25 August, 2021

Mark is very educated in all aspects to do with this course as well as other information that compliments the course as well. Mark was very pleasant and made it easy to understand the topic and tasks.

Ben S
(5.0)
25 August, 2021

Excellent course. Covered a lot of concepts and activities. The instructor was brilliant - very engaging and explained everything in detail.

Samantha G
(5.0)
25 August, 2021

Front-loading attendees in relation to browser support, editors, running local files et al would be useful to ensure everyone starts with the same resources to be able to access and run the applications that are created.

Nick E
(5.0)
25 August, 2021

The course was very useful and covered a lot of interesting things we can do with javascript. The trainer was engaging and explained the exercises in detail. My only suggestion would be perhaps the inclusion of some exercises where we are given the chance to try and work out how to code something by ourselves before being shown how to do it.

Cecilia N
(5.0)
25 August, 2021

I enjoyed the JavaScript introductory course delivered by Mark. I thought the course was well paced considering the amount of information that has to be covered in two days. He started with a good introduction to the basic concepts like variables and data types before moving into more complex examples like promises. It was clear he had a lot of experience and could provide more detail where needed.

Lee
(5.0)
21 June, 2021

this course is great for people who don't know anything or are trying to jog their memory mark is great he asked questions so that we were involved if we got stuff we would share our screen and he would talk us through it and make it all work

noah r
Read all course reviews

Enquire Now

Fill in your details to have a training consultant contact you to discuss your training needs.

Note: Form fields marked with * are required.

Your details
Please enter a valid email address for shipping updates.
I am enquiring about a...
REQUEST A CALLBACK
A team member will call you at a time convenient to you.
Your message was sent, thank you!
Contact us

Level 11, 32 Walker Street, North Sydney NSW, 2060