Code an Interactive Image Sidebar Wrap-Up

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

Now users can access all kinds of information using your spreadsheet.

You learned that if an application doesn't have a function you want, you may be able to write code to create it yourself.

In this lesson, you... Copied example code to create a sidebar, searched Google Maps to find images of your locations, embedded an interactive image in your code to make it appear in your sidebar.

Altered the code to have it draw embed urls from the spreadsheet and show the appropriate image in the sidebar, and edited your code to customize menu names and the sidebar title.

The code you created in this lesson can be used in any spreadsheet about any subject.

For example, this cat care spreadsheet uses the same code.

It creates a custom menu with embedded images to show pet caretakers photos of the cats.

Creating new projects and coding add-ons takes some work.

But, once you've created something, you can reuse that work to make new items and add exciting features to more projects.

For example, to create a similar project, you could make a copy of your spreadsheet and rename it.

Then, you could fill it in with different data and embedded links.

Throughout this lesson you learned that computer programmers often search the internet to get help creating code that suits their needs.

You also practiced digital skills that you can apply to customize your work and develop new tools in a variety of situations.

Whether you want to create a portfolio of artwork, develop a new application, or automate tasks to help you work more efficiently, the coding and spreadsheet skills you learned in this lesson can help you succeed.

In the next lesson, you will reuse the code and the data in your spreadsheet to make an interactive map of the area in your guide.