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)

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

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

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

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

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).

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