Intro to Coding

Before We Start

• Sign up for a free CodePen account

During the Workshop

Materials:

• Slides

Code Along:

• Code Along Starter Code

Lab:

• Lab Starter Code
• Image — Lab Part 1 — HTML
• Image — Lab Part 1 — CSS
• Image — Lab Part 2 — Advanced CSS

After the Workshop

Extras:

• Coolors Color Scheme Generator
• Adobe Color Schemes
• Google Fonts
• Starter Template for My Second Website (after class)

Solutions:

• Part 1: HTML CodePen Solution
• Part 2: CSS CodePen Solution
• Part 2: CSS Advanced CodePen Solution