Difference between revisions of "Javascript Resources"

From Simson Garfinkel
Jump to navigationJump to search
m
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
==Development Resources==
==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 [https://processing.org/tutorials/ Processing]. There are some really good [https://processing.org/books/ processing books] as well.
 
And if you are looking for playing around with hardware, you might check out [[CircuitPython]].
 
==Recommended JavaScript Tutorials==
The most orderly way to learn JavaScript is to simply read the manual on the Mozilla website. There are also tutorials:
* https://developer.mozilla.org/en-US/docs/Web/JavaScript
 
If you've seen JavaScript but you've never formally learned it, I recommend:
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/A_re-introduction_to_JavaScript
 
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
 
Untrusted is a game played in JavaScript. It's designed to teach secure coding and hacking skills. You win the game by modifying programs.
* https://alexnisnevich.github.io/untrusted/
 
==More Advanced JavaScript==
 
===Online playpens===
Online resources:
Online resources:
* https://codepen.io/
* https://codepen.io/
Line 5: Line 37:
* 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 Stuff==
==Cool Technologies==
===Time Lines===
* https://timeline.knightlab.com/  - Open source JavaScript timelines
* https://timeline.knightlab.com/  - Open source JavaScript timelines
===Tables===
* [https://datatables.net Datatables] (This is the one that I'm using)
** [https://datatables.net/extensions/scroller/examples/initialisation/server-side_processing.html 5,000,000 rows server-side]
** [https://datatables.net/extensions/scroller/examples/initialisation/api_scrolling.html Example showing jump to row 1000]
* [http://tabulator.info Tabulator] (This is a little easier to use)
* https://www.sitepoint.com/12-amazing-jquery-tables/
* https://www.jqueryscript.net/table/


==Tables==
===Random Numbers===
* [https://datatables.net Datatables]
** Easy to implement client-side tables. I haven't figured out server side yet.
* [http://tabulator.info Tabulator]
==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 29: Line 64:
* 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:

Latest revision as of 07:59, 18 September 2020

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.

And if you are looking for playing around with hardware, you might check out CircuitPython.

Recommended JavaScript Tutorials

The most orderly way to learn JavaScript is to simply read the manual on the Mozilla website. There are also tutorials:

If you've seen JavaScript but you've never formally learned it, I recommend:

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:

Untrusted is a game played in JavaScript. It's designed to teach secure coding and hacking skills. You win the game by modifying programs.

More Advanced JavaScript

Online playpens

Online resources:

Books

Selected Blog Posts and Fun Tools

Cool Technologies

Time Lines

Tables

Random Numbers

Especially Laplace distributions...

Probability distributions for JavaScript:

Comments on how random numbers work in web browsers:

Graphing: