Lectures & Demos

Lecture 1: Hello World

Lecture 2: How the Internet Works & How to Stay Organized

Lecture 3: Site Planning and HTML Markup Basics

Basic Tags:

• document structure tags
• text tags
• link tag
• image tag
• grouping tags

Lecture 4: Styling and CSS Basics

Basic CSS Demo Files:

• style sheet locations (inline, internal, external)
• text styles (font, colors, backgrounds, classes, ids, :hover, etc.)

Lecture 5: CSS Layout

Layout Demos on Codepen:

• floats
• positioning

Lecture 6: Advanced CSS — Motion and Effects

Lecture 7: Visual Design and Hierarchy

Lecture 8: Responsive Web Design

Lecture 9: Navigation and Interaction

Lecture 11: Javascript Demo Files: counter squares counter squares

Lecture 12: jQuery

Lecture 13: Plugins, Troubleshooting, & Publishing to the Web