| 5/14/2025 11:13:15 AM |
| New Course (First Version) |
| CATALOG INFORMATION
|
| Discipline and Nbr:
CS 750C | Title:
WEB DEVELOPMENT 3 |
|
| Full Title:
Web Development 3 - JavaScript |
| Last Reviewed:1/27/2025 |
| Units | Course Hours per Week | | Nbr of Weeks | Course Hours Total |
| Maximum | 0 | Lecture Scheduled | 3.00 | 17.5 max. | Lecture Scheduled | 52.50 |
| Minimum | 0 | Lab Scheduled | 0 | 6 min. | Lab Scheduled | 0 |
| | Contact DHR | 0 | | Contact DHR | 0 |
| | Contact Total | 3.00 | | Contact Total | 52.50 |
| |
| | Non-contact DHR | 0 | | Non-contact DHR Total | 0 |
| | Total Out of Class Hours: 105.00 | Total Student Learning Hours: 157.50 | |
Title 5 Category:
Non-Credit
Grading:
Non-Credit Course
Repeatability:
27 - Exempt From Repeat Provisions
Also Listed As:
Formerly:
Catalog Description:
Untitled document
This course focuses on JavaScript programming for client-side Web development. Students learn to create advanced interactive projects including games, data visualizations, generative art, mobile applications, and other browser-based interactive experiences. Students gain experience working with open-source JavaScript libraries such as jQuery, the Google Maps API, D3.js, and many others. Project-based assignments lead to a comprehensive portfolio website of all class projects.
Prerequisites/Corequisites:
Recommended Preparation:
Limits on Enrollment:
Schedule of Classes Information
Description:
Untitled document
This course focuses on JavaScript programming for client-side Web development. Students learn to create advanced interactive projects including games, data visualizations, generative art, mobile applications, and other browser-based interactive experiences. Students gain experience working with open-source JavaScript libraries such as jQuery, the Google Maps API, D3.js, and many others. Project-based assignments lead to a comprehensive portfolio website of all class projects.
(Non-Credit Course)
Prerequisites:
Recommended:
Limits on Enrollment:
Transfer Credit:
Repeatability:27 - Exempt From Repeat Provisions
ARTICULATION, MAJOR, and CERTIFICATION INFORMATION
| Associate Degree: | Effective: | | Inactive: | |
| Area: | | |
| |
| CSU GE: | Transfer Area | | Effective: | Inactive: |
| |
| IGETC: | Transfer Area | | Effective: | Inactive: |
| |
| CSU Transfer: | | Effective: | | Inactive: | |
| |
| UC Transfer: | | Effective: | | Inactive: | |
| |
| C-ID: |
Certificate/Major Applicable:
Certificate Applicable Course
Approval and Dates
| Version: | 01 | Course Created/Approved: | 1/27/2025 |
| Version Created: | 8/26/2024 | Course Last Modified: | 2/11/2025 |
| Submitter: | Ethan Wilde | Course Last Full Review: | 1/27/2025 |
| Version Status: | Approved New Course (First Version) | Prereq Created/Approved: | 1/27/2025 |
| Version Status Date: | 1/27/2025 | Semester Last Taught: | |
| Version Term Effective: | Fall 2025 | Term Inactive: | |
COURSE CONTENT
Student Learning Outcomes:
At the conclusion of this course, the student should be able to:
Untitled document
1. Code and deploy web and mobile projects using advanced HTML, CSS, and JavaScript.
2. Demonstrate mastery and application of shared JavaScript libraries to create highly interactive user experiences.
3. Follow professional best practices for file management and version control of web and mobile projects.
Objectives:
Untitled document
At the conclusion of this course, the student should be able to:
1. Develop interactive websites and mobile applications that integrate HTML, CSS, and JavaScript.
2. Utilize shared JavaScript libraries to implement advanced interactivity and functionality.
3. Analyze and customize JavaScript code.
4. Write JavaScript code that selects, manipulates, and creates document elements, and accesses, validates, and parses external data sources.
5. Apply appropriate User Experience and interactive design concepts to custom web and mobile applications.
Topics and Scope
Untitled document
I. Advanced HTML and CSS Review
A. Semantic HTML review
B. SCRIPT and NOSCRIPT elements
C. CSS language review
II. JavaScript Language Fundamentals
A. Browser-based JavaScript: working with JavaScript in the browser
B. Data types, values and variables
C. Operators and expressions
D. Control structures: loops, conditionals, functions
E. Events
F. Data structures: objects and arrays
G. Common JavaScript objects in the browser: navigator, document, window, Math
H. Document Object Model and JavaScript
I. Data storage and dynamic data: cookies, local storage, JavaScript Object Notation (JSON)
J. Forms: events, elements and validation
K. Error-handling, debugging, and troubleshooting
L. Asynchronous programming
M. Browser API access via JavaScript
N. JavaScript timers
O. Server-side JavaScript: working with Node.js and Node Package Manager (NPM)
P. History of JavaScript and ECMAScript
III. Common JavaScript Libraries and Functionalities
A. jQuery vs. pure JavaScript for accessing and modifying DOM
B. jQuery UI and other jQuery plugins for advanced user interfaces
C. Geographic visualizations with libraries such as OpenLayers and Google Maps API
D. Data visualization with HTML Canvas and visualization libraries such as Data-Driven Documents (D3.js)
E. Highly interactive gamified user experiences with JavaScript game engine libraries such as Phaser.js
F. Creating your own JavaScript library or jQuery plugin
IV. Introduction to Web and Mobile Applications
A. Model-View-Controller (MVC) coding pattern
B. Reactive JavaScript libraries such as Vue.js and React
C. Mobile gesture-based user interfaces
D. Introduction to progressive Web applications (PWA)
E. Introduction to full-stack applications
F. Application user experience and interaction design
V. Professional Practices
A. Introduction to git command-line version control and practices
B. Introduction to file management and developer operations
C. Introduction to build systems
D. Transpilation of code to pure JavaScript
Assignments:
Untitled document
1. Textbook and other assigned reading (25-60 pages per week)
2. HTML and CSS code-validated, browser-based JavaScript assignments (7-15).
3. Midterm and final JavaScript-powered projects. Each project must include:
a. Custom JavaScript coding
b. Fully validated and accessible code
4. Quizzes and exams (2-4)
5. Discussions (5-8). Conducted in-class or online with participation from all students.
6. Additional assignments as determined by instructor may include:
a. Project presentations and peer feedback. Each student must present their project to classmates, either online or in-class, and provide feedback to at least two peers.
Methods of Evaluation/Basis of Grade.
| Writing: Assessment tools that demonstrate writing skill and/or require students to select, organize and explain ideas in writing. | Writing
0 - 20% |
| Project presentations and peer feedback (if assigned) | |
| Problem solving: Assessment tools, other than exams, that demonstrate competence in computational or non-computational problem solving skills. | Problem Solving
30 - 60% |
| Browser-based JavaScript assignments | |
| Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams. | Skill Demonstrations
10 - 30% |
| Midterm and final JavaScript-powered projects | |
| Exams: All forms of formal testing, other than skill performance exams. | Exams
20 - 40% |
| Quizzes and exams | |
| Other: Includes any assessment tools that do not logically fit into the above categories. | Other Category
10 - 20% |
| Participation in discussions | |
Representative Textbooks and Materials:
Untitled document
Eloquent JavaScript, Fourth Edition. Haverbeke, Marijn. No Starch Press. 2024.
Head First JavaScript Programming, 2nd Edition. Freeman, Eric and Robson, Elisabeth. O'Reilly. 2024
JavaScript: The Definitive Guide. 7th ed. Flanagan, David. O'Reilly Media. 2020. (classic).
Instructor prepared materials
OTHER REQUIRED ELEMENTS
| Student Preparation |
| Matric Assessment Required: | E | Requires English Assessment |
| Prerequisites-generate description: | NP | No Prerequisite |
| Advisories-generate description: | NA | No Advisory |
| Prereq-provisional: | N | NO |
| Prereq/coreq-registration check: | N | No Prerequisite Rules Exist |
| Requires instructor signature: | N | Instructor's Signature Not Required |
| | | |
| BASIC INFORMATION, HOURS/UNITS & REPEATABILITY |
| Method of instruction: | 02 | Lecture |
| | 71 | Internet-Based, Simultaneous Interaction |
| Area department: | CS | Computer Studies |
| Division: | 72 | Arts & Humanities |
| Special topic course: | N | Not a Special Topic Course |
| Program Status: | 1 | Certificate Applicable Course |
| Repeatability: | 27 | Exempt From Repeat Provisions |
| Repeat group id: | | |
| | | |
| SCHEDULING |
| Audit allowed: | N | Not Auditable |
| Open entry/exit: | N | Not Open Entry/Open Exit |
| Credit by Exam: | N | Credit by examination not allowed |
| Budget code: Program: | 0000 | Unrestricted |
| Budget code: Activity: | 0701 | Computer & Information Science |
| | | |
| OTHER CODES |
| Disciplines: | Computer Information Systems
OR
Computer Science |
| Basic Skills: | N | Not a Basic Skills Course |
| Level below transfer: | Y | Not Applicable |
| CVU/CVC status: | Y | Distance Ed, Not CVU/CVC Developed |
| Distance Ed Approved: | Y | Exclusively online or other technology based instruction |
| Emergency Distance Ed Approved: | Y | Fully Online
Partially Online
Online with flexible in-person activities
|
| Credit for Prior Learning: | N | Agency Exam |
| N | CBE |
| N | Industry Credentials |
| N | Portfolio |
| Non-credit category: | J | Workforce Preparation |
| Classification: | J | Workforce Preparation - enhanced funding |
| SAM classification: | C | Clearly Occupational |
| TOP code: | 0614.30 | Website Design and Development |
| Work-based learning: | N | Does Not Include Work-Based Learning |
| DSPS course: | N | NO |
| In-service: | N | Not an in-Service Course |
Print PDF