CodePen – One of My New Favorites in 2021

I’m taking this week to recharge and get ready for the next session of the Practical Ed Tech Virtual Summer Camp. For the next few days I’m going to highlight some of my favorite new and new-to-me tools so far this year. 

CodePen is a site on which students can create web apps or modify existing web apps that others have added to the CodePen galleries. The neat thing about CodePen is that in real-time students can see how HTML, CSS, and Javascript are used together to create web apps. 

In the following short video I provide an overview of the basic features of CodePen. In the video I also show how students can use CodePen to tinker with web apps to learn about the functions on HTML, CSS, and Javascript in a web application. 

CodePen Free and Paid Plans

CodePen offers free and paid plans. My students and I have only used the free plan so far. The paid plan offers additional features that could be helpful to me in the future. Those features include Professor Mode and Collab Mode. Professor Mode would let me remotely watch my students’ progress in real-time. Collab Mode would let me and my students collaborate on projects in real-time much like working in Google Docs. You can read more about CodePen’s paid plans for educators right here

This post originally appeared on FreeTech4Teachers.com. If you see it elsewhere, it has been used without permission. Sites that regularly steal my (Richard Byrne’s) work include CloudComputin and WayBetterSite. Featured image created by Richard Byrne using Canva.
Archives

Thank You Readers for 14 Amazing Years!