JavaScript for Designers

In this course, students are introduced to the basics of JavaScript programming with techniques aimed at visually-oriented designers.

myAOLCC Hub (Online)
Intermediate, Advanced
40 Hours
What you'll learn
  • What is JavaScript?
  • Adding JavaScript to a Web Page
  • Building Blocks
  • Working with Variables and Data Types
  • Troubleshooting
  • Interacting with a Web Page
  • Introducing the Document Object Model
  • Introducing jQuery
  • Adding Interactivity with Events
  • Conditional Statements
  • Using Multiple Test Conditions
  • Writing to a Web Page Using jQuery
  • Functions and jQuery Effects
  • Working with Functions
  • Navigation and Image Galleries
  • jQuery Plugins
  • Introducing Ajax

Course Introduction

The JavaScript for Designers course introduces students to the basics of JavaScript programming with techniques aimed at visually-oriented designers. Students learn the JavaScript and jQuery needed to add interactive elements such as dynamic image galleries, exciting rollover effects, more usable Web forms, and enhanced navigation to any Web page. To accomplish this, the essentials of JavaScript are covered along with designer-friendly jQuery to make writing JavaScript easier and way more fun. The student will begin with the basics of setup and syntax, then build up to exciting and complex dynamic features.

Course Prerequisites

Photoshop Basics and HTML and CSS Essentials courses or equivalent experience in hand-coding HTML and CSS.

Course Outline

JavaScript for Designers

Lesson 1:

JavaScript Basics; What is JavaScript; Adding JavaScript to a Web Page; JavaScript Building Blocks; Working with Variables and Data Types; JavaScript Comments; Requesting Information and Printing It to a Web Page; Troubleshooting JavaScript Programs

Lesson 2:

Interacting with a Web Page; Introducing the Document Object Model; Introducing jQuery; Adding Interactivity with Events

Lesson 3:

Adding Logic to Your Programs; Conditional Statements; Using Multiple Test Conditions; Writing to a Web Page Using jQuery

Lesson 4:

Functions and jQuery Effects; Working with Functions; jQuery Effects

Lesson 5:

Navigation and Image Galleries; Opening External Links in a New Window; Removing Elements from a jQuery Selection; Creating Bigger Link Areas; jQuery Plugins; A Plugin-Based Interactive Photo Gallery

Lesson 6:

Introducing Ajax; What Is Ajax?; Ajax Basics; Ajax the jQuery Way; Adding Social Media Streaming to a Web Page with an Ajax jQuery Plugin

Course Notes

Evaluation is based solely on an Academy of Learning Career College final exam. Prior to taking the final exam, students must successfully complete all the components of the online course material. Participants who receive 75% or higher on their exam will receive a certificate.

Get Started Today!
Request FREE Information

Have Questions?

Click the button below to schedule an online info session with an Admissions Advisor.

Online Info Session