CodePen is a site on which students can create web apps or customize existing web apps that others have actually contributed 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 produce web apps..

Im taking today to recharge and prepare for the next session of the Practical Ed Tech Virtual Summer Season Camp. For the next couple of days Im going to highlight some of my favorite new and new-to-me tools up until now this year..

In the following short video I supply an overview of the basic functions of CodePen. In the video I likewise demonstrate how students can use CodePen to tinker with web apps to find out about the functions on HTML, CSS, and Javascript in a web application..

CodePen uses free and paid plans. My trainees and I have actually just utilized the complimentary strategy so far. Collab Mode would let me and my students work together on projects in real-time much like working in Google Docs.
CodePens paid strategies for educators right here..

CodePen Free and Paid Plans.

This post initially appeared on FreeTech4Teachers.com. If you see it elsewhere, it has actually been used without consent. Websites that regularly steal my (Richard Byrnes) work consist of CloudComputin and WayBetterSite. Included image created by Richard Byrne utilizing Canva.

CodePen offers totally free and paid plans. My trainees and I have only used the free plan so far. Collab Mode would let me and my students work together on projects in real-time much like working in Google Docs.