Difference between revisions of "JavaScript"

From Freephile Wiki
Jump to navigation Jump to search
(Info on ECMAScript 6)
(new Section: JavaScript SourceMaps)
(2 intermediate revisions by the same user not shown)
Line 8: Line 8:
 
JQuery is included with [[Drupal]], and is also used in many other projects.
 
JQuery is included with [[Drupal]], and is also used in many other projects.
 
In this slideshow, you can [http://slideshow.rubyforge.org/jquery.html compare JQuery with Prototype]
 
In this slideshow, you can [http://slideshow.rubyforge.org/jquery.html compare JQuery with Prototype]
 
 
=== [http://underscorejs.org/ Underscore.js] ===
 
 
Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. It�s the answer to the question: �If I sit down in front of a blank HTML page, and want to start being productive immediately, what do I need?� � and the tie to go along with jQuery's tux and Backbone's suspenders.
 
  
 
== JavaScript Callbacks ==
 
== JavaScript Callbacks ==
Line 18: Line 13:
  
 
== JavaScript SourceMaps ==
 
== JavaScript SourceMaps ==
 +
See here: https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/
 
Debug minified sources in FireFox or Chrome
 
Debug minified sources in FireFox or Chrome
 
* [https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ tutorial]
 
* [https://developer.mozilla.org/en-US/docs/Tools/Debugger/Source_map_errors Debugging Source map errors]
 
 
== JavaScript 6 ==
 
 
* Basic overviews:
 
** [https://github.com/lukehoban/es6features https://github.com/lukehoban/es6features]
 
** [https://blog.pragmatists.com/top-10-es6-features-by-example-80ac878794bb https://blog.pragmatists.com/top-10-es6-features-by-example-80ac878794bb]
 
* Outstanding book:
 
** [http://exploringjs.com/es6/ http://exploringjs.com/es6/]
 
* The "Can I use?"...
 
** [https://kangax.github.io/compat-table/es6/ https://kangax.github.io/compat-table/es6/]
 
* Sandbox:
 
** [https://es6console.com/ https://es6console.com/]
 
  
 
[[Category:JavaScript]]
 
[[Category:JavaScript]]

Revision as of 07:59, 7 October 2017

Get wp:Greasemonkey (here) so that you can have your browser be even more useful. You might even want to use Super Greasemonkey if you like using the awesome JQuery library. I'm hoping that Super Greasemonkey makes it into the official version, and that you can specify in your script which JQuery library to run (like Google's hosted JQuery scripts) making it easier to keep compatibility with the JQuery API version and also avoiding the need to bundle JQuery.

  • MediaWiki/js talks about using JavaScript in MediaWiki
  • User Scripts are JavaScripts that you insert into your web browser such as Greasemonkey scripts. Userscripts.org is the open source repository of Grease Monkey scripts.
  • MediaWiki/Presentation describes methods to produce presentations from your wiki

JavaScript Libraries[edit | edit source]

JQuery is included with Drupal, and is also used in many other projects. In this slideshow, you can compare JQuery with Prototype

JavaScript Callbacks[edit | edit source]

A great explanation of what are Callbacks and how to use them: http://javascriptissexy.com/understand-javascript-callback-functions-and-use-them/

JavaScript SourceMaps[edit | edit source]

See here: https://www.html5rocks.com/en/tutorials/developertools/sourcemaps/ Debug minified sources in FireFox or Chrome