Session 10 - JavaScript, Part 3

Harvard Extension School  
Spring 2021

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

Topics

  1. Javascript Resources
  2. JS Data Structures - array and "object" (key/value pair)
  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 with jQuery Validation Plugin
  14. Javascript Helping with Navigation

Session 10 - JavaScript, Part 3, slide1
Javascript Resources, slide2
Document Object Model (DOM), slide3
JS Data Structures - array and "object" (key/value pair), slide4
Your work easier with jQuery, slide5
jQuery and $(document).ready();, slide6
Separation from Markup, slide7
JavaScript - Minifying and CDNs, slide8
Load Your Core JS Library through a CDN, slide9
jQuery Examples, slide10
Ice Cream, slide11
Add Another, slide12
Chaining jQuery, slide13
Unobtrusive Javascript, Progressive Enhancement, Graceful Degradation, slide14
Progressive Enhancement for "add another", slide15
Ice Cream, slide16
Pancake Menu, slide17
Form Price Calculation, slide18
jQuery UI, slide19
Tabs with jQuery, slide20
jQuery UI Tabs, slide21
jQuery UI Tabs: Featured Content Slider, slide22
Rotating Carousels, slide23
Other jQuery UI Widgets, slide24
jQuery Datepicker Widget, slide25
jQuery UI Themes, slide26
Slideshow, slide27
Slideshow, slide28
Form Validation with jQuery Validation Plugin, slide29
Form Validation - setting rules with 'class' attributes, slide30
Form Validation - setting rules as configuration, slide31
Form Validation - setting custom messages and error placement, slide32
Form Validation - defining a custom rule, 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