Learning Outcome Guides

These guides are to summarize what you are expected to learn from each topic. To maximize your learning, use these are review before and after each class.

JavaScript Introduction

At the end of this topic, you should be able to...

• Describe what is meant by a "case-sensitive" programming language
• Demonstrate basic DOM selector methods
• Demonstrate how to use the .innerHTML property of HTMLElement objects
• Access the developer tools in the Chrome browser
• Execute simple JavaScript statements in the console
• Demonstrate how to declare variables in JavaScript
• Demonstrate how to assign values to variables in JavaScript
• Distinguish between simple data types in JavaScript
• List the built-in data types of JavaScript
• Modify DOM content using JavaScript selector methods and .innerHTML
• Describe two ways of writing string literals in JavaScript

Scripting Basics and JavaScript Functions

At the end of this topic, you should be able to...

• Create external JavaScript files that can be referenced via a <script> tag
• Discuss the placement of the <script> tag in HTML and the concerns/issues that developers should be aware of that dictate when to place in the head vs body element
• Define the term concatenation
• Construct strings using concatenation of string literals and variables
• Define the term function in JavaScript
• Use the built-in alert() and prompt() functions to interact with the user
• Identify various built-in functions
• Describe the basic syntax of a function declaration
• Distinguish between functions that return values and those that don't
• Describe what is meant by a function signature
• Describe what is meant by the term function body
• Define the term block-statement
• Define the term parameter
• Define the term argument
• Define the term scope
• Distinguish between local scope and global scope
• Describe how local scope "hides" a variable declared inside a function
• Describe how to call (invoke) functions in JavaScript
• Discuss some of the peculiarities of calling functions in JavaScript as compared to other languages such as C#
• Create functions that return a value
• Create functions that don't return a value
• Display a function in the developer tool's console window

Event Listeners

At the end of this topic, you should be able to...

• Explain what is meant by the term "event listener"
• Explain how to hook event listeners up to elements in the DOM
• Add a function as an event listener to an element in the DOM
• Describe the event object and how to access it via event listener functions
• Explain how to go about overriding default behavior in JavaScript
• List the common mouse events that occur in the browser
• List five events (other than mouse events) that we can respond to in JavaScript
• Describe the event object that is passed into an event listener
• Explain the .target property of the event object passed into event listeners
• Describe how to check, add, and remove class names from a DOM object

Flow-Control - If/Else

At the end of this topic, you should be able to...

• Define the term "truthiness" as it relates to JavaScript
• Describe the general syntax of if-else statements in JavaScript
• Compare and contrast the === and !== operators with the == and != operators
• List and describe the purpose of the relational and equality operators in javaScript

Topic

At the end of this topic, you should be able to...

Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

Topic

At the end of this topic, you should be able to...

Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...

• Topic

At the end of this topic, you should be able to...