6/7/2025 12:48:51 PM	CS 750B Course Outline as of Fall 2025	New Course (First Version)
CATALOG INFORMATION
Discipline and Nbr:  CS 750B	Title:  WEB DEVELOPMENT 2
Full Title:  Web Development 2
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:

This non-credit course offers advanced instruction in client-side Web development technology and design. Students work on project-based assignments using front-end frameworks, such as Bootstrap, and Web content management systems, such as WordPress. An introduction to the JavaScript language is included. Advanced topics in HTML and CSS, including language pre-processors, are presented. User-centered design, user experience research, and search engine optimization practices are explored and practiced with each project.

Prerequisites/Corequisites:

Recommended Preparation:

Limits on Enrollment:

Schedule of Classes Information
Description:

This non-credit course offers advanced instruction in client-side Web development technology and design. Students work on project-based assignments using front-end frameworks, such as Bootstrap, and Web content management systems, such as WordPress. An introduction to the JavaScript language is included. Advanced topics in HTML and CSS, including language pre-processors, are presented. User-centered design, user experience research, and search engine optimization practices are explored and practiced with each project.

(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

COURSE CONTENT

Student Learning Outcomes:
At the conclusion of this course, the student should be able to:

1. Use HTML, CSS, and frameworks that meet current industry standards to create a multipage website that includes accessible content, navigation, and user interfaces.

2. Create a website powered by a web content management system (CMS) that demonstrates best practices of User Experience (UX) research, user-centered and responsive design.

3. Apply current accessibility, search engine optimization (SEO), and validation standards and create search-engine-optimized content that adheres to these standards.

 

Objectives:

At the conclusion of this course, the student should be able to:

1. Describe the process of creating style rules using CSS language preprocessors such as syntactically awesome style sheet (Sass).

2. Analyze and modify an existing website's HTML and CSS using developer tools in a browser.

3. Use a front-end framework such as Bootstrap to create a Web site.

4. Use a Web content management system (CMS) such as WordPress to create a Web site.

5. Produce validated and accessible HTML and CSS documents that are optimized for search engines.

6. Produce a file system structure that matches industry standards.

7. Conduct user research User Experience (UX) and design development practices to support user-centered site design.

Topics and Scope

I. Responsive HTML and CSS Review

    A. HTML semantic and other elements review

    B. CSS language standards and media queries review

    C. Responsive Web design (RWD) review

II. Front-End Frameworks

    A. Introduction to common front-end framework concepts and practices: styles, classes, and components

    B. Creating responsive user interfaces using framework components

    C. Framework typography and content support

    D. Working with images and rich media via frameworks

    E. Navigation interfaces using framework components

    F. Interactive interfaces using framework components

    G. Web form composition using framework components

    H. Decorative content and icon font libraries

III. Web Content Management Systems

    A. Introduction to common CMS concepts and practices: content, users, navigation, themes

    B. Page-based and recurring content elements

    C. Multi-user authentication systems

    D. Navigation menus and links

    E. Presentation layer access and theme modification

    F. Functionality extensions: plug-ins

    G. Custom theme creation

    H. CMS-based site development, production, and maintenance best practices

    I. CMS file system organization

IV. Introduction to JavaScript

    A. Language basics, including keywords and syntax

    B. JavaScript event model, including browser and user-triggered events

    C. Calling pre-existing JavaScript code, including jQuery library and Bootstrap JavaScript library

V. Advanced Styling with CSS Language Preprocessors

    A. CSS Language Preprocessors: Sass and Less

    B. Capabilities provided by language preprocessors

    C. Workflows using language preprocessors

VI. Search Engine Optimization

    A. Technical best practices for SEO, including HTML coding

    B. Content-related practices for SEO, including marketing

    C. Evaluating SEO with analytics

VII. User Experience (UX) Research

    A. Remote testing tools and practices

    B. Card sorting and taxonomy research

    C. User definitions: personas, interviews, stories of use, and journey mapping

    D. User-centered design principles and practices

VIII. Design Prototyping

    A. Interactive prototype creation and tools

    B. Prototype testing practices

    C. Iterative prototyping

IX. Professional Practices

    A. Project documentation practices

    B. Site backup and migration practices for CMS-powered sites

    C. Introduction to automated version control tools and practices

    D. Review of code validation practices

Assignments:

1. Textbook and other assigned reading (25-60 pages per week)

2. HTML and CSS code-validated web page assignments (7-15)

3. Midterm static HTML project and final CMS-powered project.  Each project must include:

    a. At least seven webpages

    b. A navigation system

    c. HTML elements

    d. CSS styles

    e. Rich media elements, including images, audio, and video elements

    f. Links using relative and absolute paths

    g. Fully validated and accessible code

    h. Project documentation

4. Quizzes and exams (2-4)

5. In-class or online class discussions (5-8)

6. Additional assignments as determined by instructor may include:

     a. Project presentations and peer feedback. If assigned, 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%
Webpage assignments
Skill Demonstrations: All skill-based and physical demonstrations used for assessment purposes including skill performance exams.		Skill Demonstrations 10 - 30%
Midterm and final 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:

The Missing Bootstrap 5 Guide. Jensen, Jeppe. Packt. 2022.

WordPress: The Missing Manual, 3rd Edition. MacDonald, Matthew. O'Reilly. 2020. (classic).

The Field Guide to Human-Centered Design. IDEO.org / Design Kit. IDEO.org. 2015. (classic).

Instructor prepared materials

Print PDF