Courses & Workshops I've Taught
-
- 1
- 2
- 3
UX Design Patterns
If you’re a frequent user of websites and mobile applications, you’re already familiar with design patterns, whether you’re aware of them or not. Design patterns are visual strategies for solving common usability problems. Design patterns keep the cognitive load to a minimum by making interfaces feel intuitive. When I say cognitive load, I mean the mental effort involved in solving a problem or making a decision.
-
24 minPractice
Practice Data Visualization
Students will practice converting raw data into an informative visualization.
Viewed -
6 minPractice
Practice the CSS Box Model
In this practice session, we’ll be working with the CSS Box Model.
Viewed -
10 minPractice
Practice Enhancing Design with CSS
In this practice session, we’ll be practicing enhancing a web layout with CSS.
Viewed -
8 minPractice
Practice CSS Media Queries
In this practice session, we’ll be working with CSS Media Queries.
Viewed -
8 minPractice
Practice CSS Length Units
In this practice session, we’ll be working with CSS Length Units.
Viewed -
- 1
- 2
- 3
- 4
Data Visualization Foundations
What is data visualization? A simple answer might be something like the graphic representation of data. But to get a better understanding of what practitioners of data visualization do, let’s start with the term data. By data, I mean raw, unorganized facts and numbers. Practitioners of data visualization take raw, hard-to-grasp data and turn that data into information by providing context and a purpose.
-
47 minWorkshop
How to Use Treehouse
This workshop will introduce you to the Treehouse site and help you get the most out of your Treehouse learning experience.
Viewed -
21 minWorkshop
Hello UX
User Experience Design, commonly called UX Design, encompasses all aspects of a user's interaction with a company, its services, and its products. UX designers prioritize the needs of users and create solutions through empathy. So when UX designers help design a product or service for a company, we’re constantly asking ourselves: who are that company’s users? What do the users want to achieve? What obstacles stand in their way? And how can we minimize those obstacles and make the experience of our users a positive one?
Viewed -
33 minWorkshop
Hello Front-End Web Development (FEWD)
Front-end web developers write the code that turns a static mockup into an interactive web page. In this workshop, we’ll take a look at the types of code front-end developers write, and even try it out ourselves. But before we do that, let’s take a closer look at the term front-end. Front-end developers are sometimes referred to as client-side developers, since everything we code is directly viewable by the client–in other words, the visitor to our website or app.
Viewed -
- 1
- 2
- 3
- 4
Enhancing Design with CSS
In this course, we're going to learn CSS properties for enhancing visual design. We’ll cover various properties for styling text, including loading web fonts from external resources. We’ll learn techniques for turning our CSS boxes into more than just rectangles. And finally, we’ll learn some really cool visual effects using CSS filters and gradients.
-
- 1
- 2
- 3
- 4
CSS Layout
In this course, we're going to learn techniques for better control over our CSS layouts. We’ll cover how the CSS Box Model impacts the presentation of each HTML element, learn to control the position of each element onscreen, and even begin to adjust our layouts for different screen sizes and environments.
-
- 1
- 2
- 3
- 4
CSS Basics
In this course, we're going to learn the basics of CSS, one of the core technologies for designing and building websites and applications. No matter what kind of website or web application you want to build, you'll have to use CSS. If you haven't written much CSS, or even if you’ve never written CSS at all, don’t worry. That's what this course is for. We’ll start with basic CSS concepts, then gradually progress to more advanced topics and lessons.
-
49 minWorkshop
Responsive Design
In this workshop, we’ll be discussing responsive design, where content renders well and remains usable on a variety of devices and viewport sizes. On previous projects, you may have been asked to design with a specific screen in mind, whether a desktop, tablet, or mobile device. And sometimes, especially when designing a mobile app, this approach can be appropriate. For websites, however, it’s usually best to work with a single design and consider how that design transitions from screen to screen.
Viewed -
- 1
- 2
Accessibility For Web Developers
Accessibility is a process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide developers in creating experiences that are accessible to all users as well as tools and techniques to ensure your projects are up to those standards.
-
37 minPractice
Practice Using A Design System
For this practice session, we’ll be using Adobe XD to wireframe a homepage for votingrights.gov, an imaginary website for the United States federal government that informs citizens about their right to vote. We’ll start with a problem, a set of research, and some design explorations in the form of rough sketches. We’ll then use the United States Web Design System to ensure the look and behavior of our design are consistent with other federal government sites.
Viewed -
7 minPractice
Practice Sketching
For this practice session, you’ll be creating eight rough sketches for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.
Viewed -
11 minPractice
Practice Wireframing
For this practice session, you’ll be creating a digital wireframe in Adobe XD for the primary screen of a sketching application. This app gives users the ability to make quick, shareable, black-and-white sketches using their fingers on a touchscreen.
Viewed -
- 1
- 2
Accessibility for UX Designers
Accessible design is a design process that specifically considers the needs of people with disabilities. In this course, you’ll learn about the standards in place to guide designers in creating experiences that are accessible to all users as well as techniques to help bring your projects up to those standards.
-
- 1
- 2
Getting Started With Human Interface Guidelines
Learn how to work with Apple’s Human Interface Guidelines documentation. Learn to apply Human Interface Guidelines principles when designing iOS applications.
-
- 1
- 2
Getting Started With Material Design
Learn how to work with Google’s Material Design documentation. Learn to apply Material Design principles when designing applications for the Android platform.
-
- 1
- 2
- 3
- 4
Introduction to Design Systems
Learn how a scalable, repeatable design system leads to a more efficient design. Learn the components of a design system, and how to work with existing documentation.