Foundations of Web Design

Take your first step toward becoming a developer.

View Syllabus Register ($199)

What You Will Learn

HTML

Hypertext Markup Language (HTML) is the language used to render content in a web browser. It provides tags to assign various pieces of content to tell the browser how the content should be rendered.

  •  Elements and Tags
  •  Attributes
  •  Document Object Model

CSS

Cascading Style Sheets (CSS) are how we style and format the content of a web page. CSS allows us to select elements and specify style rules for individual properties of those elements.

  •  Selectors
  •  Style Rules
  •  Classes and Identifiers

Bootstrap

Originally created at Twitter, Bootstrap has become the go-to framework to make websites mobile-responsive. Bootstrap's grid system allows us to easily define style rules for different screen sizes.

  •  Grid System
  •  Bootstrap Classes
  •  Components

Syllabus

Preparation

Video Lectures
Before coming to class, students much watch the online video lectures on HTML, CSS, Bootstrap CSS, and Bootstrap Components. Students will receive access to these videos in the member portal immediately following registration.

9:00 - 9:30

Environment Setup
The setup video lectures guide students through setting up their computer for web development. However, students may need additional assistance. We will begin class by ensuring everyone is ready to proceed together.

9:30 - 10:00

Project Overview and Pair Formation
The course takes a collaborative, learn-by-doing approach. Students are assigned a project where they must implement a webpage design using HTML, CSS, and Bootstrap. Students will work in pairs to accomplish this.

10:00 - 11:00

DOM Architecture
The first step to converting a design into a webpage is to deconstruct the various elements of the design in order to architect the Document Object Model (DOM).

11:00 - 12:00

HTML Implementation
Once the DOM architecture is defined, students will implement their architecture in HTML. Students will adopt a common technique used in industry called pair programming.

12:00 - 1:00

Lunch

1:00 - 1:30

HTML Instructor Review
After students have had a chance to implement the webpage design in HTML themselves, the class reconvenes and the instructor walks through an implementation. Students who did not fully complete their implementation may download the instructor's before moving on.

1:30 - 2:30

Style Planning
With the HTML implemented, it is time to style the page to match that of the provided design. Students must research and identify the various properties of each element they need to style.

2:30 - 3:30

CSS Implementation
With a styling plan in place, students must implement their plan in CSS. Students are expected to use Bootstrap's grid system as well as Bootstrap's classes and components wherever possible.

3:30 - 4:00

CSS Instructor Review
After students have had a chance to style their webpages, the class reconvenes and the instructor walks through an implementation. Students may download the instructor's implementation for future reference after the class.

Learn Web Design

Register ($199)