Releasing jQuery Module Loader beta Version

May 14, 2010 No Comments by Mahdi Pedram

Its been 2 to 3 month , I was thinking about having a module loader in javascript .

so it will make my web applications more reliable and increase the readability of my code .

Now Let's study one common scenario :

In large web development applications usually the backend Developer creates the Action File and sets up the framework also Include the javascript / css files related to that action file.
then the frond-end Developer has to communicate to the back-end Developer to figure out what are those files or
he/she has to tell the backend guy to include new javascript files for that action and blah blah ....

with jQuery module loader , you could load one javascript file and have the php framework engine generate that file automatically.

so you don't have to add the javascript file in your PHP action file ,then in your Action.js you could Load Modules ( Modules are combination of Styles and Javascript files and Sub Module )

jQuery Module loader features

  • has a built in File Loader Module
  • cross browser IE6+ , Firefox 2x+ , Chrome , Safari
  • Supports Parallel Loading  .
  • Supports Loading a Style
// Create a new instantiation fo the Object
var module = $.module();
 
// Set the Path of your Modules where all your javascript files are located
module.SetPath('http://pedramtech.com/Development/YottaFrameworkTest/jslib/jquery/');
 
// Create a modules
// a is a module and has d , k as a sub module
// d is a module has 2 javascript files ... so easy to cofigure yeah.
// trigger a callback function when it is done
var customModule ={
	a : {
 
		d : [  'jQuery.countWords.js' ,  'jQuery.dropdown.js'],
		k : {  j: 'jQuery.easeing.js' , l : 'jQuery.fileUpload.js' }
	},
	c : 'jQuery.fixEvents.js'
};
 
// Create the Module
module.Create(customModule);
 
// load module K which has j , l (jQuery.easeing.js , jQuery.fileUpload.js )
 
module.Load('k',function(){
 
	console.log('Mission Accomplished');
 
});
 
$(document).ready(function(){
 
	// ALl the modules are loaded before the document.ready function has been triggered
	console.log("Document Loaded");
 
});

Download the jQuery Module Loader from jQueryToolkit now

jQuery, javascript

About the author

I'm Web Developer , I spent most of my time on programming web applications ,I'm both Front-end , Back-end Developer . Coding is part of my life , I don't do programming for life , I am alive to Code
No Responses to “Releasing jQuery Module Loader beta Version”

Leave a Reply