Academic Catalog


Foothill College Course Outline of Record

Foothill College Course Outline of Record
Heading Value
Effective Term: Summer 2023
Units: 4.5
Hours: 4 lecture, 2 laboratory per week (72 total per quarter)
Advisory: One of the following: C S 1A, 2A, 3A, or equivalent; knowledge of HTML and CSS.
Degree & Credit Status: Degree-Applicable Credit Course
Foothill GE: Non-GE
Transferable: CSU/UC
Grade Type: Letter Grade (Request for Pass/No Pass)
Repeatability: Not Repeatable

Student Learning Outcomes

  • Use a web application development environment that includes a browser, editor, debugger and code libraries.
  • Write modifiable JavaScript programs that modify the DOM, respond to user events and make requests to the server.


Introduction to object oriented programming in JavaScript. Topics include: client and server side programming, Model/View/Controller architecture, current tools and testing methods, interaction with HTML and CSS, Document Object Model, XML, and JSON. Students will have practice writing programs for mobile web browsers and creating dynamic webpages including animation.

Course Objectives

The student will be able to:

  1. Install and use a web application development environment
  2. Produce clearly written code in an industry standard style appropriate for JavaScript
  3. Understand the basic syntax of the JavaScript language
  4. Use popular JavaScript libraries and frameworks
  5. Write a JavaScript program that responds appropriately to user events
  6. Write client-side JavaScript code to modify the Document Object Model
  7. Write client-side JavaScript code that makes requests to and handles replies from the server
  8. Write server-side JavaScript code for authentication, optimization, and data storage
  9. Understand web application architecture
  10. Address performance in web applications
  11. Use JSON and/or XML to access data for a web application
  12. Relate algorithms and computation to real world problems and what software can do (such as graphics, virtual body medical examinations); solving problems in other fields (such as data science, health, etc.); or pro-equity impacts (such as toxicity and bias detection)

Course Content

  1. Web application development environment
    1. Current browser with web development tools
    2. Selenium for testing
    3. Webkit
    4. Mobile browsers
    5. Test driven development
  2. Coding style
    1. Documentation
    2. Indentation
    3. Object orientation
    4. Names for identifiers
    5. Tradeoffs between thin/fat client
    6. Tradeoffs between using html tags/JavaScript code
    7. Minimize dependencies between modules
    8. Model/view controller architecture
  3. JavaScript syntax
    1. Variables and data types
    2. Expressions and operators
    3. Control structures
    4. Arrays and objects
    5. Functions including recursion
    6. Prototypes
    7. Closures
    8. Namespaces
    9. JSON
  4. Libraries and frameworks
    1. JQuery
    2. Dojo
  5. User events
    1. Mouse, keyboard, on page load, transitions
    2. Model/View/Controller architecture
    3. Interaction with HTML and CSS
    4. Asynchronous request to server
    5. Dynamic page refresh
  6. Document Object Model
    1. HTML 5 or above and CSS 3 or above
    2. Traversing a document
    3. Finding elements in a document
    4. Modifying elements in a document
  7. Communicating with the server
    1. Making requests to the server
    2. Handling responses from the server
    3. Asynchronous requests and responses
    4. Synchronous requests and responses
  8. Server-side JavaScript
    1. Rendering an HTML page
    2. Caching data for optimization
    3. Security
    4. User authentication
    5. Data storage
  9. Web application architecture
    1. Tomcat vs. node.js
    2. http and https
    3. Middleware
    4. Servlets
    5. LAMP
    6. Databases
  10. Performance issues
    1. Throughput vs. latency
    2. Concurrency
    3. UI issues: bookmarks and back button
    4. Degradable user interface
    5. Issues with mobile platforms: phones and tablets
    6. Memoization
  11. XML and JSON
    1. Comparing XML and JSON
    2. Storage of metadata
    3. Storage of user data

Lab Content

  1. Install and use a web development environment to create and debug a web application
    1. Use iterative development
    2. Use test driven development
    3. Use good programming style
  2. Incorporate JQuery in a web application
  3. Write a web application that creates and uses its own namespace
  4. Write a recursive JavaScript function
  5. Write a resusable class in JavaScript
  6. Write a program with a dynamic user interface
  7. Make an asynchronous request from the server
  8. Write a server side JavaScript program that creates an html page
  9. Write an application that has registered users
  10. Write an application that stores data:
    1. On the server
    2. On the client
  11. Write an application that includes an animation and a transition

Special Facilities and/or Equipment

1. Access to a computer laboratory with internet access and modern browsers.
2. Web server that will host the student work.
3. Website or course management system with an assignment posting component (through which all lab assignments are to be submitted) and a forum component (where students can discuss course material and receive help from the instructor). This applies to all sections, including on-campus (i.e., face-to-face) offerings.
4. When taught via Foothill Global Access on the internet, a fully functional and maintained course management system through which the instructor and students can interact.
5. When taught via Foothill Global Access on the internet, students must have currently existing email accounts and ongoing access to computers with internet capabilities.

Method(s) of Evaluation

Methods of Evaluation may include but are not limited to the following:

Tests and quizzes
Written laboratory assignments which include source code, sample runs, and documentation
Final examination

Method(s) of Instruction

Methods of Instruction may include but are not limited to the following:

Lectures which include motivation for syntax and use of the JavaScript language and OOP concepts, example programs, and analysis of these programs
Online labs (for all sections, including those meeting face-to-face/on campus), consisting of:
1. A programming assignment webpage located on a college-hosted course management system or other department-approved internet environment. Here, the students will review the specification of each programming assignment and submit their completed lab work
2. A discussion webpage located on a college-hosted course management system or other department-approved internet environment. Here, students can request assistance from the instructor and interact publicly with other class members
Detailed review of programming assignments which includes model solutions or quality assurance specifications and specific comments on the student submissions
In-person or online discussion which engages students and instructor in an ongoing dialog pertaining to all aspects of designing, implementing, and analyzing programs
When course is taught fully online:
1. Instructor-authored lecture materials, handouts, syllabus, assignments, tests, and other relevant course material will be delivered through a college-hosted course management system or other department-approved internet environment
2. Additional instructional guidelines for this course are listed in the attached addendum of CS department online practices
Collaborative team assignments: graded work, based on course material, that requires active interaction between students (e.g., using pair programming)
Students do self reflections and/or self evaluations throughout the term
Supervised activity to enable students to showcase their unique accomplishments in the classroom and provide opportunities to showcase beyond the classroom
Students are provided with up-to-date information about instructional services available to them
Learning units or modules are consistently structured and sequenced to reduce cognitive load
Use of formative assignments and/or assessments for applying skills recently experienced in course content

Representative Text(s) and Other Materials

Haverbeke, Marijn. Eloquent JavaScript. 2019.

Boduch, Adam, Jonathan Chaffer, and Karl Swedberg. Learning jQuery 3 : Build Interesting, Interactive Sites Using jQuery by Automating Common Tasks and Simplifying the Complicated Ones. 2017.

The popular jQuery library hasn't substantially changed for years, and the Boduch/Chaffer/Swedberg text still has current content. jQuery is still numbered as version 3.

Both texts are available for free as eBooks via the Foothill College library or the authors' website and thus are OER (Open Educational Resources).

Types and/or Examples of Required Reading, Writing, and Outside of Class Assignments

  1. Reading
    1. Textbook assigned reading averaging 30 pages per week
    2. Reading the supplied handouts and modules averaging 10 pages per week
    3. Reading online resources as directed by instructor though links pertinent to programming
    4. Reading library and reference material directed by instructor through course handouts
  2. Writing
    1. Writing technical prose documentation that supports and describes the programs that are submitted for grades


Computer Science