Getting Started With Moodle Java Script Coding - Revision history

Damyon at 05:32, 2 December 2016

2016-12-02T05:32:30Z

← Older revision		Revision as of 05:32, 2 December 2016
Line 1:		Line 1:
	{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in [[https://docs.moodle.org/dev/Javascript_Modules Javascript Modules]].		{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in [https://docs.moodle.org/dev/Javascript_Modules Javascript Modules].

Damyon at 05:32, 2 December 2016

2016-12-02T05:32:18Z

← Older revision		Revision as of 05:32, 2 December 2016
Line 1:		Line 1:
	{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in [[https://docs.moodle.org/dev/Javascript_Modules]].		{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in [[https://docs.moodle.org/dev/Javascript_Modules Javascript Modules]].

Damyon: Replaced content with "{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in https://docs.moodle.org/dev/Javascript_Modules."

2016-12-02T05:32:04Z

Replaced content with "{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in https://docs.moodle.org/dev/Javascript_Modules."

← Older revision		Revision as of 05:32, 2 December 2016
Line 1:		Line 1:
	{{obsolete}} ~~Please note that much of this documentation~~ is obsolete. A replacement is available in [[~~YUI]].~~		{{obsolete}} This page text has been removed because it is obsolete. A replacement is available in [[https://docs.moodle.org/dev/Javascript_Modules]].

	~~This is meant to be a page for helping beginners to using JS and YUI 2 / 3 in Moodle.~~

	~~==Moodle Settings for Javascript Development==~~

	~~The following settings will ensure that the js loaded by your browser is relatively readable.~~

	~~Make sure that~~ :

	* your Development / ~~Debugging~~ / ~~Debug messages is set to "Developer : Extra Debug Moodle Messages ..~~..~~" - Moodle will then use the debug non-minified and thus more readable YUI 2 and YUI 3 library files.~~
	* You will probably want to change some of the settings at "Home / ~~Site administration~~ / ~~Appearance / AJAX and Javascript" :~~
	** YUI combo loading - you probably want to turn this off so that files are not combined.
	** Javascript caching and compressing - turn this off so that your custom JS code is not minified.
	** Check the other settings on this page to see that they are as you would expect them to be.

	~~==Use Firebug or the Built in Chrome Developer Tools==~~

	~~Once the js code that you load into the browser is a little more readable you can now use the excellent debugging tool built into Chrome, the Firebug extension available for FF or Firebug lite for IE.~~

	These tools allow you to set breakpoints in js code examine variable and to use commands in your js such as console.log() which can give you a treeview of the contents of the contents of any object that you send it.

	~~==Support for JS in Your PHP Editor==~~

	~~Am not sure if there is the possibility to get context sensitive help or to be able to jump to declaration of classes, methods etc in PHP editors such as Eclipse, Zend IDE etc.~~

	~~==Documentation on the Use of JS in Moodle==~~

	* [[:Category:Javascript]] ~~- all js related pages in the docs~~.
	* [[JavaScript guidelines]]
	* [[How to create a YUI 3 module]] describes how to create a 'static module' which is also described in the guidelines above and also how to create a more advanced 'YUI 3 Moodle Module'
	* There are a couple of interesting FAQ pages :
	** [[JavaScript FAQ]]
	** [[Javascript and YUI 3 FAQ]]


	~~[[Category:Javascript]]~~

Andrewnicols at 14:49, 3 January 2014

2014-01-03T14:49:11Z

← Older revision		Revision as of 14:49, 3 January 2014
Line 1:		Line 1:
			{{obsolete}} Please note that much of this documentation is obsolete. A replacement is available in [[YUI]].

	This is meant to be a page for helping beginners to using JS and YUI 2 / 3 in Moodle.		This is meant to be a page for helping beginners to using JS and YUI 2 / 3 in Moodle.

Jamiesensei at 10:00, 7 July 2011

2011-07-07T10:00:19Z

← Older revision		Revision as of 10:00, 7 July 2011
Line 1:		Line 1:
			This is meant to be a page for helping beginners to using JS and YUI 2 / 3 in Moodle.

	==Moodle Settings for Javascript Development==		==Moodle Settings for Javascript Development==

Jamiesensei: /* Documentation on the Use of JS in Moodle */

2011-07-07T06:26:49Z

Documentation on the Use of JS in Moodle

← Older revision		Revision as of 06:26, 7 July 2011
Line 23:		Line 23:
	==Documentation on the Use of JS in Moodle==		==Documentation on the Use of JS in Moodle==

			* [[:Category:Javascript]] - all js related pages in the docs.
	* [[JavaScript guidelines]]		* [[JavaScript guidelines]]
			* [[How to create a YUI 3 module]] describes how to create a 'static module' which is also described in the guidelines above and also how to create a more advanced 'YUI 3 Moodle Module'
			* There are a couple of interesting FAQ pages :
			** [[JavaScript FAQ]]
			** [[Javascript and YUI 3 FAQ]]


	[[Category:Javascript]]		[[Category:Javascript]]

Jamiesensei: Created page with "==Moodle Settings for Javascript Development== The following settings will ensure that the js loaded by your browser is relatively readable. Make sure that : * your Developme..."

2011-07-07T06:07:33Z

Created page with "==Moodle Settings for Javascript Development== The following settings will ensure that the js loaded by your browser is relatively readable. Make sure that : * your Developme..."

New page

==Moodle Settings for Javascript Development==

The following settings will ensure that the js loaded by your browser is relatively readable.

Make sure that :

* your Development / Debugging / Debug messages is set to "Developer : Extra Debug Moodle Messages ...." - Moodle will then use the debug non-minified and thus more readable YUI 2 and YUI 3 library files.
* You will probably want to change some of the settings at "Home / Site administration / Appearance / AJAX and Javascript" :
** YUI combo loading - you probably want to turn this off so that files are not combined.
** Javascript caching and compressing - turn this off so that your custom JS code is not minified.
** Check the other settings on this page to see that they are as you would expect them to be.

==Use Firebug or the Built in Chrome Developer Tools==

Once the js code that you load into the browser is a little more readable you can now use the excellent debugging tool built into Chrome, the Firebug extension available for FF or Firebug lite for IE.

These tools allow you to set breakpoints in js code examine variable and to use commands in your js such as console.log() which can give you a treeview of the contents of the contents of any object that you send it.

==Support for JS in Your PHP Editor==

Am not sure if there is the possibility to get context sensitive help or to be able to jump to declaration of classes, methods etc in PHP editors such as Eclipse, Zend IDE etc.

==Documentation on the Use of JS in Moodle==

* [[JavaScript guidelines]]

[[Category:Javascript]]