1300 888 724 8.30am to 5:30pm AEST (Mon-Fri) info@dynamicwebtraining.com.au

Introduction to JavaScript Course

(4.75 out of 5) 266 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

Course Dates

  • Sydney Class Dates

    Book Now

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

    30 - 31 Jan 20 Thu - Fri
    27 - 28 Feb 20 Thu - Fri
    14 - 15 Apr 20 Tue - Wed
    19 - 20 May 20 Tue - Wed
    02 - 03 Jul 20 Thu - Fri
    11 - 12 Aug 20 Tue - Wed
    24 - 25 Sep 20 Thu - Fri
  • Melbourne Class Dates

    Book Now

    Level 12, 379 Collins Street, Melbourne , VIC 3000

    06 - 07 Jan 20 Mon - Tue
    17 - 18 Feb 20 Mon - Tue
    02 - 03 Apr 20 Thu - Fri
    11 - 12 May 20 Mon - Tue
    25 - 26 Jun 20 Thu - Fri
    03 - 04 Aug 20 Mon - Tue
    14 - 15 Sep 20 Mon - Tue
  • Brisbane Class Dates

    Book Now

    Level 6, 371 Queen Street, Brisbane , QLD 4000

    11 - 12 Feb 20 Tue - Wed
    20 - 21 Apr 20 Mon - Tue
    20 - 21 Jul 20 Mon - Tue
    13 - 14 Oct 20 Tue - Wed
    18 - 19 Jan 21 Mon - Tue
  • Canberra Class Dates

    Book Now

    Level 4, 54 Marcus Clarke Street, Canberra , ACT 2601

    20 - 21 Jan 20 Mon - Tue
    06 - 07 Apr 20 Mon - Tue
    25 - 26 Jun 20 Thu - Fri
    15 - 16 Sep 20 Tue - Wed
    10 - 11 Dec 20 Thu - Fri
  • Adelaide Class Dates

    19 Young Street, Adelaide , SA 5000

    Classes scheduled on demand in Adelaide

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

  • Perth Class Dates

    Level 1, 140 St Georges Terrace, Perth , WA 6000

    Classes scheduled on demand in Perth

    Please Join our waitlist and we'll notify you when a new class is scheduled or contact us to disucss your training needs.

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

$ 2970 incl GST

(You save $990)

Duration

8 days

Enquire Book Now
Pay later

Web Developer Package

$ 3630 incl GST

(You save $1320)

Duration

10 days

Enquire Book Now
Pay later

Related Courses

Course Reviews

(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.
(4.60 out of 5) Helen W [ 20 August, 2019 ]
The course filled in some of the gaps I had my knowledge. I would like to follow up with further training on the subject.
(4.90 out of 5) Andrew S [ 20 August, 2019 ]
The course was very informative. Would have loved it to be three days instead of two. Great content and very well paced most of time. A calm and enjoying presentation at all times.
(5.00 out of 5) Anthony C [ 30 July, 2019 ]
Linda was excellent! She taught us easy, obscure and more advanced concepts in an easily understandable manner by tailoring her speech to the audience. She was very patient. I can tell that Linda was extremely knowledgeable. The class size was absolutely perfect. It created a great learning atmosphere and we were all able to have our questions answered and interact with the teacher and among each other.

Read all course reviews

Enquire Now

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

Your details

Other Ways To Get In Touch

You can also Book Online or call us on 1300 888 724

Dynamic Web Training is trusted by

And 12,000+ Small/Large business and entrepreneurs Australia wide!

 
Back to Top