Session 09 - JavaScript, Part 2

Harvard Extension School  
Spring 2021

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

Topics

  1. JavaScript
  2. JS Data Structures - array and "object" (key/value pair)
  3. Review: Building a List
  4. Separate JavaScript from HTML Markup wtih "addEventListener"
  5. Table striping with Javascript
  6. Things will go wrong...the Javascript Console is your friend
  7. Your work easier with jQuery
  8. jQuery Plugin - Tablesorter
  9. Separation from Markup
  10. jQuery Examples
  11. Add Another
  12. Unobtrusive Javascript / Progressive Enhancement
  13. JavaScript - Minifying and CDNs

Session 09 - JavaScript, Part 2, slide1
JavaScript, slide2
Javascript, slide3
Javascript Resources, slide4
JS Data Structures - array and "object" (key/value pair), slide5
Loops and Iteration, slide6
Review: Building a List, slide7
Separate JavaScript from HTML Markup wtih "addEventListener", slide8
Table striping with Javascript, slide9
Things will go wrong...the Javascript Console is your friend, slide10
Example: Highlight By Age, slide11
Highlight By Age Example, slide12
Your work easier with jQuery, slide13
jQuery: Table Striping, slide14
jQuery and $(document).ready();, slide15
jQuery Plugin - Tablesorter, slide16
Tablesorter Example as a JSFiddle, slide17
Separation from Markup, slide18
Separation from Markup, slide19
jQuery Examples, slide20
Ice Cream, slide21
Check and Uncheck All, slide22
Add Another, slide23
Chaining jQuery, slide24
Unobtrusive Javascript / Progressive Enhancement, slide25
Progressive Enhancement for "add another", slide26
Ice Cream, slide27
JavaScript - Minifying and CDNs, slide28
Load Your Core JS Library through a CDN, slide29

Presentation contains 29 slides