Session 10 - JavaScript, Part 3

Harvard Extension School  
Fall 2020

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

Topics

  1. Javascript Resources
  2. Data Formats - JSON
  3. Your work easier with jQuery
  4. Separation from Markup
  5. JavaScript - Minifying and CDNs
  6. jQuery Examples
  7. Add Another
  8. Unobtrusive Javascript, Progressive Enhancement, Graceful Degradation
  9. Pancake Menu
  10. Form Price Calculation
  11. jQuery UI
  12. Slideshow
  13. Form Validation
  14. Javascript Helping with Navigation

Session 10 - JavaScript, Part 3, slide1
Javascript Resources, slide2
Document Object Model (DOM), slide3
Data Formats - JSON, slide4
Your work easier with jQuery, slide5
jQuery and $(document).ready();, slide6
Separation from Markup, slide7
Separation from Markup, slide8
JavaScript - Minifying and CDNs, slide9
Load Your Core JS Library through a CDN, slide10
jQuery Examples, slide11
Ice Cream, slide12
Check and Uncheck All, slide13
Add Another, slide14
Chaining jQuery, slide15
Unobtrusive Javascript, Progressive Enhancement, Graceful Degradation, slide16
Progressive Enhancement for "add another", slide17
Ice Cream, slide18
Pancake Menu, slide19
Form Price Calculation, slide20
jQuery UI, slide21
Tabs with jQuery, slide22
jQuery UI Tabs: NOT for site navigation!, slide23
jQuery UI Tabs: Featured Content Slider, slide24
Rotating Carousels, slide25
Other jQuery UI Widgets, slide26
jQuery Datepicker Widget, slide27
jQuery UI Themes, slide28
Slideshow, slide29
Slideshow, slide30
Form Validation, slide31
Form Validation, slide32
Form Validation, slide33
Javascript Helping with Navigation, slide34
Navigation , slide35
"You are here" with CSS, slide36
"You are here" with JavaScript, slide37
Clamshell Navigation, slide38

Presentation contains 38 slides