CSCI 202 - Web Development II

5 Credits

Students learn advanced HTML and CSS concepts and techniques needed to create websites that are semantic, accessible, responsive, standards-compliant, maintainable, fast, and optimized for search engines. Students also learn how to effectively incorporate artificial intelligence (AI) tools into their workflow to streamline development and content creation.

Pre-requisite(s) CSCI 102 min 2.0
FeesAcademic Technology Fee

Quarters Typically Offered
Fall Day, Online
Spring Day, Online

Designed to Serve Students enrolled in the Web/Database Developer program and professionals wishing to add advanced web design and development skills.
Active Date 20250520T14:10:25

Grading Basis Decimal Grade
Class Limit 30
Contact Hours: Lecture 55
Total Contact Hours 55
Degree Distributions:
ProfTech Course Yes
Restricted Elective Yes
PLA Eligible Yes

Course Outline

Foundational concepts and introductions
Using semantic HTML to provide structure and define content
Using artificial intelligence (AI) to aid in research, analysis, content development, and implementation..
The CSS cascade, proximity, and specificity
Web design trends and global considerations
Navigation best practices
Using color: contrast, palettes, and formats
Performance and Search Engine Optimization (SEO)
Page layout techniques
User preferences and testing
Meeting WCAG accessibility guidelines
CSS frameworks (Bootstrap)

Student Learning Outcomes
Design, build, and test websites using semantic HTML that provides document structure, defines page content, and passes W3C validation with zero errors.

Design and build fluid/responsive layouts that adapt seamlessly in all modern browsers and device/viewport sizes using flexible grids, relative units of measurement, media queries, and responsive images.

Optimize website performance through efficient coding practices, asset optimization, and loading strategies to achieve fast page load speeds and reduce initial page weight.

Build accessible WCAG compliant websites that support keyboard-only navigation.

Implement search engine optimization techniques using code structure, metadata, and content organization to improve search engine visibility and ranking.

Use artificial intelligence (AI) tools to aid in research, analysis, content development, and implementation.

Effectively use various technologies including CSS preprocessors, CSS frameworks, image compression tools, and PHP includes to streamline development and maintenance workflows.