Session 11 - JavaScript, Part 4

Harvard Extension School  
Spring 2021

Course Web Site: https://cscie12.dce.harvard.edu/

Topics

  1. XHR or Ajax
  2. JS Data Structures - array and "object" (key/value pair)
  3. JSON - Creating Content with JS and DOM
  4. JSON - Creating Content with jQuery
  5. Creating Content with XHR, jQuery, and JSON
  6. Same Origin Policy and CORS
  7. Javascript Templates
  8. JavaScript Templates - Example
  9. JavaScript Templates - Apple Picking
  10. JavaScript Templates - Courses
  11. Course Search Example - Live!
  12. Handlebars - A few more notes
  13. Handlebars - Compiled Templates
  14. Maps
  15. Google Maps JavaScript API
  16. Map with Several Markers
  17. Maps - Leaflet JS and Open Street Map
  18. Pancake Menu
  19. Form Price Calculation

Session 11 - JavaScript, Part 4, slide1
XHR or Ajax, slide2
A Collection of Technologies, slide3
What can you do with Ajax/XHR?, slide4
JS Data Structures - array and "object" (key/value pair), slide5
More JSON objects, slide6
JSON - Creating Content with JS and DOM, slide7
JSON - Creating Content with jQuery, slide8
Creating Content with XHR, jQuery, and JSON, slide9
Same Origin Policy and CORS, slide10
Same Origin Policy, slide11
CORS - Cross Origin Resource Sharing, slide12
Javascript Templates, slide13
Better with Templates!, slide14
JavaScript Templates - Example, slide15
JavaScript Templates - Apple Picking, slide16
JavaScript Templates - Courses, slide17
Course Search Example - Live!, slide18
Handlebars - A few more notes, slide19
Handlebars Conditionals, slide20
Handlebars - Compiled Templates, slide21
Maps, slide22
Embed a map created using Google's Tools, slide23
Google Maps JavaScript API, slide24
Placing a Marker, slide25
Marker with an Information Window, slide26
Map with Several Markers, slide27
Maps - Leaflet JS and Open Street Map, slide28
Pancake Menu, slide29
Form Price Calculation, slide30

Presentation contains 30 slides