Veronica With Four Eyes

Hopscotch Coding App Review

A couple of months ago, I discovered the Hopscotch app on an elementary school iPad. At first, I wasn’t sure what the app was supposed to do. It seemed to be popular with students though,  so I decided to check it out for myself. I was amazed to find out that the Hopscotch app was filled with lots of great kid-friendly resources for coding, and I found myself wishing that this was around when I was in elementary school. In honor of Computer Science Education Week, here is my Hopscotch coding app review.

Related links

What is Hopscotch?

Hopscotch is a free iOS app that is designed to teach kids to write their own code and programs in the Hopscotch programming language. This is accomplished by teaching kids how to design their own mobile games and incorporating real-world coding concepts such as loops and conditionals. After creating a game, they can play their game and share it with others in a moderated environment. For $7.99 a month or $79.99 a year, users can also get more customization features and tutorials to create a game that is truly one of a kind, though I will only be sharing features from the free app.

Related links

Required technology skills for Hopscotch

Users will need the following technology skills to use the Hopscotch app:

  • Ability to select items from a list
  • Knowledge of gesture controls
  • Track moving items on a screen
  • Basic typing

This app is recommended for users with a developmental age of 9 and older.

Create an account

When users first download the app, the home screen asks if the user is an educator or parent. This is because of the Children’s Online Privacy Protection Act that prevents internet data from being collected on children under 13. Hopscotch can be used without an account, though users can also create a free profile by providing a username, password, and email. I use the app without an account because I didn’t find an account to be necessary.

Hopscotch Interface

The Hopscotch app features lots of rich colors and a drag-and-drop programming interface. This is very similar to the popular Scratch language. Many of the icons are picture-based, so users don’t have to worry about doing a lot of reading or straining to see what an object looks like. Users can choose to have Hopscotch videos play alongside their projects in a small window so they can follow along and create code with the help of additional resources- more on that in a minute. The drag-and-drop interface reminds me of creating iOS Shortcuts.

Related links

Hopscotch Accessibility

The Hopscotch app can be used with the Zoom magnifier on iOS with ease. This is provided that the user knows how to move items around on the screen. I used the smaller viewfinder window to magnify items and found that this worked perfectly in ensuring the layout of the game was preserved.

Unfortunately, like most mobile games, Hopscotch is not VoiceOver compatible. This is because users are unable to select buttons in order to insert shapes. I hope that VoiceOver compatibility will be added in the near future.

Alternatives for VoiceOver users

For students who use VoiceOver that want to create their own code, I recommend two different free apps.

  • The first app is SoloLearn, which provides free tutorials on a variety of programming languages.
  • The second app/website is the IDE. This allows users to write code in several different languages with full VoiceOver and screen reader support.

Related links

Start from scratch

After opening a new project, users can select or create objects to add to the screen from a series of preloaded shapes and images. There’s also the option to upload your own images with a paid subscription.

Once a shape is selected, users determine how they will be used in the game. This is done by choosing actions from the menu on the bottom of the screen. This is similar in layout to the emoji keyboard since it is divided into categories.

Once that is done, users can arrange these actions to form loops, conditionals, and similar concepts.

After actions have been added, users can hit the play button and see how their game looks in real time.

Get started with code

When users choose to get started with code, they can see videos played in a small, positionable vertical window on the side of their screen. Video topics include sequencing, loops, events, debugging, if statements, algorithms, and variables. As the video plays, users go through a tutorial on the different coding concepts and can try these concepts out for themselves. I like that the video can be sped up or slowed down by quickly tapping on the bottom left corner of the video.

Build a game

Maybe you want to go straight into building an exciting game with lots of different elements. The build a game option allows users to listen to video tutorials and build a game of their own. I had fun testing out the Hour of Code games, especially “Don’t Drop Your Phone” where the user has to keep iPhones from falling in the toilet. This is great for students who prefer more structured activities.

Should I download Hopscotch?

I wish that Hopscotch had VoiceOver support, since the layout is fairly simple and the buttons already have text and symbols on them anyway. However, I am glad that the Zoom magnifier is supported for users with low vision. Plus, the app is fairly easy to use, even for coding novices. I recommend trying out the Hopscotch app for kids and seeing if it will work well for your needs.

How to use the free Hopscotch coding app to learn programming concepts and promote STEm education