Learn your way! Get started

JavaScript For Designers, Part 4: Scope & HTML

with expert John Wiley & Sons

Watch trailer

JavaScript For Designers, Part 4: Scope & HTML 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 12m
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

Scope, Hoist, Pitfalls, & HTML

This Keyword, Scope & Hoisting (22:22)
  • Introduction (00:10)
  • This Keyword (03:50)
  • Copying Methods (04:51)
  • Global and Function Scope (04:43)
  • Hoisting (03:16)
  • Closures (05:19)
  • Summary (00:10)
Common Pitfalls (13:24)
  • Introduction (00:10)
  • Global Variable Dependencies (03:30)
  • Automatic Semicolon Insertion (01:36)
  • JavaScript Types (02:06)
  • Hoisting (04:56)
  • JavaScript: The Good Parts (00:54)
  • Summary (00:10)
JavaScript in the Browser (18:37)
  • Introduction (00:10)
  • JavaScript Console (04:17)
  • The Alert Function (02:57)
  • The Document Onload (04:24)
  • Add Dynamic Behaviors (02:41)
  • Document Object Model (DOM) (03:56)
  • Summary (00:10)
Accessing & Altering HTML (18:25)
  • Introduction (00:10)
  • Access Elements of an HTML Doc (04:46)
  • Add a Class to an Element (03:50)
  • Query Selector Command (03:11)
  • Create New Elements (03:31)
  • Remove Child Method (02:46)
  • Summary (00:10)