Difference between revisions of "Javascript Resources"
From Simson Garfinkel
Jump to navigationJump to search
m |
m |
||
| Line 1: | Line 1: | ||
==Why JavaScript? | |||
JavaScript is my recommended first language for aspiring programmers---not Python. The reason is that JavaScript is built into every browser, so no matter where you are or what kind of computer you have, you can start playing with JavaScript. And as soon as you have learned a little, you can do neat things like interactive graphics, extend Google's Chrome Browser, and so on. | JavaScript is my recommended first language for aspiring programmers---not Python. The reason is that JavaScript is built into every browser, so no matter where you are or what kind of computer you have, you can start playing with JavaScript. And as soon as you have learned a little, you can do neat things like interactive graphics, extend Google's Chrome Browser, and so on. | ||
| Line 16: | Line 18: | ||
* https://javascript.info/ - The Modern JavaScript Tutorial | * https://javascript.info/ - The Modern JavaScript Tutorial | ||
== | ==More Advanced JavaScript== | ||
===Online playpens=== | |||
Online resources: | Online resources: | ||
* https://codepen.io/ | * https://codepen.io/ | ||
| Line 22: | Line 26: | ||
* https://bokeh.pydata.org/ | * https://bokeh.pydata.org/ | ||
==Books== | ===Books=== | ||
* https://eloquentjavascript.net/ | * https://eloquentjavascript.net/ | ||
==Blog Posts== | ===Selected Blog Posts and Fun Tools === | ||
* https://dmitripavlutin.com/how-three-dots-changed-javascript/ | * https://dmitripavlutin.com/how-three-dots-changed-javascript/ | ||
==Cool | ==Cool Technologies== | ||
===Tables=== | |||
==Tables | |||
* https://www.sitepoint.com/12-amazing-jquery-tables/ | * https://www.sitepoint.com/12-amazing-jquery-tables/ | ||
* https://www.jqueryscript.net/table/ | * https://www.jqueryscript.net/table/ | ||
===Time Lines=== | |||
* https://timeline.knightlab.com/ - Open source JavaScript timelines | |||
===Choices=== | ===Choices=== | ||
| Line 42: | Line 46: | ||
* [http://tabulator.info Tabulator] | * [http://tabulator.info Tabulator] | ||
==Random Numbers== | ===Random Numbers=== | ||
Especially Laplace distributions... | Especially Laplace distributions... | ||
* http://jsfiddle.net/KkDVr/2/ - Noise generation, showing on a canvas | * http://jsfiddle.net/KkDVr/2/ - Noise generation, showing on a canvas | ||
| Line 53: | Line 56: | ||
* https://www.npmjs.com/package/probability-distributions | * https://www.npmjs.com/package/probability-distributions | ||
* https://github.com/Mattasher/probability-distributions | * https://github.com/Mattasher/probability-distributions | ||
Comments on how random numbers work in web browsers: | Comments on how random numbers work in web browsers: | ||
Revision as of 12:49, 20 October 2019
==Why JavaScript?
JavaScript is my recommended first language for aspiring programmers---not Python. The reason is that JavaScript is built into every browser, so no matter where you are or what kind of computer you have, you can start playing with JavaScript. And as soon as you have learned a little, you can do neat things like interactive graphics, extend Google's Chrome Browser, and so on.
Core skills you want to learn:
- JavaScript
- HTML --- the language in which pages are authored
- CSS - Cascading Style Sheets. How to make web pages pretty.
- JQuery - How to use JavaScript effectively.
If you are solely interested in graphics, you might also look at Processing. There are some really good processing books as well.
Recommended JavaScript Tutorials
There are many online JavaScript tutorials. These all allow you to try out things in your browser directly, and don't require that you create accounts:
- https://www.w3schools.com/js/
- https://www.learn-js.org/
- https://javascript.info/ - The Modern JavaScript Tutorial
More Advanced JavaScript
Online playpens
Online resources:
Books
Selected Blog Posts and Fun Tools
Cool Technologies
Tables
Time Lines
- https://timeline.knightlab.com/ - Open source JavaScript timelines
Choices
Random Numbers
Especially Laplace distributions...
- http://jsfiddle.net/KkDVr/2/ - Noise generation, showing on a canvas
- http://jsfiddle.net/Xotic750/DXXhs/ — Gaussian distribution
Probability distributions for JavaScript:
- http://statisticsblog.com/probability-distributions/#laplace
- https://www.npmjs.com/package/probability-distributions
- https://github.com/Mattasher/probability-distributions
Comments on how random numbers work in web browsers:
- https://bocoup.com/blog/random-numbers
- http://simjs.com/random.html
- http://mathjs.org/docs/reference/functions/random.html
- https://www.filosophy.org/post/35/normaldistributed_random_values_in_javascript_using_the_ziggurat_algorithm/
Graphing:
