Difference between revisions of "Javascript FAQ"

Jump to: navigation, search
(Remove notes about yui_module() as the information isn't really relevant here.)
(Online resources:)
 
(22 intermediate revisions by 5 users not shown)
Line 9: Line 9:
 
=== Online resources: ===
 
=== Online resources: ===
 
* [http://en.wikipedia.org/wiki/JavaScript JavaScript (Wikipedia)]
 
* [http://en.wikipedia.org/wiki/JavaScript JavaScript (Wikipedia)]
* [http://www.w3schools.com/JS/ JavaScript Tutorial] at W3Schools.com
 
 
* [http://articles.sitepoint.com/category/javascript Sitepoint JavaScript tutorials]
 
* [http://articles.sitepoint.com/category/javascript Sitepoint JavaScript tutorials]
  
Line 19: Line 18:
 
== How is JavaScript used by Moodle? ==
 
== How is JavaScript used by Moodle? ==
  
* See [https://docs.moodle.org/en/Category:Javascript Category:Javascript].
+
* See [[Javascript]].
  
 
== Where do I find more information about JavaScript in Moodle? ==
 
== Where do I find more information about JavaScript in Moodle? ==
Line 27: Line 26:
  
 
== What JavaScript library does Moodle use? ==
 
== What JavaScript library does Moodle use? ==
 +
=== JQuery ===
 +
As of Moodle 2.9, [[jQuery]] is the preferred javascript library. Most of the code is still using YUI though as we are only beginning to transition to [[jQuery]].
 +
 +
==== Online resources: ====
 +
* [http://addyosmani.com/writing-modular-js/ Writing Modular Javascript]
 +
* [http://jqueryenlightenment.com/jquery_enlightenment.pdf JQuery Enlightenment]
 +
* [[jQuery]] in Moodle
 +
* [http://jquery.com/ jQuery]
 +
* [http://visualjquery.com Visual jQuery]
 +
* [http://jqueryfordesigners.com jQuery for Designers]
 +
 +
==== Books: ====
 +
* [http://www.manning.com/bibeault/ jQuery in Action] by Bear Bibeault and Yehuda Katz
 +
* [http://www.packtpub.com/jQuery/book Learning jQuery] by Karl Swedberg and Jonathan Chaffer
 +
* [http://www.packtpub.com/jquery-reference-guide-Open-Source/book jQuery Reference Guide] by Jonathan Chaffer and Karl Swedberg
  
 
=== Yahoo! User Interface Library (YUI) ===  
 
=== Yahoo! User Interface Library (YUI) ===  
Moodle uses the Yahoo! User Interface Library (YUI).
+
Until Moodle 2.9, the Yahoo! User Interface Library (YUI) was the preferred javascript library. From Moodle 2.9 onwards, jQuery is the preferred javascript library.  
  
 
==== Online resources: ====
 
==== Online resources: ====
 
* [http://yuilibrary.com Yahoo! User Interface Library (YUI)]
 
* [http://yuilibrary.com Yahoo! User Interface Library (YUI)]
 
* [[YUI]] in the Moodle documentation
 
* [[YUI]] in the Moodle documentation
 +
* [https://alloyui.com/rosetta-stone/ Migrating YUI code to jQuery]
  
 
==== Books: ====
 
==== Books: ====
Line 39: Line 54:
 
* [http://shop.oreilly.com/product/0636920025245.do Maintainable JavaScript] by Nicholas C. Zakas
 
* [http://shop.oreilly.com/product/0636920025245.do Maintainable JavaScript] by Nicholas C. Zakas
  
==== How/Why was YUI chosen for Moodle? ====
+
==== Why are we moving away from YUI ? ====
 +
The decision to begin the transition from YUI to JQuery was made here:
  
The decision was made in [http://moodle.org/mod/forum/discuss.php?d=48478 this thread in the General Developer Forum].
+
https://tracker.moodle.org/browse/MDL-47036
 
 
Since this decision was made, it's continued use has been questioned several times. Some of the main reasons for it's use include:
 
 
 
* good documentation;
 
* an active developer community;
 
* code modularity;
 
* a powerful loader system separating loading from execution and adding dependency resolution; and
 
* sandboxing of code as standard.
 
 
 
Most other major libraries do not offer many of these major features including the powerful loader and dependency system which are particularly useful in the modular environment of Moodle.
 
 
 
== What other JavaScript libraries are around? ==
 
 
 
* A nice comparison chart: [http://wiki.freaks-unidos.net/javascript-libraries Evaluation of JavaScript Libraries]
 
 
 
=== jQuery ===
 
 
 
jQuery is another popular JavaScript library, used among others by Drupal, Joomla and WordPress.
 
 
 
==== Online resources: ====
 
* [http://jquery.com/ jQuery]
 
* [http://visualjquery.com Visual jQuery]
 
* [http://jqueryfordesigners.com jQuery for Designers]
 
 
 
==== Books: ====
 
* [http://www.manning.com/bibeault/ jQuery in Action] by Bear Bibeault and Yehuda Katz
 
* [http://www.packtpub.com/jQuery/book Learning jQuery] by Karl Swedberg and Jonathan Chaffer
 
* [http://www.packtpub.com/jquery-reference-guide-Open-Source/book jQuery Reference Guide] by Jonathan Chaffer and Karl Swedberg
 
  
==== Moodle Docs ====
+
This is in response to Yahoos announcement that they will be ceasing all further development on YUI (although it is still maintained).
* [[Using jQuery with Moodle 2.0]]
+
http://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui
  
 
== What does AJAX mean? ==
 
== What does AJAX mean? ==
Line 84: Line 72:
 
== See also ==
 
== See also ==
  
* [[User:Frank_Ralf/JavaScript1]] compares different solutions (plain JavaScript, YUI, and jQuery) to a simple enhancement to a form.
+
* [[jQuery]]
* [[Using jQuery with Moodle 2.0]]
 
 
* [[Javascript and YUI 3 FAQ]]
 
* [[Javascript and YUI 3 FAQ]]
  

Latest revision as of 14:18, 10 December 2018

What is JavaScript?

JavaScript is a scripting language widely used for client-side web development. It is also known by a number of other names including ECMAScript, and JScript (these are all the same thing but exist due to issues over the licensing of these names).

If you have a spare 27 minutes and would like a quick background on JavaScript and it's origins, see this video from Douglas Crockford 'JSeverywhere: Douglas Crockford - JavaScript, The World's Most Misunderstood Language'.

Where do I find general information about JavaScript?

Online resources:

Books:

How is JavaScript used by Moodle?

Where do I find more information about JavaScript in Moodle?

What JavaScript library does Moodle use?

JQuery

As of Moodle 2.9, jQuery is the preferred javascript library. Most of the code is still using YUI though as we are only beginning to transition to jQuery.

Online resources:

Books:

Yahoo! User Interface Library (YUI)

Until Moodle 2.9, the Yahoo! User Interface Library (YUI) was the preferred javascript library. From Moodle 2.9 onwards, jQuery is the preferred javascript library.

Online resources:

Books:

Why are we moving away from YUI ?

The decision to begin the transition from YUI to JQuery was made here:

https://tracker.moodle.org/browse/MDL-47036

This is in response to Yahoos announcement that they will be ceasing all further development on YUI (although it is still maintained). http://yahooeng.tumblr.com/post/96098168666/important-announcement-regarding-yui

What does AJAX mean?

AJAX means "Asynchronous JavaScript and XML". It is a group of interrelated web development techniques used to create interactive web applications or rich Internet applications. Although XML is included in the acronym, AJAX is not a single technology but a group of technologies. In reality with modern JS, this tends to be JSON which is much more lightweight and easy to produce in PHP than XML.

See AJAX (Wikipedia) for general information and AJAX for information on AJAX and Moodle.

See also Firebug > Debugging AJAX with Firebug.

See also