1. Home
  2. Modules
  3. UI Design (Basics)

Module: UI Design (Basics)

Learn to design basic web pages using HTML and CSS.

Learning Outcomes

Design and implement web pages using HTML and CSS

Readings

Guided tour of the UI Design (Basics) module

Why, what, how, and when you will learn about user interface design basics.

Screencast 5 min

UI Design Basics

Introduction to user interface design using HTML and CSS and supporting tools.

Screencast 11 min

Getting started with Google Web Fonts

How to use the Google Web Fonts API to add fonts to your web pages.

Ten Google WebFont Combinations

A hand-picked set of 10 title/text font combinations.

Chrome Developer Tools

Documentation for the developer tools associated with the Chrome browser.

Experiential Learning

E29: FreeCodeCamp HTML5 and CSS

Learn about HTML and CSS using FreeCodeCamp

5 hours 26 Sep 11:30 PM

E30: BrowserHistory1

Develop a web page using basic HTML.

Practice WOD 27 Sep 11:30 PM

E31: BrowserHistory2

Develop a web page using basic CSS and Google Web Fonts.

Practice WOD 28 Sep 11:30 PM

E32: BrowserHistory3

Develop a funky multi-column web page with a navbar.

Practice WOD 29 Sep 11:30 PM