Assignment 7: JavaScript

Resources

• Here's a video I made on using JavaScript to make Carto maps
• The the Carto.js documentation is pretty exhaustive and will cover way more than you need to know.
• The Mozilla Developer Network contains an excellent JavaScript reference.

Part 1: JavaScript

You're not expected to fully know JavaScript for this course. However, being able to find answers to JavaScript questions and understand the fundamentals will make the next few weeks much easier for you. With that in mind, explore the introductory lessons from one of the following JavaScript courses:

• Khan Academy
• Codecademy
• Eloquent JavaScript

Part 2: Use Carto.js to put a map on your page

Here we continue to improve our page from Assignment 6, Part 2.

1. Replace the embedded map on your web page you made for Assignment 6, Part 2. Use Carto.js to put the map on the page rather than using the embed code (iframe) that you used previously. This page contains an example of doing this.
2. Make a button or a dropdown that changes which features are visible on your map. Use JavaScript to listen for changes to the button or dropdown and update the map's SQL accordingly. There are two templates you might use for this from the materials this week: button, dropdown.
3. Post the updated page online using GitHub Pages.

Submitting your work

Submit a screenshot showing that you've explored some JavaScript learning options for Part 1.

Submit a link to your page online for Part 2.

You may optionally choose to include a short paragraph response or summary of your work.