JavaScript - slide show case studies

April 7, 2016

Work on JavaScript, Css, html on picture slideshow.

Here is the list of sample code Julia chose to study.
1.
http://robertnyman.com/picture-slides/

Mental skills tip:
Julia read google employer's code about slideshow, how the code is structured and commented, and then, she found her issue.

Learning JavaScript, first thing, is not afraid to break things, learn the grammar first; Fix the style. She spent 3 hours to fix the style problem of her slideshow JavaScript legacy code. Make sure that the style is readable.
For example:
return a=1, b=1, c=1, d=1;
readable style:
return
a=1,
b=1,
c=1,
d=1;

2. page slide show 

http://pgwjs.com/pgwslider/

https://coderwall.com/guangyi/protips#protips

http://cssdeck.com/labs/imageslider-pager

https://github.com/Pagawa/PgwSlider

3. Demo - 

http://devowhippit.github.io/jquery.sldr/

source code:

https://github.com/devowhippit/jquery.sldr

Tips learned on April 8, 2016:

about comma in the JavaScript code: return statement:

http://stackoverflow.com/questions/418799/what-does-colon-do-in-javascript

understand return statement with multiple , commas

http://stackoverflow.com/questions/10284536/return-statement-with-multiple-comma-seperated-values

4. read more about JavaScript

http://www.adequatelygood.com/Writing-Testable-JavaScript.html

http://speakingjs.com/

http://www.itsalif.info/content/good-javascript-practices

Action item: 

Share the slideshow JavaScript as well. Make it more readable, using meaningful variables.