Students Can Tinker With Web Apps on CodePen

Last week at the end of Two Ed Tech Guys Take Questions & Share Cool Stuff I briefly mentioned a site called CodePen that I’ve been using with my students for the last couple of weeks. 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.

Students Can Tinker With Web Apps on CodePen 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

%d bloggers like this: