Snippet javascript : Programmation objet

Juste un petit rappel personnel sur comment bien faire un objet en javascript.

function someClass () {
        var _sPrivateVar = '';
        this._sPublicVar = '';

        function privateFunction () {
                return;
        }

        this.publicFunction = function () {
                return;
        }
}

// Add a static function :
someClass.someStaticFunc = function () {
        // Do something static here
}

// Add a new dynamique function into the someClass class :
someClass.prototype.newDynFunc = function () {
        // Do something dynamic here
        // You can access this like if you were into the class !
}

et en bonus, comment bien faire un plugin javascript avec possibilité d'étendre des fonctions du plugin:

// A plugin callable with $.plugin
;(function($) {$.plugin = function () {
        // Code goes here
        return this; // Enable chain functionnality like JQuery do
}})(jQuery);

// A plugin callable with $(DomElt).plugin, with DOMElt is some DOM element
;(function($) {$.fn.plugin = function () {
        // Code goes here
        return this; // Enable chain functionnality like JQuery do
}})(jQuery);

// Adding some functions for the plugin, accessible by $.plugin.doSth ()
$.extend($.plugin, {
        doSth: function () {
                // Do whatever you want
        },
});
// It works the same with $.extend($.fn.plugin, {}) for $(DOMElt).plugin.sth ()

Les bases de la poo en javascipt sont très bien expliquée ici

Filed under  //  Development   Javascript   POO   extends   jquery   object   prototype   snippet   static  
Posted by Cyril Nicodème 

Patron de développement de plugin JQuery

Le blog de JQuery propose un patron de développement pour la réalisation de plugins que je vous conseille de visiter afin de réaliser des plugins JQuery dignes de ce nom, et peut-être pourquoi pas finir dans le top 5 des meilleurs plugins de JQuery ? ;)

Le billet se trouve ici.

Filed under  //  Development   Javascript   blog   jquery   pattern   plugin  
Posted by Cyril Nicodème 

La façon dont vos utilisateurs voient vos données

Le blog de Arnon Rotem-Gal-Oz nous montre la perception des données qu'on nos visiteurs sur un site web, totalement différent de la notre. Cette explication est faite par une image très explicite, que j'apprécie par sa clarté :)

Je pense qu'il n'y a rien de plus clair :)

Avec les améliorations des frameworks javascript, le développement de sites (pages) web tends le développeur à commencer par la réalisation de la page et d'effectuer la récupération des données en ajax (majoritairement).

Cette nouvelle approche impose un travail sur le visuel plus poussé. Et c'est vrai qu'il est toujours plus agréable d'avoir un site avec une belle mise en page des données qu'un pavé de texté noyé dans d'autres textes !

Filed under  //  General   Javascript   Projects   data   donnée   experience   framework   jquery   user   vue  
Posted by Cyril Nicodème