Skip to content

Latest commit

 

History

History
23 lines (19 loc) · 1.68 KB

LIVECODETASKS.md

File metadata and controls

23 lines (19 loc) · 1.68 KB
Raw
  • Create an index.html with a basic HTML page structure
  • Create an empty CSS file for the project
  • Create an empty JavaScript file for the project
  • Link to the empty CSS file from the bottom of the head of your HTML file
  • Link to the empty JavaScript file from the bottom of the body of your HTML file
  • Add a level-1 heading (h1) to the body with the app title, just so there's something to see on the page

Check the app in the browser.

  • Add a Leaflet map for displaying the list of stops to the page

  • Import the data from site/data/stops.js into your JavaScript file.

  • Import the data from site/data/universitycity.js into your JavaScript file.

  • Add the University City shape to the map. Style it so that it has some pop.

  • Create a function called makeStopFeature to transform one of the stop elements into a GeoJSON-like feature.

  • Use the function to display all the stops data on the map.

  • Create a function to show an array of stops on the map. Call the function showStopsOnMap

  • Create a list element (unordered -- ul) in the HTML give it an id of stop-list

  • Write a function that fills in the list with list item (li) elements for each stop in an array

  • Add a checkbox for each route in University City.

  • Add a text box to filter stops whose name contains a given string. The text box should have an id of stop-name-filter.

  • Write a predicate function called shouldShowStop that will return true if a given stop should be shown according to the currently selected filters, and will return false if a given stop should not be shown. For now, ignore the filters and always return true.