Javascript for Web Design - Introduction

JavaScript Overview

• Understanding the role of JavaScript
• Places where JavaScript is used
• Adding JavaScript to an HTML website
• Drawbacks and browser incompatibilities
• JavaScript libraries, plug-ins, and frameworks

• Storing data in a variable
• Overview of the different types of data
• Understanding operators and expressions
• Working with JavaScript's built-in functions

• Working with local variables
• Allowing external arguments
• Returning values from functions
• Understanding recursion

• Identifying the role of Objects
• Defining Objects using JSON
• Accessing properties with the dot syntax
• Working with JavaScript's built-in Objects

• Responding to events
• Understanding function scope
• Working with the Event Object
• Preventing the default behavior of events
• Understanding event bubbling

• Understanding Boolean logic
• Checking multiple conditions at once
• Working with the switch statement
• Overview of HTML forms
• Accessing form fields with JavaScript

• Storing lists of data using Arrays
• Accessing data within an Array
• The structure and purpose of a loop
• Understanding the difference between loops
• Using a loop to access an entire array

• The Document Object Model (DOM)
• Finding elements using their ID
• Finding elements using their tag name
• Finding elements based on their context

• Understanding the purpose of jQuery
• Various uses of the jQuery constructor
• Working with jQuery collections
• Chaining functions to avoid redundancy
• Common jQuery methods and events

• Using the 'animate' method
• Running multiple animations in a row
• Running multiple simultaneous animations
• Stopping a running animation
• Creating a looping animation

• Overview of common jQuery plug-ins
• A look at the different types of plug-ins
• Understanding the Configuration Pattern
• Working with custom events