Cookies on NWTC's Website

Intro to Web Front-End UI/UX

Class Number: WEB 10152155-1 - Intro to Web Front-End UI/UX
Offering Status: Open
Academic Level: Post_Secondary
Back

Course Description

10-152-155 INTRO TO WEB FRONT-END UI/UX ...use HTML and CSS to design website user interface (UI) components (navigation, cards, buttons, and forms). Prepare and optimize images for websites. Create responsive code for mobile devices. Implement accessibility standards. (Prerequisite: 10-152-185, Website Coding HTML & CSS)

Course Typically Offered

  • Fall
  • Spring

Most NWTC classes are offered in 8-week sessions. Learn more about how our class schedule can help you succeed.

What will I learn?

  1. Use Browser Developer Tools to Inspect, Debug, and Refine UI Components.
  2. Construct Semantic HTML for Reusable UI Components.
  3. Apply CSS Styling to Create Consistent and Branded UI Components.
  4. Implement CSS Box Model and Layout Techniques for Component Design.
  5. Build Responsive UI Components Using Mobile-First CSS Techniques.
  6. Design Navigation Components with Usability and Clarity in Mind.
  7. Create Interactive UI Elements Using CSS States and Transitions.
  8. Design and Style Forms for Usability and Accessibility.
  9. Prepare and Optimize Images for Web UI Use.
  10. Apply UX Principles to Evaluate and Improve UI Components.
  11. Implement Accessibility (A11Y) Standards (WCAG) in UI Components.
  12. Test, Refine, and Document UI Components for Iterative Improvement.

Class Details

Class Number:
WEB 10152155-1 - Intro to Web Front-End UI/UX
Location:
NWTC Green Bay
Date:
-
Delivery:
Blended
Term:
2026 Fall Session 2

Class Notes

Class Format: 

  • Combination of in-person and online instruction. 

  • Attend in-person sessions at specified dates, times, and location. 

  • Access remaining instruction online. 

Meetings Times

Dates Day(s) / Time Location
10/26/2026 - 12/18/2026 Monday
12:30 PM - 4:20 PM
Green Bay Campus Room BT249
10/26/2026 - 12/18/2026 Online
12:00 AM - 12:00 AM

* Cost displayed is based on in-state residency. Back to cost