Session 12 - JavaScript, Part 5

Harvard Extension School  
Spring 2022

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

Topics

  1. JavaScript and "Ajax"
  2. JS Data Structures - array and "object" (key/value pair)
  3. Ajax - Getting JSON from HTTP request
  4. Same Origin Policy and CORS
  5. Javascript Helping with Navigation
  6. Final Project - Skeleton
  7. Surface

Session 12 - JavaScript, Part 5, slide1
JavaScript, slide2
JavaScript and "Ajax", slide3
A Collection of Technologies, slide4
What can you do with Ajax/XHR?, slide5
JS Data Structures - array and "object" (key/value pair), slide6
Ajax - Getting JSON from HTTP request, slide7
Let's Try It Out!, slide8
Apples, slide9
Apples, slide10
MLB, slide11
MLB - XHR, slide12
MLB - fetch, slide13
MLB - getJSON with jQuery, slide14
National Park Service API, slide15
Same Origin Policy and CORS, slide16
Same Origin Policy, slide17
CORS - Cross Origin Resource Sharing, slide18
JavaScript to Submit a Form, slide19
Javascript Helping with Navigation, slide20
Various Forms of Navigation, slide21
Some navigation systems illustrated, slide22
Navigation , slide23
"You are here" with CSS, slide24
"You are here" with JavaScript, slide25
Pages from Parts and Clamshell Navigation, slide26
Final Project - Skeleton, slide27
Page Components, slide28
Wireframes and Sketches - "Low" to "High" Fidelity, slide29
Surface, slide30
Non-Designer's Design Book, slide31
Non-Designer's Design Book, slide32
Colors, slide33
Home Page -- Don't Make Me Think (Steven Krug), slide34
Don't make me think, slide35

Presentation contains 35 slides