# Session 10 - Javascript, Part 3

Harvard Extension School
Fall 2024

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

### Topics

1. Announcements
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
17. Image Galleries
18. Form Validation

Session 10 - Javascript, Part 3, slide1
Announcements, slide2
Assignment 08: JavaScript Choose Your Own Adventures, slide3
Javascript - What can you do?, slide4
JS Data Structures - array and "object" (key/value pair), slide5
Arrays, slide6
Loops and Iteration, slide7
How about key/value pairs?, slide8
Document Object Model (DOM), 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
Maps, slide24
Embed a map created using Google's Tools, slide25
Google Maps JavaScript API, slide26
Placing a Marker, slide27
Marker with an Information Window, slide28
Map with Several Markers, slide29
Maps - Leaflet JS and Open Street Map, slide30
Image Galleries, slide31
Form Validation, slide32

Presentation contains 32 slides

- img
- img
- img
- img
- img