CodePen – One of My New Favorites in 2021
10851
post-template-default,single,single-post,postid-10851,single-format-standard,bridge-core-1.0.7,ajax_fade,page_not_loaded,,qode-title-hidden,qode_grid_1300,hide_top_bar_on_mobile_header,qode-content-sidebar-responsive,qode-child-theme-ver-1.0.0,qode-theme-ver-18.2.1,qode-theme-bridge,disabled_footer_bottom,qode_header_in_grid,wpb-js-composer js-comp-ver-6.0.2,vc_responsive

05 Jul CodePen – One of My New Favorites in 2021

Posted at 19:10h in education by

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.

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 PlansCodePen 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, coding, Computer Science, CSS, Free Technology For Teachers, free web apps, how to, Javascript, ProgrammingRead More

Print page
0 Likes
No Comments

Sorry, the comment form is closed at this time.