Line25

40 Comprehensive Web Design Learning Guides

Read the full post

Add to Flipboard Magazine.

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.

4-Useful-HTML5-Code-Snippets-You-Should-Know

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.

5-code-avengers

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.

6-code-school

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!

7-dash

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.

9-scalable-modular

 

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.

10-techdegree

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!

11-udacity

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.

12-appendto

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.

13-learn-code

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.

14-Eloquent-JavaScript

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.

14-learn-javascropt

Team Treehouse / Javascript

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

15-javascript-basics

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.

16-superhero-js

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.

1-Comprehensive-Beginner’s-Guide-to-AngularJS

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.

Git

Git Tutorials and Training

Become a git guru with this comprehensive list of git tutorials and training course. They are nicely categorized, for easy browsing.

2-git-guru

Gulp

Learning Gulp

This is a guide created by Zell Liew. He will give Gulp 101, in a comprehensive tutorial style.

Node.js

An Absolute Beginner’s Guide to Node.js

“I’ve downloaded Node, now what?” This tutorial answers that question and explains how to get started. Perfect for beginners.

3-node-js

Misc

 

About /robots.txt

Web site owners use the /robots.txt file to give instructions about their site to web robots. Learn how to use it, in this guide.

Bento

Teach yourself to code. This platform offers everything you need to be a self-taught expert developer.

17-bento

DevFreeCasts

Here is a huge collection of free screencasts for developers. It is very useful and it will help you learn new things.

DevTipsForDesigners

DevTips offers weekly videos on web design and development. Each video quickly covers a topic to help us all become more awesome at internet!

18-dev-tips

Git Tower

On this website, you can either join over 500,000 readers with their beginner-friendly book on “Learning Version Control with Git” or take the 24-part video course that takes you from novice to master.

19-tower-learn-code

Coglode

Cognitive lode is a completely free resource that collates the latest research on behavioral economics, cognition, and consumer psychology, and brings it to you in easy-to-understand form.

20-cognitive-lode


  • 187
100 HD Blurred Backgrounds

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of 100 HD Blurred Backgrounds + bonus 10 realistic web shadows.

100 HD Blurred Backgrounds

Written by Iggy

Iggy is a designer who loves experimenting with new web design techniques collating creative website designs. You can follow Iggy on Twitter.

1 Comment

  1. Novage says:

    Very useful information for web designer and developer. I will keep it.

Leave a response