Coding for Designers (Aquent)

Coding for Designers (Aquent)
Free Course
Categories
Effort
Certification
Languages
5+ Years Professional Graphic/Web Design Experience (page layout, color, typography, visual communication)
Misc

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Coding for Designers (Aquent)
Coding for Designers is a free, self-paced introductory course to HTML and CSS for designers with graphic design experience. No prior web or coding experience is necessary.

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Students will learn how to translate graphic design to the web; about common pitfalls many print designers face when moving to the web; the basics of how HTML, CSS, and JavaScript work together; how to prototype designs into working web pages; and how to troubleshoot layout and code problems when they come up.

COURSE OUTLINE:

- Lesson 1: How Web Design Is Different From Print Design

An introduction to design principles on the web. We’ll explore examples and discuss context, but won’t begin coding yet.

- Lesson 2: “Hello World,” Coding Pages, And Fixing Problems

An introduction to coding HTML5 and CSS. We’ll set up our tools and start building pages.

- Lesson 3: Page Layout And Color With CSS

A deep-dive into CSS and how to merge visual design with website language. We’ll cover layout boxes, shapes, color, and the basics of page layout.

- Lesson 4: Typography On The Web

A focused introduction to what can (and can’t) be done with type on web pages. We’ll cover typefaces and licensing, sizing type, leading and kerning, and drop shadows.

- Lesson 5: Create A Mobile Website

The “mobile first” philosophy and why it’s useful for web designers. We’ll cover buttons, links, and scrolling layouts.

- Lesson 6: Create A Complete Website With Twitter Bootstrap

It’s time to apply for the final project: building a desktop website from a comp with the help of the very popular Twitter Bootstrap framework.





MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Free Course
5+ Years Professional Graphic/Web Design Experience (page layout, color, typography, visual communication)

MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.