# 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

- img
- img
- img
- img
- img