Re: CW#6 -- Timing

[Akif Eyler]

CW6 -- Timing

* Open this page and click on the buttons several times
https://maeyler.github.io/BLM305/exam/Timing.html
This shows clearly that the first method is about x40 faster

* Using that page and the same data, do a timing study for Array vs Map
1. read all Student id's into Array a using fetch().then()

2. make a Map from id into Student
 map.set(std.id, std)

3. search 10.000 Student id's in both data separately

  Start with a 9-digit number such as 215170000 <-- select randomly

  Use an indexed for loop with 10.000 numbers

  Test:  a.includes(id)  and  map.has(id)

4. report the total number found and timing results (in msec)

  The total number must be the same for both data

* Put your work in your repo and add a link to it on the home page

* Send me a screen shot

On Mon, Nov 12, 2018 at 5:43 

Time measurement:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/now

https://developer.mozilla.org/en-US/docs/Web/API/Performance/now   <-- preferred method

https://www.w3schools.com/jsref/met_win_settimeout.asp

Styles & CSS:

https://www.w3schools.com/html/html_styles.asp

https://www.w3schools.com/html/html_css.asp

Animation:

https://developer.mozilla.org/en-US/docs/Web/API/Web_Animations_API/Using_the_Web_Animations_API

https://maeyler.github.io/BLM305/work/Animation.html   <-- topic of CW6

_Akif_Eyler_