Learn your way! Get started

JavaScript For Designers, Part 5: DOM & OOP

with expert John Wiley & Sons

Watch trailer

JavaScript For Designers, Part 5: DOM & OOP Trailer

Course at a glance

Included in these subscriptions:

  • Creative Design Power Pack
  • Power Pack Plus

Release date Release date 4/16/2015
Level Level Beginner
Runtime Runtime 1h 23m
Published eBooks Published eBooks N/A
Hands-on labs Hands-on labs N/A
Sample files Sample files Included
Exams Exams N/A

Enterprise Solutions
Enterprise Solutions

Need reporting, custom learning tracks, or SCORM? Learn More

Course description

In this 6 part learning series you’ll learn about JavaScript. JavaScript is a web scripting language that allows you to build dynamic web pages and add interactivity to your site. The course covers very basic JavaScript techniques and terminology all designed to give you a solid grounding in JavaScript’s capabilities and concepts. It starts with the basic elements of the JavaScript language and builds up to working with JavaScript in the browser. You will learn how to alter site content, add behaviors like clicks and key presses, and commands for interacting with a web server.


This course assumes very little familiarity with JavaScript. This course is part of a 6 part learning series. The courses should be taken in the following order; JavaScript for Designers: Overview & Language; JavaScript for Designers: Operators, Variables, & Arrays; JavaScript for Designers: Functions, Objects, & Methods; JavaScript for Designers: Scope, Hoist, Pitfalls, & HTML; JavaScript for Designers: DOM, jQuery, Functions, & OOP and JavaScript for Designers: Closures, Methods, & Libraries.

Meet the expert

John Wiley & Sons Our Creative Design courses are presented by experts from Wiley Publishing. Wiley is a global provider of knowledge and knowledge-enabled services that improve outcomes in areas of research, professional practice, and education. They are the publisher of award-winning journals, encyclopedias, books, and online products and services.

Course outline

DOM, jQuery, Functions, & OOP

DOM Events and jQuery Intro (24:10)
  • Introduction (00:10)
  • Event Listeners (05:03)
  • Event Propagation (02:26)
  • Register a Single Listener (02:57)
  • Submit Event Listener (03:34)
  • jQuery Library Introduction (03:36)
  • jQuery Objects & Methods (01:38)
  • Simulating Interactions (04:33)
  • Summary (00:10)
Functions and Callbacks (19:03)
  • Introduction (00:10)
  • JavaScript Functions (04:56)
  • Call a Newly Defined Function (04:30)
  • Callback Function (03:31)
  • Publish & Subscribe Pattern (04:42)
  • Call, Apply, and Bind Methods (01:02)
  • Summary (00:10)
Object Oriented Programming (19:54)
  • Introduction (00:10)
  • OOP Overview (04:32)
  • New Keyword (04:53)
  • Inheriting Behaviors (05:01)
  • Multiple Inheritance (03:38)
  • OOP Wrap Up (01:28)
  • Summary (00:10)
Object Create Method (20:43)
  • Introduction (00:10)
  • Define a Class (04:34)
  • New Keyword Constructor (02:52)
  • Define an Analog Display (04:31)
  • Log Properties to Console (04:14)
  • The Delete Operator (04:10)
  • Summary (00:10)