Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Design For Coders to your Wishlist.

Add to Wishlist

Design For Coders

Improve the look and effectiveness of your web sites, mobile apps and digital media by learning the rules of design
4.0 (28 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
698 students enrolled
Last updated 10/2016
$10 $20 50% off
17 hours left at this price!
30-Day Money-Back Guarantee
  • 3 hours on-demand video
  • 1 Article
  • 11 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I Learn?
Understand line, shape and form
Understand the concept of space
Understand color, tone and texture
Understand color theory
Apply color modes
Use typographical lexicon
Understand font families, styles and classifications
Create designs with type
Effectively understand and design for audience
Create visual hierarchy in layouts
Organize content
Understand device differneces
Understand the role of bandwidth
Create effective buttons and links
Create cool icons
Utilize images effectively
Integrate motion and sound into design
Understand use of interactivity in design
Create intuitive rollover states
Learn to use wireframes
Learn to use repetition as a design element
View Curriculum
  • PC or Mac

Are there web sites that have a design you really admire? Do you wish you could create attractive and effective designs? Are you "design-challenged" and need to know the basics of creating good-looking web sites, mobile apps or other digital media?

You may never be a world famous designer, but you can design attractive, effective and high-quality digital media by understanding the foundations of design. If you're a one-person shop and have to create interfaces even though you are trained as a developer. this course is for you! If you're approaching design for the first time and need to be able to apply your new design skills quickly, you need to take this course.

In this exciting series of lectures and activities, expert designer Joesph Caserto will start with the foundations including line, shape, space, color and texture and apply the design foundations to every day digital work. You'll learn to create beautiful typography, learn to understand your audience , create effective layouts and examine motion, sound and interactivity.

With over 30 fascinating video lectures, multiple lab exercises, and fascinating insight from your instructor, you'll be creating designs that everyone will be talking about.

Who is the target audience?
  • Coders
  • Web Developers
  • Web Designers
  • Programmers
  • Students
  • Anyone who needs to learn to design!
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 45 Lectures Collapse All 45 Lectures 03:10:17
4 Lectures 12:06

In this video, Joseph introduces the basics of shape and line in website design with examples from across the internet.

Preview 04:24

Joseph breaks down how to use space to your advantage in your design

Preview 04:45

In this video, Joseph explains how color, tone and texture can be used for organization, conveying a mood, and creating illusions in your design.

Preview 02:57

This is the Lab for Chapter 1. Please complete after watching the corresponding videos.

Chapter 1 Lab
1 page
4 Lectures 11:38

Joseph explains briefly how color works from a scientific standpoint, and how color on our screens differs from color we see on paper or in objects.

The Science of Color

This video explains how designers use colors of light, and breaks down basic concepts of hue, saturation, and lightness

Basic Theory

Joseph goes through how coders and designers formulate colors into specific numbers and hex codes to use in HTML, CSS, and other areas of design.


This is the Lab for Chapter 2. Please complete after watching the corresponding videos.

Chapter 2 Lab
1 page
4 Lectures 16:12

In this video, Joseph goes through terms that are fundamental to understanding typography.

Basic Terms

Joseph describes styles and families of fonts.

Family, Style and Classification

In this video, Joseph delves into how to recognize type as a collection of shapes and space instead of simply utilitarian symbols, and how to use this perspective in designing typography

Designing with Type

This is the Lab for Chapter 3. Please complete after watching the corresponding videos.

Chapter 3 Lab
1 page
4 Lectures 17:37

Joseph explains how good design is heavily dependent on the viewer or user it is meant for, and why it is so critical to know who your audience is when you are designing.

Who is the user?

In this video, Joesph explains how to keep your user in mind when designing, and goes through some recent examples of useful designs.

Design for the User

This video goes through how to make your design give hints and glues to the user about how to use your interface, and how your can use feedback from an independent user to improve the functionality of your design.


This is the Lab for Chapter 4. Please complete after watching the corresponding videos.

Chapter 4 Lab
1 page
5 Lectures 20:22

Joseph explains how you can use elements of design to guide your user to what they should see first or to help them find where they want to go as quickly as possible.

Establishing Visual Hierarchy

This video explains how designing grids, organizing sections by prominence and using space effectively help your user navigate your page.

Visually Organizing Content

In this video, Joseph explains the importance of the utility of your design over the specifics of how it looks.

Form Follows Function

Joseph explains how the importance of what is left out of your design can be just as important as what is left in.

Less is More

This is the Lab for Chapter 5. Please complete after watching the corresponding videos.

Chapter 5 Lab
1 page
4 Lectures 16:57

In this video, Joesph explains the importance of keeping in mind the many different types of devices your user could potentially be using.


Joseph goes through the circumstances out of your control, such as your users' connection speeds and device qualities, to keep in mind when designing your project.


This video explains the concept of resolution, and keeping in mind how it varies from device to device.


This is the Lab for Chapter 6. Please complete after watching the corresponding videos.

Chapter 6 Lab
1 page
4 Lectures 23:01

Joseph explains how to effectively convey to your user which elements of your design are interactive and what those elements will do or where they will bring you.

Buttons and Links

This video explains what icons are in the context of web design, and what makes them intuitive and effective.


In this video, Joesph runs through some examples of effective imagery in design, and explains how they are used to convey information as well as text.


This is the Lab for Chapter 7. Please complete after watching the corresponding videos.

Chapter 7 Lab
1 page
Motion and Sound
3 Lectures 17:37

Joseph explains how understanding what your user expects of the medium they are using can help your in your design process.


This video goes through some fun examples of web sites and apps that use motion and sound effectively, and how your use of these techniques can make or break your user's experience.

Effective Usage

This is the Lab for Chapter 8. Please complete after watching the corresponding videos.

Chapter 8 Lab
1 page
4 Lectures 10:38

In this video, Joseph goes through some examples of web pages and apps with great interactive designs, which is an effective way to organize your content.


Joseph explains the importance of helping your user find content and get to it quickly and easily.

User Considerations

This video explains what rollover states are, how they can be a great and effective tool for navigation on a website, and why they must be avoided on tablets.

Rollover States

This is the Lab for Chapter 9. Please complete after watching the corresponding videos.

Chapter 9 Lab
1 page
UX: User Experience
4 Lectures 17:21

Joesph describes the techniques and importance of planning the organization of your content before delving into appearances and specifics.

Content Planning

Further explaining the importance of organization, Joseph goes through the concept of wireframing your site or app and setting it in stone before designing any appearances.


Bringing it back to the user once more, Joseph explains the importance of keeping in mind what the person using your website or app is there for and how to get them to the information they want as quickly as possible.


This is the Lab for Chapter 10. Please complete after watching the corresponding videos.

Chapter 10 Lab
1 page
2 More Sections
About the Instructor
4.4 Average rating
200 Reviews
5,178 Students
12 Courses
Design Professional :: Educator :: Consultant

I'm Joseph Caserto, a design professional, educator, and consultant. I have over 20 years of experience as a publication art director and designer, and worked on the staffs of several national magazines before starting my own business. Since then, I've worked with many publications, including BusinessWeek, Marie Claire, PC, TV Guide, and Vibe. My projects have included helping to produce several issues of the iPad edition of Fortune, and consulting on the launch of Parents for iOS (Apple iPad) and Android (Samsung Galaxy).

I'm also an Adjunct Assistant Professor of Digital Communications and Media, at New York University, School of Professional Studies, Center for Advanced Digital Applications, Department of Design Digital Arts and Film. Formerly, I was an Adjunct Lecturer at the City College of New York, in the Art Department's Electronic Design and Multimedia Program. I have several online tutorials published, and have been a guest critic and speaker at Cooper Union, and SUNY Fredonia.

I've consulted with clients including FP Design, The Archdiocese of New York, and The Uniformed Firefighters Association of Greater New York to help them learn and maximize the potential of their software, and to explore graphic design principals.

I earned a BFA, with Honors, in Graphic Design from Pratt Institute, where I completed one of the first classes that explored graphic design produced with a Macintosh. I'm a member of AIGA, Freelancers Union, the Graphic Artists Guild, and The Society of Publication Designers. A lifetime resident of New York State, I've lived in Brooklyn since the late 1980s.

4.4 Average rating
3,579 Reviews
139,751 Students
43 Courses
Learn Web, Mobile and Game Development

LearnToProgram Media is a leading publisher of web, mobile, and game development courses that are used by over 500,000 people in 65 countries. LearnToProgram's valuable network of technical resources includes content on YouTube, iTunes, and Roku, as well as books, free tutorials, and online courses.

With a mission of “teaching the world to code" LearnToProgram instructors are teachers first and technical experts second. Their primary skill is relating complex technical information to nontechnical people learning web, mobile and game development. The entirely online, self-paced sales model allows students to learn at their own pace.

With over 40 courses on the market, LearnToProgram offers students flexible programs in web development, mobile application development and game development. Currently the company's most popular online courses include Become a Certified Web Developer and 10 Apps in 10 Weeks.

The company is based outside of Hartford, Connecticut.

Report Abuse