Introduction to JavaScript Course
(4.76 out of 5) 300 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
- 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
Course Dates
Sydney Class Dates
Level 11, 32 Walker Street, North Sydney , NSW 2060
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | Online Live |
Melbourne Class Dates
Level 12, 379 Collins Street, Melbourne , VIC 3000
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | Online Live |
Brisbane Class Dates
Level 6, 371 Queen Street, Brisbane , QLD 4000
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | Online Live |
Canberra Class Dates
All courses facilitated in, Online Live format ,
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | Online Live |
Adelaide Class Dates
All courses facilitated in, Online Live format ,
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | Online Live |
Perth Class Dates
All courses facilitated in, Online Live format ,
| 22 - 23 Jan 25 | Wed - Thu | Online Live |
| 03 - 04 Mar 25 | Mon - Tue | Online Live |
| 10 - 11 Apr 25 | Thu - Fri | Online Live |
| 12 - 13 May 25 | Mon - Tue | Online Live |
| 23 - 24 Jun 25 | Mon - Tue | 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
Related Courses
Course Reviews
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.
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.
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
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.
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.
REQUEST A CALLBACK
Contact us
Level 11, 32 Walker Street, North Sydney NSW, 2060
