How to Use Google Drive to Teach Coding in the Classroom

Coding in the classroom is becoming an increasingly popular thing to do. The Hour of Code helped raise awareness for that, and has brought to light a whole slew of new coding opportunities for teachers and students. I was similarly inspired, and have committed myself to learning HTML and CSS in my spare time this year. However, regardless of what code you decide to learn, or teach, you will need a code editor with which to compile your code. For me, there are few that have more benefits than the free Editey website editor apps.

editey

Editey apps can be installed inside Google Drive. Simply click Create > Connect More Apps, and search for Editey. Once you have installed the apps you want, all you need to do is hit the big red Create button to get started on some code. All your files are then stored inside Drive and can be accessed anywhere, at any time, on a Mac, PC or Chromebook. Better still, any files you create can be shared with other users and worked on in real time. This means students can collaborate with each other on their code, and share it with their teacher when they are done.

Additional Google features that have been integrated with the Editey apps are the ability to leave comments on lines of code, and to use document chat. You also have access to the revision history so that you can turn back the clock if something really goes awry, and you can open multiple code sheets at once to work on related code at the same time. See below:

editey workspaceWhen you are finished writing the code for your website, you can publish it and even have Drive host your files. Alternatively, you can download your files in their native format, or upload them to an FTP server from inside the Editey apps.

Looking for some inspiration? Check out the Editey website. They have a number of website templates in their gallery that students can use to fill in the blanks and build upon, or use to work backwards and work out the code that is needed to produce a given outcome.

The video below has more information, but for Google Apps schools, Editey is a great way to harness Google’s collaborative tools to help teach coding in the classroom.

About these ads

13 thoughts on “How to Use Google Drive to Teach Coding in the Classroom

  1. Thanks for this resource. I’m a teacher who knows zip about code but stumbled upon learn.code.org, tried it, loved it, let my students try it and they’re hooked. BUT, this program starts by instructing an angry bird to move with graphic instructions labeled in English -example: “turn left” and then jumps to full blown code which is gibberish to me. So bummed, I expected it would take us by the hand and teach: “turn left” is written in code like this: ____. What do you recommend to bridge that gap? Is it even possible for someone who knows nothing of code to teach and learn it along with her students?

  2. […] 4. Dash – With a sole focus on website development, Dash is a well laid-out, and easy to use online coding school for HTML/CSS and Javascript. It has 5 in-depth tutorials that will teach you how to create a personal website, a blog, a business website, a CSS robot, and a Madlibs game. At the end of each lesson, students are encouraged to use what they learned and create a project of their own outside of Dash. A good option for doing this might be the Editey apps that let you share websites hosted on Google Drive. […]

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 )

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s