Assignment 7: JavaScript
Resources
The class page has many Glitch sites that are examples of doing various tasks with Carto and JavaScript. Let me know if you are trying to do something with JavaScript that is not listed there.
I recommend that you work through a bit more of the JavaScript resources I outlined in Assignment 7:
- Khan Academy (online interactive course)
- Codecademy (online interactive course)
- Eloquent JavaScript (book, mostly text)
- javascripting (interactive, in Glitch)
- lynda.com: JavaScript Essential Training (videos, usually expensive but free through the New School)
- Video: Carto.js with two layers
This week please focus on functions and events.
Remember
You have a final project milestone due April 1st.
Continue working with JavaScript
Try to accomplish both of the following tasks on a Carto map using HTML, CSS, and JavaScript. You could continue with the page and map you have been using for the past few assignments, start a new one, or work on one that is more relevant to your project.
(1) Add another layer to your map
Modify the map that you have made in JavaScript to have two or more layers from Carto. You can use this Glitch site as an example to work from.
(2) Filter data with a button
Filter the data displayed on the map using a button and SQL. You might find this Glitch example helpful as you do so. When the user clicks the button, your page should filter the data on your map. Feel free to add more buttons to your page as are useful.
Submitting your work
Submit a link to the page on Glitch and a short paragraph response or summary of your work.