40 Comprehensive Web Design Learning Guides

We’re on a learning spree! If you liked our premium code courses post, then you’ll definitely like this one as well! We selected 40 comprehensive web design learning guides and shared them here with you.

Some of these web design learning guides are free (most of them), while others are platforms with paid courses, but which usually offer a free trial period.

We categorized them into Angular JS, HTML/CSS, Javascript and jQuery, Git, Gulp, and Miscellaneous. These learning guides cover a wide array of subjects and are perfect for both beginner and more advanced web designers or developers.

Here they are! We hope you’ll find them useful and decided to follow some of these courses and improve your skills. Let us know which one looks the most interesting to you, in the comment section below.

HTML & CSS

20 Useful HTML5 Code Snippets

HTML5 is very popular and used by all web developers. Get some useful HTML5 resources from this article which brings you 20 most useful HTML5 snippets.

Building Your First Web Page

This guide will show you how to build your own websites using the two most dominant computer languages — HTML and CSS.

Code Avengers

Learn to build websites, apps and games in a fun and effective way. Code Avengers team includes a mix of school teachers, academics, software developers, designers and business people.

Codecademy / HTML & CSS

Codecademy is an education company. On its website, you can learn how to create websites by structuring and styling your pages with HTML and CSS.

Code School

Code School courses are organized into Paths based on technology. Navigate their learning Paths to find the right course for you.

CSS-Guidelines

Here are some high-level guidelines for writing manageable, maintainable CSS. Very useful for beginners.

Dash

Dash teaches HTML, CSS, and Javascript through fun projects you can do in your browser!

Dive Into HTML5

Dive Into HTML5 introduces you to a hand-picked selection of features from the HTML5 specification and other fine standards.

Grid

This is a simple guide to responsive design, Made by Adam Kaplan. It is intended to be more of a learning tool than a standalone framework.

8-grid

Learn CSS Layout

This site teaches the CSS fundamentals that are used in any website’s layout, for those of you who know what selectors, properties, and values are.

Scalable and Modular Architecture for CSS

SMACSS is more of a style guide rather than rigid framework. There is no library within here for you to download or install.

Teaching Materials / HTML & CSS

This course gives an overview of HTML & CSS, with some mention of newer HTML5 features. There are six lessons and they can be done in a one-day workshop.

Team Treehouse

Learn web Design, coding & much more.It comes with a free trial you can use and covers a wide array of web design subjects you can learn.

Udacity

Udacity was born out of a Stanford University experiment and now brings you a wide array of courses, from various niches. Check it out and start learning how to code, today!

Using CSS Flexible Boxes

The CSS3 Flexible Box, or flexbox, is a layout mode you can learn how to use in this comprehensive guide.

WebPlatform Docs / CSS

Cascading Style Sheets (CSS) is a language that applies presentation (styling, layout, animation) to markup content and you can learn its basics, right here in this guide.

WebPlatform Docs / HTML

Hypertext Markup Language (HTML) is the markup language for web pages and you can learn its basics, in this comprehensive guide.

Javascript & jQuery

appendTo

This website offers web development training for teams. It delivers expert-led, highly-customized training solutions focused on helping you and your team get better at your craft.

Codecademy / Javascript

Learn the fundamentals of JavaScript, the programming language of the Web, with this great guide.

Codecademy / jQuery

Learn how to make your websites interactive and create animations by using jQuery, with these awesome courses!

Code Combat

CodeCombat is a platform for students to learn computer science while playing through a real game. Their courses have been specifically play-tested to excel in the classroom, even by teachers with little to no prior programming experience.

How jQuery Works

This is a basic tutorial, designed to help you get started using jQuery.

Eloquent Javascript

This is a book about JavaScript, programming, and the overall digital environment. You can read it online or get your own paperback copy of the book.

Learning jQuery with Street Fighter and Hadoukens

This interactive guide will teach you a basic understanding of jQuery and how to use it on your own projects. You’ll learn to select elements, modify them and create cool jQuery animations.

Life of Javascript

These are some of the best books on Javascript, a must-read for all web developers interested in knowing more about Javascript.

Team Treehouse / Javascript

In this course, you’ll learn the fundamental programming concepts and syntax of the JavaScript programming language.

Team Treehouse / jQuery

You’ll build several projects over the course to give you the confidence to integrate jQuery in your own projects.

Superhero.js

This page is a collection of the best articles, videos, and presentations we’ve found on JavaScript.

AngularJS

AngularJS-Learning

Here are a bunch of links to blog posts, articles, videos, and other resources for learning AngularJS.

Comprehensive Beginners Guide to AngularJS

If you want to start working with AngularJS, this is the beginner’s guide you need to read. It takes you only 33 minutes to read this post and it offers lots of valuable information.

Ultimate guide to learning AngularJS in one day

Angular is a client-side MVC/MVVM framework built in JavaScript. This post is a great course which offers the author’s advice and best practices he picked up from using AngularJS.