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