SRJC Course Outlines

5/14/2025 11:28:24 AMCS 750B Course Outline as of Fall 2025

New Course (First Version)
CATALOG INFORMATION

Discipline and Nbr:  CS 750BTitle:  WEB DEVELOPMENT 2  
Full Title:  Web Development 2
Last Reviewed:1/27/2025

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum0Lecture Scheduled3.0017.5 max.Lecture Scheduled52.50
Minimum0Lab Scheduled06 min.Lab Scheduled0
 Contact DHR0 Contact DHR0
 Contact Total3.00 Contact Total52.50
 
 Non-contact DHR0 Non-contact DHR Total0

 Total Out of Class Hours:  105.00Total 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 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: Untitled document
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

Approval and Dates
Version:01Course Created/Approved: 1/27/2025
Version Created:8/26/2024Course Last Modified:2/11/2025
Submitter:Ethan WildeCourse Last Full Review:1/27/2025
Version Status:Approved New Course (First Version)Prereq Created/Approved:1/27/2025
Version Status Date:1/27/2025Semester Last Taught:
Version Term Effective:Fall 2025Term Inactive:


COURSE CONTENT

Student Learning Outcomes:
At the conclusion of this course, the student should be able to:
Untitled document
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: Untitled document
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
Untitled document
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:
Untitled document
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:
Untitled document
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

OTHER REQUIRED ELEMENTS

Student Preparation
 Matric Assessment Required:ERequires English Assessment
 Prerequisites-generate description:NPNo Prerequisite
 Advisories-generate description:NANo Advisory
 Prereq-provisional:NNO
 Prereq/coreq-registration check:NNo Prerequisite Rules Exist
 Requires instructor signature:NInstructor's Signature Not Required
   
BASIC INFORMATION, HOURS/UNITS & REPEATABILITY
 Method of instruction:02Lecture
 71Internet-Based, Simultaneous Interaction
 Area department:CSComputer Studies
 Division:72Arts & Humanities
 Special topic course:NNot a Special Topic Course
 Program Status:1Certificate Applicable Course
 Repeatability:27Exempt From Repeat Provisions
 Repeat group id:  
   
SCHEDULING
 Audit allowed:NNot Auditable
 Open entry/exit:NNot Open Entry/Open Exit
 Credit by Exam:NCredit by examination not allowed
 Budget code: Program:0000Unrestricted
 Budget code: Activity:0701Computer & Information Science
   
OTHER CODES
Disciplines:Computer Information Systems
 Basic Skills:NNot a Basic Skills Course
 Level below transfer:YNot Applicable
 CVU/CVC status:YDistance Ed, Not CVU/CVC Developed
 Distance Ed Approved:YExclusively online or other technology based instruction
 Emergency Distance Ed Approved:YFully Online
Partially Online
Online with flexible in-person activities
 Credit for Prior Learning:NAgency Exam
NCBE
NIndustry Credentials
NPortfolio
 Non-credit category:JWorkforce Preparation
 Classification:JWorkforce Preparation - enhanced funding
 SAM classification:CClearly Occupational
 TOP code:0614.30Website Design and Development
 Work-based learning:NDoes Not Include Work-Based Learning
 DSPS course:NNO
 In-service:NNot an in-Service Course

Print PDF