JavaScript and jQuery

Course Number: WT 215
Transcript Title: JavaScript and jQuery
Created: May 7, 2014
Updated: May 21, 2021
Total Credits: 4
Lecture Hours: 30
Lecture / Lab Hours: 0
Lab Hours: 30
Satisfies Cultural Literacy requirement: No
Satisfies General Education requirement: No
Grading options: A-F (default), P-NP, audit
Repeats available for credit: 0

Prerequisites

Course Description

Introduces JavaScript for writing client-side scripts for creating dynamic (interactive) web pages. Explores ways to make a web site come alive with a variety of interactive effects such as displaying and hiding text or images, filling out form fields automatically, and creating interactive maps or calendar. Uses jQuery, an extensive, feature-rich library to make JavaScript more accessible to the novice web designer. Prerequisite: WT 213. Audit available.

Intended Outcomes

Upon successful completion of this course, students will be able to:

  1. Use JavaScript to develop simple routines for website interactivity.
  2. Use critical thinking skills to apply interactivity to websites.
  3. Find, utilize, and modify JavaScript and jQuery resources on the Internet.

Outcome Assessment Strategies

Grading of this class will be based on completion of project(s) developed individually or as part of a team. Assessments may include: Completion of a multi-page web site implementing a variety of JavaScript techniques, assignments, tests or quizzes

Texts and Materials

Murach’s JavaScript and jQuery

Course Activities and Design

The determination of teaching strategies used in the delivery of outcomes is generally left to the discretion of the instructor. Here are some strategies that you might consider when designing your course: lecture, small group/forum discussion, flipped classroom, dyads, oral presentation, role play, simulation scenarios, group projects, service learning projects, hands-on lab, peer review/workshops, cooperative learning (jigsaw, fishbowl), inquiry based instruction, differentiated instruction (learning centers), graphic organizers, etc.

Course Content (Themes, Concepts, Issues and Skills)

Outcome #1: Use JavaScript to develop simple routines for website interactivity.
  • Coding editor
  • Objects
  • Functions
  • Events.
  • Document Object Model (DOM) scripting
  • Create effects and animations using jQuery.
  • Validate forms
Outcome #2: Use critical thinking skills to apply interactivity to websites.
  • jQuery User Interface (UI)
  • Arrays to group and process related data
  • jQuery plugins and options
Outcome #3: Find, utilize, and modify JavaScript and jQuery resources on the Internet.
  • Browser developer tools
    • DOM Inspector
    • CSS Editor
    • CHROME DOM Inspector
    • Safari DOM Inspector and style explorer
    • JavaScript Debugger
    • JavaScript Console
  • Testing and debugging applications.