Want to learn Web Design?
Tags: design, courses, webdesign, resources
Published: 2021-08-20 22:42:23

> List of courses to get started with Web Design from Scratch. And some advices too!
  
Recently my sister-in-law asked me for resources to learn web design. She has no coding or design background, so here is a list I found that could help anyone to start getting their feet wet on the topic.

Like I said to her, **beware!** you are entering an industry that is in constant change, evolution and quite fast!. make sure you don't get overwhelmed with the amount of things to learn and to do. It's better to find a learning path and pace that works for your needs and life constraints.

Before the list of resources, I want to give oyu some advice about how to get started more effectively in web design (and in anything really). This Two things helped me a lot when I want to learn something new and make sure I stay up to date with the newest trends on the topic:

**Take notes while you are learning**: maybe you thing you are not a notes person, but trust me, you will regret not taking notes while learning anything. If you need advice on how to take notes, please send me a DM on twitter!.

{% twitter 1429026563622846466 %}

**Get involved in the web communities**: Your learning path will be much easier if you find communities with people that are also learning and also experts that can help you with some guidance and doubts. You can find a lot of them depending on the language.

{% twitter 1429026564931530752 %}

**Learn in Public (BONUS)**: Sharing all you are learning not only will help you solidify your knowledge, but also start creating a reputation in your new journey. The best one I know doing this is [Shawn Wang (@swyx)](https://www.swyx.io/learn-in-public/). He shares mostly tech related content, but his process is applicable to any other field.

{% twitter 1429026566248484867 %}

This list of links are not sorted in a particular order, so feel free to skip some if you see like:

## [Hack Design](https://hackdesign.org/lessons101)

[![hack design website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8jub6cbjctg7h19wkpn1.png)](https://hackdesign.org/lessons101)

I remember checking this one when they started. it was via emails, but now it seems that all the lessons are available in the website. They also have other lessons so feel free to check tehm out too. [website](https://hackdesign.org/lessons101).

## [Ultimate web design course by Webflow](https://university.webflow.com/courses/ultimate-web-design-course)

[![Ultimate web design course by Webflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/msg4cmp0h3fo1w6ihmet.png)](https://university.webflow.com/courses/ultimate-web-design-course)

this one seems to be very complete. I'm afraid is very focused on their tool but judging by other content I've seen from them seems legit. They also have other lessons so feel free to check tehm out too. [website](https://university.webflow.com/courses/ultimate-web-design-course).

## [Web design in 4 minutes by Jeremy Thomas](https://jgthms.com/web-design-in-4-minutes)

[![Web design in 4 minutes website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9g5wmn31dxck3ca5uw6f.png)](https://jgthms.com/web-design-in-4-minutes)

This one is quite short and I love that is very visual and to the point!. Not that interactive, but I found it really cool to learn by watching the result. [website](https://jgthms.com/web-design-in-4-minutes).

## [Free Online Course "Introduction to Web Accessibility"](https://www.w3.org/blog/2019/12/free-online-course-introduction-to-web-accessibility/)

[![Introduction to Web Accessibility cover image](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lxb33u2swpod3g9halox.png)](https://www.w3.org/blog/2019/12/free-online-course-introduction-to-web-accessibility/)

Accessibility is a topic that is considered an after-thought and it should not be that way. Great designs are not only visually appealing, but also functional and inclusive. and Accessibility is not only about making the web easy to use for blind people. [website](https://www.w3.org/blog/2019/12/free-online-course-introduction-to-web-accessibility/).

## [Designing for Web Accessibility](https://www.w3.org/WAI/tips/designing/)

[![Designing for Web Accessibility website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/js5dr525iewjgade85ze.png)](https://www.w3.org/WAI/tips/designing/)

This one seems related to the previous one. worth checking it out. [website](https://www.w3.org/WAI/tips/designing/).

## [Learn Design by Figma](https://www.figma.com/resources/learn-design/lessons/)

[![Figma course website](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/t3v0ywwlcyt276jw33th.png)](https://www.figma.com/resources/learn-design/lessons/)

I love that tools like Webflow and Figma create content that helps people learn about the greater topic on what their tool is all about. Figma is the tool I generally use now to create designs, and this seems to be a great resourse to get started with design. [website](https://www.figma.com/resources/learn-design/lessons/).

## Wrap up

I know there are a bunch more resources to get started, but this are the ones I found more interesting and from some of the sources I think are important to follow. If you took one of these courses please let me know your thoughts on it!

### Do you know other courses/resources worth mentioning here?

Please send them to me so I can add them to this post!