Method
Flexible
Term
SPRING
Units
3.0 QUARTER UNITS
Cost
$715

Skills you will gain

  • Create Responsive Designs: Build Web pages that adapt seamlessly to mobile, tablet, and desktop devices.
  • Master CSS Selectors: Use advanced selectors like child, sibling, and structural pseudo-classes for efficient styling.
  • Implement Modern Layout Techniques: Design layouts with Flexbox and CSS Grid for flexible, dynamic page structures.
  • Style Interactive Elements: Enhance user experience by styling forms and creating dropdown menus.
  • Ensure Cross-Browser Compatibility: Tackle browser compatibility issues for smooth functionality across all platforms.

Course Description


This course provides an in-depth exploration into the expanding world of Cascading Style Sheets (CSS), covering responsive website designs that work with smartphone, tablet or desktop monitors. Lectures and hands-on exercises cover essential CSS3 properties, concepts, techniques, and applications of media queries, styling forms, fonts and structural pseudo-classes. You will also learn how to handle browser compatibility issues.

By the end of the course, you’ll know how to use the latest CSS capabilities to create Web pages with clean, efficient and cutting-edge designs that meet the demands of mobile, tablet and desktop users.

Topics

  • Designing Web pages that respond to media types (mobile phones, tablets, desktops)
  • Using browser development tools for testing purposes
  • Vendor prefixes
  • Child, sibling and structural pseudo-class selectors
  • CSS3 properties, including:

    • * Border radius
    * Box and text shadows
    * Gradients

  • Web Typography
  • CSS Animation properties
  • Flexbox
  • Grid Layout
  • Drop-down menus
  • Style forms
  • Validation of HTML and CSS code
  • Testing for Accessibility
Syllabus Library
Jonathan Innes
Jon Innes
Apr. 7 - Jun. 9, Tuesday, 6:00pm - 9:00pm
  • Flexible Attend in person or via Zoom at scheduled times.
UEWD.X407.(5)
Schedule
Date Start Time End Time Meeting Type Location
Tue, 04-07-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 04-14-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 04-21-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 04-28-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 05-05-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 05-12-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 05-19-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 05-26-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 06-02-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
Tue, 06-09-2026 6:00pm 9:00pm Flexible SANTA CLARA / REMOTE
 

This class meets simultaneously in a classroom and remotely via Zoom. Students are expected to attend and participate in the course, either in-person or remotely, during the days and times that are specified on the course schedule. Students attending remotely are also strongly encouraged to have their cameras on to get the most out of the remote learning experience. Students attending the class in-person are expected to bring a laptop to each class meeting.

To see all meeting dates, click "Full Schedule" below.

You will be granted access in Canvas to your course site and course materials approximately 24 hours prior to the published start date of the course.

Required Tools and Materials: Editor required for course: Visual Studio Code (Publisher: Microsoft); Web browser for course: Chrome Web Browser (Publisher: Google)

Recommended Tools and Materials: Reference materials: W3.CSS Reference (Publisher: W3) and CSS: Cascading Style Sheets (Publisher: Mozilla)

This course applies to these programs:

Demo