Learn your way! Get started

JavaScript For Designers, Part 5: DOM & OOP

with expert John Wiley & Sons

Watch trailer

Course at a glance

Release date 4/16/2015
Level Beginner
Runtime 1h 23m
Closed captioning N/A
Transcript N/A
eBooks / courseware N/A
Hands-on labs N/A
Sample code Included
Exams N/A

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

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)