Bachelor of Fine Arts in Graphic Design - learn more

Online JavaScript Course

JavaScript for Designers I

Learn the fundamentals of JavaScript, the programming language that allows you to make things happen when a user interacts with your website. You will learn how to create clean, valid code as you create programs that respond to various kinds of user interaction. Assignments include a range of projects: interactive dialogue boxes, a trivia quiz, a rainbow color picker, a sortable database, and more.

Javascript course image 

Add JavaScript programming to your Web coding skills

Learn how to write simple JavaScript programs from scratch.

Instructor-Led Course

Feedback from design professionals

Creative Projects

Stretch your skills, grow your portfolio

Learn at Your Own Pace

Self-paced and scheduled programs available

Course Outline

1 - A Morning Jolt of JavaScript

It's time to wake up, smell the coffee, and get to grips with JavaScript. In Lesson One you will explore how JavaScript adds interactivity to web pages. You will learn how to set an HTML document for a JavaScript program, and begin writing statements and expressions. We'll learn fundamental rules for how to write clean code and explore how to use variables and operators, handle different data types, and use basic functions so you can respond to user input.

Project - Call and response

2 - Getting Logical and Functional

In Lesson Two, you'll expand on what you've learned about variables, dive into writing your own functions, and discover how to write programs that make decisions based on user input. You'll learn how to use Boolean values, conditionals, comparison operators, and if statements to build flow control into your programs. You'll expand your knowledge of handling data to include string methods and math methods.

Project - Interactive quiz

3 - The Dominion of the DOM

JavaScript can interact directly with a web page, allowing us to alter any page in response to user input. In Lesson Two, we'll explore how to use JavaScript to access and control the Document Object Model. We will explore the hierarchy, methods, and properties of DOM objects and examine how to remove and append HTML elements in the DOM. You'll learn how to alter the content and appearance of DOM elements and how to create events and event handlers to respond to them.

Project - JavaScript Rainbow

4 - Collect Your Thoughts With Arrays

In Lesson Four, you'll expand your knowledge of the use of objects and data types. As a first step towards handling databases, you'll examine arrays and learn how to count their members. We'll look at how for for-loops are used to repeat programming tasks until complete. You'll learn how databases are constructed from arrays and how to use for-loops and nested for-loops to access your data.

Project - A Date with the Database

5 - Application and Implementation

Lesson Five explores how to push your JavaScript knowledge even further. We'll talk about the importance of reverse engineering applications to figure out how programs work.
You'll learn how to pick an entire "array" of DOM elements, attach event attributes to HTML tags, use compound conditionals, nest if statements, use while-loops, and harness Date objects. Adding these techniques will enable you to build progressively more sophisticated and elegant programs.

Project - Doomsday Algorithm

6 - Application and Implementation

Lesson Six focuses on how to make your programs more elegant, functional, and interoperable with other programs. We'll reviews some ways to make code condensed and faster acting, such as using ternary expressions. We'll discuss how to encapsulate your programs and to avoid conflicts with other programs. Finally, we'll discuss how to find and replace content in web pages or programs.

Project - Encryption Program

Course Outcomes

Students in this course can expect to learn to:

  • Write clean, error-free JavaScript code to accomplish specific programming tasks.
  • Write basic JavaScript programs to capture web user input, manipulate it, and provide relevant output.
  • Write fundamental JavaScript expressions and statements.
  • Define and use variables and operators.
  • Utilize common methods for handling types of data.
  • Learn the general hierarchy, methods, and properties of DOM objects.
  • Use JavaScript properties and methods to access and manipulate web page elements in the Document Object Model (DOM).
  • Use variables, functions, event handlers, and conditionals to develop basic applications with flow control.
  • Use arrays and for-loops to access, sort, and display web page data.
  • Utilize general principles for writing elegant, streamlined code.
  • Encapsulate your code to avoid conflict with other applications.

Course Registration

Interested in this course? Scheduled and self-paced enrollment options are available. Ask Admissions about taking this course as part of a degree or certificate program.

Course LevelClasses startRegistration FeeTuition
Degree course
3 credits, 15 weeks
Jan, Apr, Aug$200$510/credit
Vocational course
60 clock hours, 3 months access
Enroll today, start tomorrow$50$949
* Registration fees are nonrefundable after 5 days from enrollment. All tuition includes a digital materials fee for updates to course or program content.

Software and Supplies

To take this course you'll need:

  • Computer with Internet connection.
  • Account with a Web hosting service (free services are available).
  • Experience in HTML and CSS and FTPing files to the Web.
  • Adobe Photoshop or equivalent digital imaging program.
  • Experience in the above software.

Who’s Teaching

Course developed by Geoph Essex

Getting Started

Enrolling online is easy and convenient.

Chat with our knowledgeable admissions staff to select course and program options.

Complete your registration entirely online.

Related Programs

Did you know? You can take this course as part of an award-winning certificate or degree program.