Course Description

This course provides more depth on the study of HTML and CSS required for mastering modern performant web page layout.  HTML topics will address proper use of semantic style markup and HTML features useful for search engine optimization, accessibility, responsive media elements, and programming with JavaScript.  CSS topics will address more intermediate features necessary for responsive design such as relative units, media-queries, Flexbox, CSS Grid, and much more.  Emphasis will be placed both on from scratch authoring techniques as well as the use of CSS frameworks.

Course Outline

  • Responsive web design and media queries
  • Element positioning and CSS selectors
  • CSS transformations, animations, and transitions
  • HTML accessibility and AIRIA attributes
  • JQuery and JavaScript functions and events

Learner Outcomes

  • Distinguish and use advanced methods of analyzing and testing web page speed and debugging
  • Duplicate and design an advanced layout using advanced layout features such as CSS Grid and Flex-Box
  • Identify and write complex and common CSS selectors to create a usable interface
  • Demonstrate writing responsive media queries for mobile and desktop devices
  • Distinguish and configure for HTML and CSS processor for quicker development
  • Illustrate how to write CSS animation and transforms for interactive user experience
  • Write JQuery and JavaScript to modify HTML elements to create a rich dynamic experience


Introduction to Front End Development or complete working knowledge of HTML and CSS. If you have not taken the introductory course, but believe you have the required knowledge, please contact help@professional.ucsb.edu.


Software requirements:
- A modern browser like Chrome or Firefox
- Any Text Editor; here are some recommendations:

  • Sublime: http://www.sublimetext.com
  • Atom: http://atom.io
  • Visual Studio Code: http://code.visualstudio.com
  • Brackets: http://brackets.io/

Hardware requirements: 
- Linux, Mac, or Windows machine with a minimum of 4 GB

Applies Towards the Following Certificates

Classes are offered according to the schedule on the respective Certificate or Program Page. Please click on the Request Information below to be promptly notified when enrollment opens.