How to Learn Web Design and Web Development

During the last couple of weeks, we have talked with a lot of people that want to get into web design and development. We are always glad to see people interested in learning web design. So we gathered around a series of resources and arranged them in the following categories: learning, inspiration, web resources and reading. As we think that this guide is an excellent first start, we will take each class and show you step by step why.

 

Learning

Free Code Camp

1b

We’re an open source community of people who learn to code and help nonprofits.

 

When you need more specific items for your website or you want, for example, to know if a CSS property is working on all browsers have a look on:

 

W3 Schools HTML

2b

Learning the basic elements that create a web page.

 

W3 Schools CSS

3b

Learning how to style those different elements from the web page.

 

W3 Schools Javascript

4b

Learning how to dynamically manipulate different elements from a web page.

 

W3 Schools Bootstrap

5b

Learning how to use the most popular Framework For web, it also includes Responsive functionality.

Guru99 – Introduction to JavaScript

JavaScript is a very powerful client-side scripting language.

Zero to Mastery – The Complete Web Developer in 2021

The Complete Web Developer in 2021 by Zero to Mastery is an online coding bootcamp course that will help you learn HTML, CSS, JavaScript, React, Node.js, Machine Learning & much more. It is great for absolute beginners that want start coding get hired as a Developer.

Zero to Mastery – Complete Web & Mobile Designer in 2021: UI/UX, Figma + more

This online design bootcamp created by Zero to Mastery will help you learn and master web & mobile design, UI & UX, and HTML & CSS. By the end you will be able to design for all types of devices using Figma and other design tools.

 

Inspiration – “Good Designers Copy, Great Designers Steal”

Dribbble

6b

Dribbble is a community of designers sharing screenshots of their work, process, and projects.

 

Site Inspire

7b

siteInspire is a showcase of the finest web and interactive design.

 

Behance

8b

The leading online platform to showcase & discover creative work.

 

Call to idea

9b

Get quickly inspiration!

 

Httpster

10b

Httpster is a showcase of damn hot website design.

 

Free resources [Free&paid]

Designmodo Market

11b

Designmodo Market is a place of carefully selected products for web designers and developers.

 

Creative Tim

12b

Fully coded design resources for web developers.

 

Baianat

13b

Your open source hub that provides you with lovable products and great knowledge.

 

Dribbble Freebies

14b

Show and tell for designers

 

Reading

Don’t Make Me Think

15b

A common sense approach to Web usability.

 

Web Designer Depot

16b

From Photoshop tutorials to WordPress plugins, WDD is the perfect showcase for Web savvy designers.

 

Smashing Magazine

17b

Smashing Magazine is an online magazine for professional Web designers and developers

Diana Caliman

Diana Caliman