Javascript FAQ: Difference between revisions

Latest revision as of 15:21, 5 December 2022

Warning: This page is no longer in use. The information contained on the page should NOT be seen as relevant or reliable.

What is JavaScript?

JavaScript is a scripting language widely used for client-side web development. It is also known as ECMAScript and has been progressively improved over the years.

Since Moodle 3.8 we recommend the use of Native JavaScript rather than through a library such as jQuery or YUI, and require that all new JavaScript be written in the style of ES 2015 modules. These should be placed in the amd/src directory of a component and are transpiled at development time to be compatable with a wide range of browsers.

Where do I find general information about JavaScript?

Online resources:

Books:

JavaScript: The Good Parts by Douglas Crockford
JavaScript: The Definitive Guide, Fifth Edition by David Flanagan - Really the ultimate reference guide (nearly 1000 pages).
The JavaScript Anthology: 101 Essential Tips, Tricks & Hacks by James Edwards & Cameron Adams - Promotes accessible JavaScript solutions by following the principles of progressive enhancement and unobtrusive scripting.

How is JavaScript used by Moodle?

See Javascript.

Where do I find more information about JavaScript in Moodle?

JavaScript Guidelines by Tim Hunt (work in progress)
Use of JavaScript in Moodle discussion in the General developer forum

What JavaScript library does Moodle use?

JQuery

This feature has been marked as deprecated since Moodle 3.8

As of Moodle 3.8, the user of jQuery is generally discouraged and the use of Native or Vanilla Javascript is recommended.

Yahoo! User Interface Library (YUI)

This feature has been marked as deprecated since Moodle 2.9

As of Moodle 2.9, the user of YUI is generally discouraged.

Online resources:

Books:

YUI 3 Cookbook by Evan Goer
Maintainable JavaScript by Nicholas C. Zakas

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

@@ Line 1: / Line 1: @@
+{{obsolete}}
 == 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).
+JavaScript is a scripting language widely used for client-side web development. It is also known as ECMAScript and has been progressively improved over the years.
-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 '[http://www.youtube.com/watch?v=gz7KL7ZirZc JSeverywhere: Douglas Crockford - JavaScript, The World's Most Misunderstood Language]'.
+Since Moodle 3.8 we recommend the use of Native JavaScript rather than through a library such as jQuery or YUI, and require that all new JavaScript be written in the style of ES 2015 modules. These should be placed in the amd/src directory of a component and are transpiled at development time to be compatable with a wide range of browsers.
 == Where do I find general information about JavaScript? ==
@@ Line 9: / Line 11: @@
 === Online resources: ===
 * [http://en.wikipedia.org/wiki/JavaScript JavaScript (Wikipedia)]
-* [http://articles.sitepoint.com/category/javascript Sitepoint JavaScript tutorials]
+* [https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide Mozilla JavaScript guide]
 === Books: ===
@@ Line 18: / Line 20: @@
 == 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? ==
@@ Line 27: / Line 29: @@
 == 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]].
+{{Deprecated|version=3.8}}
+As of Moodle 3.8, the user of [[jQuery]] is generally discouraged and the use of Native or Vanilla Javascript is recommended.
-==== Online resources: ====
-* [[jQuery]] in Moodle
-* [http://jquery.com/ jQuery]
-* [http://visualjquery.com Visual jQuery]
-* [http://jqueryfordesigners.com jQuery for Designers]
 === 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.
+{{Deprecated|version=2.9}}
+As of Moodle 2.9, the user of YUI is generally discouraged.
 ==== Online resources: ====
-* [http://jquery.com JQuery]
-* [[jQuery]] in the Moodle documentation
 * [http://yuilibrary.com Yahoo! User Interface Library (YUI)]
 * [[YUI]] in the Moodle documentation
+* [https://alloyui.com/rosetta-stone/ Migrating YUI code to jQuery]
 ==== Books: ====
-* [http://addyosmani.com/writing-modular-js/ Writing Modular Javascript]
-* [http://jqueryenlightenment.com/jquery_enlightenment.pdf JQuery Enlightenment]
 * [http://shop.oreilly.com/product/0636920013303.do YUI 3 Cookbook] by Evan Goer
 * [http://shop.oreilly.com/product/0636920025245.do Maintainable JavaScript] by Nicholas C. Zakas
 ==== Why are we moving away from YUI ? ====
 The decision to begin the transition from YUI to JQuery was made here:
@@ Line 57: / Line 52: @@
 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
-jQuery is another popular JavaScript library, used among others by Drupal, Joomla and WordPress. It is probably the most widely known JavaScript library at present.
-As of Moodle 2.9 it is the recommended Javascript library to use with Moodle. See [[jQuery]] page for more information.
-==== 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
-== 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 [http://en.wikipedia.org/wiki/Ajax_(programming) AJAX (Wikipedia)] for general information and [[AJAX]] for information on AJAX and Moodle.
-See also [[Firebug#Debugging AJAX_with_Firebug|Firebug > Debugging AJAX with Firebug]].
 == See also ==
 * [[jQuery]]
-* [[Javascript and YUI 3 FAQ]]
 [[Category:FAQ]]
 [[Category:Javascript]]
 [[Category:AJAX]]

Documentation

Javascript FAQ: Difference between revisions

Latest revision as of 15:21, 5 December 2022

Contents

What is JavaScript?

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

Yahoo! User Interface Library (YUI)

Online resources:

Books:

Why are we moving away from YUI ?

See also