Skip Navigation

Interactive Web Design with JavaScript

New course! Accepting enrollments starting January 1, 2021 or later.

Open to: Grades 6-12

Eligibility: CTY-level or Advanced CTY-level math or verbal score required

Prerequisites: Completion of Intro to Web Design or CTY placement test.

Course Format: Individually Paced

Course Length: Typically 3 months

Course Code: IWJ

Course Description


Interactive Web Design teaches students to create interactive web pages and web based applications. The course introduces students to JavaScript, one of today's leading web development languages. Students will explore the fundamentals of JavaScript, by creating interactive and dynamic websites, including the development of simple games, animations, and special effects. The course covers fundamental computer science concepts including variables, operators, programing structures, and functions. The course also introduces students to external JavaScript libraries–the standard for advanced interactive and cross-browser compatibility. The course develops the students’ knowledge of web design concepts while also preparing them for programming with other languages.

Students do not need to purchase any materials to successfully complete this course. The course requires basic knowledge of HTML and CSS and is an ideal transition from HTML into more advanced web technologies.

This course does not have any synchronous class meetings, but students may schedule one-on-one virtual meetings directly with the instructor to answer questions or concerns when necessary.

Students may be invited to interact in CTY community spaces that include students and instructors and potentially specially invited guests that are not enrolled in their course. Students may be invited (but not required) to publicly post their work on outside sites (e.g., Scratch project database, YouTube, etc.). Student contributions (e.g., projects, forum posts, etc.) may remain in the course after the student completes the course. These artifacts may be preserved to showcase student work or to continue important conversations. Students must upload the files for their website project to the web server so that their site can be viewed from the Internet.

Materials Needed

There are no required materials for this course.

Detailed Course Information

Course Details

Getting Started

  • History of JavaScript
  • Saving and running JavaScript
  • Using external JavaScript files
  • Adding comments
  • Using the console


  • Variables
  • Data types
  • Getting input from the user
  • Mathematical operations
  • String operations


  • Boolean values
  • Conditional statements
  • If / Else statements
  • Logical Operators
  • Switches

Loops and Repetition

  • While loops
  • Do while loops
  • For loops
  • Break and continue statements

Advanced Data Structures

  • Arrays
  • Objects
  • Editing data structures

Functions and Subprograms

  • Functions
  • Parameters
  • Scope
  • Return Values
  • Recursion

HTML Review

  • The structure of HTML
  • Using CSS
  • Saving data in Local Storage
  • Using JavaScript in Attributes

The Document Object Model

  • Defining the DOM
  • Using JavaScript to edit the DOM
  • Using Events

Object Oriented Programming

  • Defining OOP
  • Properties and Methods
  • Using Getters and Setters
  • Inheritance

External JavaScript Libraries

  • Installing external libraries
  • Using jQuery
  • Editing the DOM using jQuery
  • Editing CSS using jQuery

Advanced jQuery

  • Applying classes with jQuery
  • Handling jQuery events
  • Special Effects


Technical Requirements

This course requires a properly maintained computer with high-speed internet access and an up-to-date web browser (such as Chrome or Firefox). The student must be able to communicate with the instructor via email. Visit the Technical Requirements and Support page for more details.

Zoom online virtual classroom
This course uses an online virtual classroom which can be used for instructor-student communication if the student has any questions about the course or curriculum. The classroom works on standard computers with the Zoom desktop client and also tablets or handhelds that support the Zoom Mobile app. Students will need a computer with the Zoom desktop client installed to watch any recorded meetings. The Zoom desktop client and Zoom Mobile App are both available for free download.

Most course lectures may be viewed on mobile devices, but in some cases assignments and quizzes must be completed on a desktop or laptop computer.

Chromebooks are not recommended due to required downloading of specialized software.

This course uses Respondus LockDown Browser proctoring software for designated assessments. LockDown Browser is a client application that is installed to a local computer. Visit the Respondus website for system requirements.

While Chromebook can be used to progress through the course, all exams must be completed on a PC or Mac.