Teaching Front-end on CodePen


April 06, 2015

The sound of metal chairs hitting the stairwell on the way up as I prepare for the morning class on Saturday at the downtown office. My workshop was to start at 9am followed by Trent's Responsive session at 1pm.


I sent out an email for my attendees to sign up for a free CodePen account. I knew using CodePen would be a lot easier than getting everyone setup on the same environment locally. CodePen turned out to work beautifully. I found that the right column layout for editors made it easier to use when presenting.



At the end of my workshop (for the last hour) I gave my students a task to build out an online resume and I would be going around helping one-on-one. I made a collection on CodePen of those student pens I could find.

See the Pen RNmwJj by Elizabeth Becker (@spelatica) on CodePen.

See the Pen ByeaVP by Danielle (@DanielleMoser) on CodePen.

See the Pen LEoYJW by Dasha (@dashar) on CodePen.

See the Pen Resume by Carlos Menchaca (@carlosmenchaca) on CodePen.

See the Pen ragNra by Ben Hasson (@benhasson) on CodePen.

See the Pen VYOwGz by Jason Wingo (@bmw633o1) on CodePen.

See the Pen GgaRGQ by Oscar Morris (@oscarmorris) on CodePen.

Latest Thoughts

Thanks for stopping by!