# Session 10 - Javascript, Part 3

Harvard Extension School
Fall 2022

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

### Topics

1. This week's work: JavaScript Choose Your Own Adventures
2. Javascript - What can you do?
3. JS Data Structures - array and "object" (key/value pair)
4. Arrays
5. Loops and Iteration
6. How about key/value pairs?
7. Document Object Model (DOM)
8. Working with Key/Value objects and Arrays
9. Same Origin Policy and CORS
10. Javascript Templates
11. JavaScript Templates - Example
12. Handlebars - A few more notes
13. Maps
14. Google Maps JavaScript API
15. Map with Several Markers
16. Maps - Leaflet JS and Open Street Map

Session 10 - Javascript, Part 3, slide1
This week's work: JavaScript Choose Your Own Adventures, slide2
Javascript - What can you do?, slide3
JS Data Structures - array and "object" (key/value pair), slide4
Arrays, slide5
Loops and Iteration, slide6
How about key/value pairs?, slide7
Document Object Model (DOM), slide8
JavaScript implements DOM methods we can use, slide9
Javascript and DOM: Building Content, slide10
Javascript and DOM: Building Content, slide11
Javascript and DOM: Building Content, slide12
DOM methods vs innerHTML, slide13
Working with Key/Value objects and Arrays, slide14
About JSON, slide15
More JSON objects, slide16
Working with JS data structure to create content, slide17
Same Origin Policy and CORS, slide18
Javascript Templates, slide19
Better with Templates!, slide20
JavaScript Templates - Example, slide21
Handlebars - A few more notes, slide22
Handlebars Conditionals, slide23
There are lots of JS Template systems, slide24
Maps, slide25
Embed a map created using Google's Tools, slide26
Google Maps JavaScript API, slide27
Placing a Marker, slide28
Marker with an Information Window, slide29
Map with Several Markers, slide30
Maps - Leaflet JS and Open Street Map, slide31

Presentation contains 31 slides

- img
- img
- img
- img
- img