# Session 10 - JavaScript, Part 3

Harvard Extension School
Fall 2021

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

### Topics

1. JS Data Structures - array and "object" (key/value pair)
2. Same Origin Policy and CORS
3. Javascript Templates
4. JavaScript Templates - Example
5. Handlebars - A few more notes
6. JavaScript - Minifying and CDNs
7. Maps
8. Google Maps JavaScript API
9. Map with Several Markers
10. Maps - Leaflet JS and Open Street Map
11. Your work (potentially) easier with jQuery
12. Slideshow
13. Form Validation with jQuery Validation Plugin

Session 10 - JavaScript, Part 3, slide1
JS Data Structures - array and "object" (key/value pair), slide2
More about JSON, slide3
More JSON objects, slide4
Working with JS data structure to create content, slide5
Same Origin Policy and CORS, slide6
Javascript Templates, slide7
Better with Templates!, slide8
JavaScript Templates - Example, slide9
Handlebars - A few more notes, slide10
Handlebars Conditionals, slide11
JavaScript - Minifying and CDNs, slide12
Load Your Core JS Library through a CDN, slide13
Maps, slide14
Embed a map created using Google's Tools, slide15
Google Maps JavaScript API, slide16
Placing a Marker, slide17
Marker with an Information Window, slide18
Map with Several Markers, slide19
Maps - Leaflet JS and Open Street Map, slide20
Slideshow, slide21
Your work (potentially) easier with jQuery, slide22
jQuery and $(document).ready();, slide23
Slideshow, slide24
Form Validation with jQuery Validation Plugin, slide25
Form Validation - setting rules with 'class' attributes, slide26
Form Validation - setting rules as configuration, slide27
Form Validation - setting custom messages and error placement, slide28
Form Validation - defining a custom rule, slide29

Presentation contains 29 slides

- img
- img
- img
- img
- img