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.
Online Live - Course Dates
-
Online Live Class Dates
Book Now02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Online Live 05 - 06 May 21 Wed - Thu Online Live 01 - 02 Jul 21 Thu - Fri Online Live 26 - 27 Aug 21 Thu - Fri Online Live -
To inquire about Online Live Classes, please
Call 1300 888 724
In-Class - Course Dates
-
Sydney Class Dates
Book NowLevel 11, 32 Walker Street, North Sydney , NSW 2060
02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Classroom 09 - 10 Mar 21 Tue - Wed Online Live 20 - 21 Apr 21 Tue - Wed Classroom 05 - 06 May 21 Wed - Thu Online Live 02 - 03 Jun 21 Wed - Thu Classroom 01 - 02 Jul 21 Thu - Fri Online Live 13 - 14 Jul 21 Tue - Wed Classroom 26 - 27 Aug 21 Thu - Fri Classroom 26 - 27 Aug 21 Thu - Fri Online Live -
Melbourne Class Dates
Book NowLevel 12, 379 Collins Street, Melbourne , VIC 3000
02 - 03 Feb 21 Tue - Wed Online Live 01 - 02 Mar 21 Mon - Tue Classroom 09 - 10 Mar 21 Tue - Wed Online Live 12 - 13 Apr 21 Mon - Tue Classroom 05 - 06 May 21 Wed - Thu Online Live 27 - 28 May 21 Thu - Fri Classroom 01 - 02 Jul 21 Thu - Fri Online Live 12 - 13 Jul 21 Mon - Tue Classroom 26 - 27 Aug 21 Thu - Fri Online Live 02 - 03 Sep 21 Thu - Fri Classroom -
Brisbane Class Dates
Book NowLevel 6, 371 Queen Street, Brisbane , QLD 4000
02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Online Live 12 - 13 Apr 21 Mon - Tue Classroom 05 - 06 May 21 Wed - Thu Online Live 01 - 02 Jul 21 Thu - Fri Online Live 08 - 09 Jul 21 Thu - Fri Classroom 26 - 27 Aug 21 Thu - Fri Online Live 27 - 28 Sep 21 Mon - Tue Classroom 14 - 15 Dec 21 Tue - Wed Classroom 10 - 11 Mar 22 Thu - Fri Classroom
-
Canberra Class Dates
Book NowLevel 4, 54 Marcus Clarke Street, Canberra , ACT 2601
02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Online Live 05 - 06 May 21 Wed - Thu Online Live 20 - 21 May 21 Thu - Fri Classroom 01 - 02 Jul 21 Thu - Fri Online Live 09 - 10 Aug 21 Mon - Tue Classroom 26 - 27 Aug 21 Thu - Fri Online Live 11 - 12 Nov 21 Thu - Fri Classroom -
Adelaide Class Dates
Book Now19 Young Street, Adelaide , SA 5000
02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Online Live 05 - 06 May 21 Wed - Thu Online Live 01 - 02 Jul 21 Thu - Fri Online Live 26 - 27 Aug 21 Thu - Fri Online Live -
Perth Class Dates
Book NowLevel 1, 140 St Georges Terrace, Perth , WA 6000
02 - 03 Feb 21 Tue - Wed Online Live 09 - 10 Mar 21 Tue - Wed Online Live 05 - 06 May 21 Wed - Thu Online Live 01 - 02 Jul 21 Thu - Fri Online Live 26 - 27 Aug 21 Thu - Fri Online Live
Course Units
Expand full topic list
Unit 1: Introduction
- The Origins of JavaScript
- The Document Object Model
- Understanding the Browser
See more
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
See more
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
See more
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
See more
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
See more
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
See more
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
See more
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
See more
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
See more
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
See more
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
See more
Training Packages
Web Design Package - Level 2
- HTML5 Essentials (2 days)
- CSS3 Essentials (2 days)
- Introduction to JavaScript (2 days)
- jQuery: Interactive Websites (2 days)
$ 2970 incl GST
(You save $990)
Duration
8 days
Related Courses
Course Reviews
(4.80 out of 5) Virgilio V [ 27 February, 2020 ]
The javascript course was a great intro course, and as always Linda has managed to make it easy to understand whilst providing practical examples.
(5.00 out of 5) Linda H [ 30 January, 2020 ]
Excellent instructor. Thanks so much for going beyond the basic and gave us better understanding of the JS.
(4.50 out of 5) Sam [ 06 January, 2020 ]
John was great, very patient and helpful. He is very good at explaining concepts and working through solutions.
(4.30 out of 5) Samantha G [ 11 November, 2019 ]
Mark was great. Very knowledgeable and helpful - answered all questions and reasoned out any issues we experienced.
The content was a little outdated, but still valuable and filled in a lot of gaps in my knowledge.
Enquire Now
Fill in your details to have a training consultant contact you to discuss your training needs.