Introduction to Code an Interactive Image

In previous lessons, you built your area guide, added data to your spreadsheet, and sorted and filtered the spreadsheet to personalize that data.

In this lesson, you will write code to make your area guide more interactive and visual.

"Code" is a set of instructions a computer follows to complete a task.

Writing code can be a complex process and it often requires trial and error.

If you make mistakes while coding it is O-K, even professional coders make mistakes.

They often ask colleagues for help or search for coding solutions online.

To make the coding process simpler, they also break the task into smaller steps that are easier to code.

Coding is a powerful skill.

As you'll see, it only takes a little bit of coding knowledge to add exciting features to a project like your area guide.

In this lesson, you will... Create an interactive sidebar, add a clickable menu to make the sidebar appear, and program the sidebar to appear when a user clicks on a link to an image.

To begin, open your area guide spreadsheet if it isn't open already.

Then, open Apps Script.

This is where you will write the code for your interactive sidebar.

Name this project Location Sidebar.

Now, it's your turn: Open your area guide spreadsheet, open Apps Script, and name the project Location Sidebar.