JavaScript 1

Winter 2014 | University of California, Extension

Course Statement

This course introduces the use of browser based scripting using JavaScript. The course is not strictly about the constructs in the language, but covers overall use, philosophy of the language, and how it will effect Web design as a whole. Core JavaScript is the primary focus of the class, but we will also study the applied concepts of the DOM (Document Object ModeL), DHTML (Dynamic HTML), HTML5 and Ajax (Asynchronous JavaScript and XML) which may require the understanding of mark-up and CSS. The course will not assume a standard library, but when we do it will be a jQuery focused syntax. The class is lecture and hands-on oriented. However, given the volume of material to cover students are expected to work on homework and programming projects outside of class hours. Lecture notes will be provided, however there is a required text for deeper outside reading. Prior programming knowledge is not mandatory but will be extremely helpful. Similarly background in standard markup and CSS will not mandatory would be extremely helpful. This class is not meant for people who already have significant working experience with JavaScript outside of the formalization of filling some knowledge gaps.

Tentative Schedule

Meeting 1

  • Introduction to JavaScript
  • Chapters 1 1-up 3-up

Meeting 2

Meeting 3

  • Functions and Objects
  • Chapter 5 1-up 3-up
  • Quiz

Meeting 4

  • Global Objects and Traditional DOM
  • Chapter 7 1-up 3-up
  • Chapter 9 1-up 3-up
  • Quiz

Meeting 5

  • Standard DOM and Event Handling
  • Chapter 10
  • Chapter 11
  • Quiz

Meeting 6

  • Applied JavaScript
  • Chapter 12
  • Chapter 13

Meeting 7

  • Applied JavaScript Part 2

Meeting 8

  • Ajax, Libraries and Beyond
  • Chapter 14
  • Chapter 18

Grading

  • Homework - 50%
  • Quizzes - 40%
  • Attendance - 10%

Homework

The emphasis this class will be building a simple JavaScript form based application from scratch that allows us to build a small quiz application. Initially we will not drive the application with data from any server-side, but JavaScript 2 will extend the application to include Ajax and allow for a refactor using libraries such as jQuery, Backbone, or AngularJS.

  • Homework 1 : Basic JavaScript Constructs
  • Homework 2 : Functions and DOM Examples
  • Homework 3 : Simple HTML, CSS Mock-up with Program Structure
  • Homework 4 : Question Creation and Validation
  • Homework 5 : Interactivity and Polish

Textbooks

Other Resources

Contact Information

Prof. Thomas A. Powell

E-mail: tpowell@pint.com
Phone: 858.270.2086
Off Campus Office Hours: By appointment @ PINT Main Office