← All Programs

Front-End Frenzy

Front-End Frenzy is an 80-minute workshop. You start with no code experience and finish with a URL — the kind of thing worth pasting into a resume or college application.

Here's a finished example from our mascot Wattson:

Open Finished Example

Day-by-day, step by step.

Day 1

Day 1 - Portfolio Workshop

9 lessons

Today you'll build a magazine-style web profile in CodePen: hero, about, skills, highlights, and a contact footer — styled with editorial CSS and customized until no two pages in the room look the same. The deliverable is a **CodePen URL** you can keep and share.

  1. 01 Workshop Kickoff
  2. 02 How the Web Works
  3. 03 Files & Folders
  4. 04 HTML — Your Content
  5. 05 CSS — Style the Page
  6. 06 Make It Yours
  7. 07 Save & Share
  8. 08 Where to Go Next
  9. 09 Starter Code (Reference)

Build something. Break something. Fix it twice.