Please enable JavaScript to use CodeHS

Introduction to Vibe Coding

Design

In this module, students are introduced online design considerations. Students learn about user experience, user testing, and online accessibility so they can make their websites work better for everyone. Students learn how to customize the colors and fonts of a website as well as how and why to build prototypes.

Lessons

4.1 UX

  • What is UX?
  • Design Principles
  • Design Principles
  • Human-centered Design
  • User Testing
  • +3 more

4.2 Accessibility

  • What Is Accessibility?
  • What Is Accessibility?
  • How to Prompt for Accessibility
  • Build It: Without Accessibility
  • Build It: With Accessibility
  • +2 more

4.3 Colors, Fonts, and Design Descriptors

  • Customizing Your Design
  • Colors
  • Explore Colors
  • Fonts
  • Explore Fonts
  • +5 more

4.4 Prototyping

  • What Is Prototyping?
  • How to Prototype with AI
  • Build: Prototype Version A
  • Build: Prototype Version B
  • Compare Your Prototypes
  • +2 more

Courses that include this module