Learn your way! Get started

JavaScript For Designers, Part 4: Scope & HTML

with John Wiley & Sons


Watch trailer


Course at a glance


Release date 4/16/2015
Level Beginner
Runtime 1h 12m
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.

Prerequisites

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

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)