# Session 11 - JavaScript, Part 4

Harvard Extension School
Fall 2021

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

### Topics

1. jQuery
2. "Click" examples
3. jQuery UI
4. Client-side Form Validation
5. Form Validation with jQuery Validation Plugin
6. Creating Content with JavaScript
7. Apples List - Generating Content with DOM methods
8. JavaScript Templates
9. XHR or Ajax
10. JS Data Structures - array and "object" (key/value pair)
11. Ajax - Getting JSON from HTTP request
12. Same Origin Policy and CORS
13. Javascript Templates
14. JavaScript Templates - Apple Picking
15. Handlebars - A few more notes
16. Handlebars - Compiled Templates
17. Final Project - Skeleton

Session 11 - JavaScript, Part 4, slide1
jQuery, slide2
jQuery and $(document).ready();, slide3
"Click" examples, slide4
jQuery and Ice Cream, slide5
jQuery UI, slide6
jQuery UI components, slide7
jQuery Datepicker Widget, slide8
jQuery UI Themes, slide9
jQuery Plugins, slide10
Client-side Form Validation, slide11
JS: Form Validation - DIY (Do It Yourself), slide12
Form Validation with jQuery Validation Plugin, slide13
Form Validation - setting rules with 'class' attributes, slide14
Form Validation - setting rules as configuration, slide15
Form Validation - setting custom messages and error placement, slide16
Form Validation - defining a custom rule, slide17
Creating Content with JavaScript, slide18
Apples List - Generating Content with DOM methods, slide19
Apples List - Generating Content with DOM methods, slide20
Apples List - Generating Content with strings, slide21
JavaScript Templates, slide22
Apples List with Mustache Template, slide23
Apples List with Handlebars Template, slide24
XHR or Ajax, slide25
A Collection of Technologies, slide26
What can you do with Ajax/XHR?, slide27
JS Data Structures - array and "object" (key/value pair), slide28
More JSON objects, slide29
Ajax - Getting JSON from HTTP request, slide30
Let's Try it Out!, slide31
National Park Service API, slide32
Same Origin Policy and CORS, slide33
Same Origin Policy, slide34
CORS - Cross Origin Resource Sharing, slide35
Javascript Templates, slide36
JavaScript Templates - Apple Picking, slide37
Handlebars - A few more notes, slide38
Handlebars Conditionals, slide39
Handlebars - Compiled Templates, slide40
Final Project - Skeleton, slide41
Page Components, slide42
Wireframes and Sketches - "Low" to "High" Fidelity, slide43

Presentation contains 43 slides

- img
- img
- img
- img
- img