# Session 10 - Javascript, Part 3

Harvard Extension School
Fall 2023

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
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
Image Galleries, slide32
Form Validation, slide33

Presentation contains 33 slides

- img
- img
- img
- img
- img