SRJC Course Outlines

5/14/2025 12:17:50 PMCS 50B Course Outline as of Fall 2023

Changed Course
CATALOG INFORMATION

Discipline and Nbr:  CS 50BTitle:  WEB DEVELOPMENT 2  
Full Title:  Web Development 2
Last Reviewed:10/24/2022

UnitsCourse Hours per Week Nbr of WeeksCourse Hours Total
Maximum3.00Lecture Scheduled3.0017.5 max.Lecture Scheduled52.50
Minimum3.00Lab 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:  AA Degree Applicable
Grading:  Grade or P/NP
Repeatability:  00 - Two Repeats if Grade was D, F, NC, or NP
Also Listed As: 
Formerly:  CS 50.11C

Catalog Description:
Untitled document
This class 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:
Course Completion of CS 50A


Recommended Preparation:
Eligibility for ENGL 1A or equivalent

Limits on Enrollment:

Schedule of Classes Information
Description: Untitled document
This class 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.
(Grade or P/NP)

Prerequisites:Course Completion of CS 50A
Recommended:Eligibility for ENGL 1A or equivalent
Limits on Enrollment:
Transfer Credit:CSU;
Repeatability:00 - Two Repeats if Grade was D, F, NC, or NP

ARTICULATION, MAJOR, and CERTIFICATION INFORMATION

Associate Degree:Effective:Inactive:
 Area:
 
CSU GE:Transfer Area Effective:Inactive:
 
IGETC:Transfer Area Effective:Inactive:
 
CSU Transfer:TransferableEffective:Spring 2006Inactive:
 
UC Transfer:Effective:Inactive:
 
C-ID:

Certificate/Major Applicable: Both Certificate and Major Applicable

Approval and Dates
Version:08Course Created/Approved: 11/7/2005
Version Created:11/1/2021Course Last Modified:1/28/2025
Submitter:Ethan WildeCourse Last Full Review:10/24/2022
Version Status:Approved Changed CoursePrereq Created/Approved:1/31/2023
Version Status Date:10/24/2022Semester Last Taught:Fall 2024
Version Term Effective:Fall 2023Term 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. Understand 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
This is a degree applicable course but assessment tools based on writing are not included because problem solving assessments and skill demonstrations are more appropriate for this course.
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:AAuto-Generated Text
 Advisories-generate description:AAuto-Generated Text
 Prereq-provisional:NNO
 Prereq/coreq-registration check:YPrerequisite Rules Exist
 Requires instructor signature:NInstructor's Signature Not Required
   
BASIC INFORMATION, HOURS/UNITS & REPEATABILITY
 Method of instruction:02Lecture
 72Internet-Based, Delayed Interaction
 71Internet-Based, Simultaneous Interaction
 Area department:CSComputer Studies
 Division:72Arts & Humanities
 Special topic course:NNot a Special Topic Course
 Program Status:1Both Certificate and Major Applicable
 Repeatability:00Two Repeats if Grade was D, F, NC, or NP
 Repeat group id:  
   
SCHEDULING
 Audit allowed:YAuditable
 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:YEither online or hybrid, as determined by instructor
 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:YNot Applicable, Credit Course
 Classification:YCareer-Technical Education
 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