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.

CodePen – One of My New Favorites in 2021 published first on https://youreduio.tumblr.com/

Author: Accomplishly

I'm a freelance journalist and creative writer who immensely enjoys writing and researching into any topic. I offer high quality content writing services. I've participated in a number of projects, and have experience writing for different platforms. It's so interesting to hear the creative ideas that people have, and I find it so rewarding to give a voice to those brainstorms!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s