Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

Michael Calkins has a whole free, public series called Getting Started with AngularJS on YouTube. It’s pretty neat for us to see, since the entire series uses CodePen to demonstrate the concepts. We of course support Angular.

Here’s the overview video:

Not only is CodePen a perfect place for screencasting because of the single-screen code-and-demo-together but-still-customizable approach, but also because then the demos you make are available publicly for anyone to play with and use.

Michael has lots of fun Angular demos on CodePen. Here’s an interactive music player in about 100 lines of code!

See the Pen YouTube Music Player by Michael Calkins (@michaeljcalkins) on CodePen.