La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

download La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

of 13

Transcript of La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    1/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 1/13

    Toggle navigation Iteramos

    RegstrateLogin

    InicioPreguntas

    RecientesMs votadasMs visitadasMs respondidas

    Preguntas TraducidasRecientesMs votadasMs visitadasMs respondidasRevisadas manualmente

    Sin responderSinresponderAbiertas

    EtiquetasHumor DevPreguntar

    La mejor manera de organizar jQuery/JavaScript de cdigo (2013) -javascript jquery jquery-ui backbone.js requirejs

    Buscar Pregunta

    Iteramoses una comunidad de preguntas y respuestas para profesionales y entusiastas de la programacin. Estotalmente gratuito.

    Empieza en dos minutos

    javascriptjqueryjquery-uibackbone.jsrequirejs

    La mejor manera de organizar jQuery/JavaScript de cdigo (2013)

    Preguntado el 24 de Mayo, 2013Cuando se hizo la pregunta

    12425 visitasCuantas visitas ha tenido la pregunta

    5 Respuestas

    Cuantas respuestas ha tenido la preguntaCerrada

    Estado actual de la pregunta

    El Problema

    58 votos53voto7voto5voto3voto

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013http://www.iteramos.com/etiquetada/requirejshttp://www.iteramos.com/etiquetada/jquery-uihttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/user/signuphttp://www.iteramos.com/gifs-programacionhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/revisadashttp://www.iteramos.com/preguntas/mas-votadas/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/mas-votadas/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013http://stackoverflow.com/users/965921/cezarislthttp://www.iteramos.com/etiquetada/requirejshttp://www.iteramos.com/etiquetada/backbone.jshttp://www.iteramos.com/etiquetada/jquery-uihttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/user/signuphttp://www.iteramos.com/preguntarhttp://www.iteramos.com/gifs-programacionhttp://www.iteramos.com/etiquetashttp://www.iteramos.com/preguntas/sin-respuesta-aceptadahttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/sin-responderhttp://www.iteramos.com/preguntas/revisadashttp://www.iteramos.com/preguntas/mas-respondidas/traducidashttp://www.iteramos.com/preguntas/mas-visitadas/traducidashttp://www.iteramos.com/preguntas/mas-votadas/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/recientes/traducidashttp://www.iteramos.com/preguntas/mas-respondidas/usuarioshttp://www.iteramos.com/preguntas/mas-visitadas/usuarioshttp://www.iteramos.com/preguntas/mas-votadas/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/preguntas/recientes/usuarioshttp://www.iteramos.com/http://www.iteramos.com/loginhttp://www.iteramos.com/user/signuphttp://www.iteramos.com/
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    2/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 2/13

    Esta respuesta ha sido contestado antes pero son viejos y no hasta la fecha. Tengo ms de 2000 lneas de cdigoen un archivo nico, y como todos sabemos, esta es una mala prctica, sobre todo cuando estoy mirando a travsde cdigo o la adicin de nuevas caractersticas. Quiero organizar mejor mi cdigo, para ahora y para el futuro.

    Debo mencionar que yo soy la construccin de una herramienta (no una simple pgina web) con un montn debotones, elementos de interfaz de usuario, arrastre, gotas, la accin de los oyentes/controladores y funcin en elmbito global, donde varios oyentes pueden usar la misma funcin.

    Ejemplo de cdigo

    $('#button1').on('click', function(e){// Determined action.update_html();

    });

    ... // Around 75 more of this

    functionupdate_html(){ .... }

    ...

    Ms ejemplo de cdigo

    Conclusin

    Realmente necesito para organizar este cdigo para el mejor uso y no a repetir a m mismo y ser capaz de aadirnuevas caractersticas y actualizacin de los antiguos. Voy a estar trabajando en esto por m mismo. Algunosselectores pueden ser de 100 lneas de cdigo que otros son 1. He mirado un poco en require.jsy pareci un

    poco repetitivo, y realmente escribir ms cdigo que sea necesario . Estoy abierta a cualquier posible solucin quese ajustan a este criterio y enlace a recursos / ejemplos son siempre un plus.

    Gracias.

    Preguntado el 24 de Mayo, 2013 por CezarisLT

    Ver la pregunta original Stack Overflow Mejorar Traduccin Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    5 Respuestas

    Demasiados anuncios?

    Sbastien RenauldPuntos8624

    Voy a repasar algunas cosas simples que puede, o no puede, ayudar. Algunos pueden ser evidentes, algunospodran ser extremadamente arcano.

    Paso 1: Compartimentar su cdigo

    0Me gusta Compartir

    http://stackoverflow.com/users/2167834/s%c3%a9bastien-renauldhttp://stackoverflow.com/users/2167834/s%c3%a9bastien-renauldhttp://www.iteramos.com/haz-login-quitar-anuncioshttp://www.latostadora.com/web/programador_no_arreglo_ordenador/658369?a_aid=2014t043https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&via=IteramosDevhttp://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013/revisar-traduccionhttp://stackoverflow.com/questions/16736483/best-way-to-organize-jquery-javascript-code-2013http://stackoverflow.com/users/965921/cezarislthttp://pastebin.com/PrbwanNZ
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    3/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 3/13

    Separar el cdigo en mltiples unidades modulares es un muy buen primer paso. Ronda de lo que funciona"juntos" y los puso en su propio pequeo encerrado unidad. no te preocupes por el formato, por ahora, manteneren lnea. La estructura es un punto posterior.

    As, supongamos que usted tiene una pgina como esta:

    Tendra sentido para compartimentar, de modo que todo el encabezado relacionados con controladores deeventos/clasificadores estn ah, para facilitar el mantenimiento (y no tener que tamizar a travs de 1000 lneas).

    Luego, puede utilizar una herramienta como el Gruido de re-construir sus JS la espalda a una sola unidad.

    Paso 1a: gestin de la Dependencia

    El uso de una biblioteca como RequireJS o CommonJS a implementar algo que se llama AMD. Asincrnico de laCarga del Mdulo le permite explcitamente el estado de lo que su cdigo depende, que permite la descarga de la

    biblioteca-llamando al cdigo. Usted slo puede literalmente dicen "Esto necesita jQuery" y el AMD se carga, yejecutar su cdigo cuando jQuery est disponible.

    Esto tambin tiene una joya escondida: la carga de la biblioteca se har la segunda el DOM est listo, no antes.Esto no detiene la carga de tu pgina!

    Paso 2: Modularizar

    Ver la malla de alambre? Tengo dos bloques de anuncios. Que lo ms probable es que han compartido losdetectores de eventos.

    Su tarea en este paso es identificar los puntos de repeticin en el cdigo y a intentar sintetizar todo esto enmdulos. Mdulos, ahora mismo, todo lo abarcan. Vamos a dividir las cosas a medida que avanzamos.

    La idea de este paso es ir desde el paso 1 y eliminar a todos la copia de pastas, para sustituirlas por unidades queestn dbilmente acoplados. As, en lugar de tener:

    ad_unit1.js

    $("#au1").click(function() { ... });

    ad_unit2.js

  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    4/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 4/13

    $("#au2").click(function() { ... });

    Voy a tener:

    ad_unit.js:

    var AdUnit = function(elem) {this.element = elem || new jQuery();

    }AdUnit.prototype.bindEvents = function() {

    ... Events go here}

    page.js:

    var AUs = new AdUnit($("#au1,#au2"));AUs.bindEvents();

    Que permite repartir entre tus eventosy su marcadoadems de deshacerse de la repeticin. Este es un buen pasoy vamos a extender ms en ello ms tarde.

    Paso 3: elija un marco!

    Si quieres modularizar y reducir las repeticiones an ms, hay un montn de impresionantes marcos alrededor queimplementar MVC (Modelo - Vista - Controlador) enfoques. Mi favorito es el pilar/Columna vertebral, sinembargo, tambin hay Angular, Yii, ... y La lista contina.

    Un Modelorepresenta los datos.

    Una Vistaque representa su marca y todos los eventos asociados a ella

    Un Controladorrepresenta la lgica de negocio - en otras palabras, el controlador le dice a la pgina de lo quelas vistas de la carga, y lo que los modelos a utilizar.

    Este ser un aprendizaje significativo a paso, pero el premio se lo merece: favorece limpia, modular cdigoespagueti.

    Hay un montn de otras cosas que usted puede hacer, esos son solo pautas e ideas.

    Cdigo cambios especficos de

    Aqu estn algunas mejoras especficas para el cdigo:

    $('.new_layer').click(function(){

    dialog("Create new layer","Enter your layer name","_input", {

    'OK' : function(){

    var reply = $('.dialog_input').val();

    if( reply != null && reply != "" ){

    var name = "ln_"+reply.split(' ').join('_');varparent = "";

    if(selected_folder != "" ){parent = selected_folder+" .content";}

    $R.find(".layer").clone()

  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    5/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 5/13

    .addClass(name).html(reply).appendTo("#layer_groups "+parent);

    $R.find(".layers_group").clone().addClass(name).appendTo('#canvas '+selected_folder);

    }

    }

    });});

    Esto es mejor escribir como:

    $("body").on("click",".new_layer", function() {dialog("Create new layer", "Enter your layer name", "_input", {

    OK: function() {// There must be a way to get the input from here using this, if it is a standard librar

    // This is where the view comes into play. Instead of cloning, bind the rendering into avar newLayer = new Layer();newLayer

    .setName(name)

    .bindToGroup(parent);}

    });});

    Anteriormente en el cdigo:

    window.Layer = function() {this.instance = $("");// Markup generated here

    };window.Layer.prototype = {setName: function(newName) {},bindToGroup: function(parentNode) {}

    }

    De repente, usted tiene una manera de crear una capa estndar desde cualquier lugar en el cdigo, sin copiarpegar. Usted est haciendo esto en cinco lugares diferentes. Slo me he salvado de cinco copia-pega.

    Uno ms:

    // Conjunto de reglas de contenedor para las acciones

    var PageElements = function(ruleSet) {ruleSet = ruleSet || [];this.rules = [];for (var i = 0; i < ruleSet.length; i++) {

    if (ruleSet[i].target && ruleSet[i].action) {this.rules.push(ruleSet[i]);

    }}}PageElements.prototype.run = function(elem) {for (var i = 0; i < this.rules.length; i++) {

    this.rules[i].action.apply(elem.find(this.rules.target));}}

    var GlobalRules = new PageElements([{

  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    6/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 6/13

    "target": ".draggable","action": function() { this.draggable({

    cancel: "div#scrolling, .content",containment: "document"});

    }},{

    "target" :".resizable","action": function() {

    this.resizable({handles: "all",zIndex: 0,containment: "document"

    });}

    }

    ]);

    GlobalRules.run($("body"));

    // If you need to add elements later on, you can just call GlobalRules.run(yourNewElement);

    Esta es una manera muy potente para registrar las reglas si usted tiene eventos que no son estndar, o la creacinde eventos. Esto tambin es en serio kick-ass cuando se combina con un pub/sub sistema de notificacin y cuandose une a un evento de fuego que cada vez que se crea elementos. Fuego n''forget modular de enlace de evento!

    Respondidoel 26 de Mayo, 2013 por Sbastien Renauld(8624 puntos)

    Mejorar Traduccin Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    Lyn HeadleyPuntos3884

    Aqu est una manera simple de dividir su actual base de cdigo en varios archivos, el uso de require.js. Yo temostrar cmo dividir el cdigo en dos archivos. Agregar ms archivos ser fcil despus de eso.

    Paso 1)En la parte superior de su cdigo, crear un objeto de Aplicacin (o cualquier nombre que prefiera, comoMyGame):

    var App = {}

    Paso 2)Convertir todos los de su nivel superior de variables y funciones que pertenecen al objeto de Aplicacin.

    En lugar de:

    var selected_layer = "";

    Usted desea:

    App.selected_layer = "";

    0Me gusta Compartir

    http://stackoverflow.com/users/692065/lyn-headleyhttp://stackoverflow.com/users/692065/lyn-headleyhttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e10https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119884&via=IteramosDevhttp://www.iteramos.com/respuesta/119884/revisar-traduccionhttp://stackoverflow.com/users/2167834/s%c3%a9bastien-renauld
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    7/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 7/13

    En lugar de:

    functiongetModified(){...}

    Usted desea:

    App.getModified = function() {

    }

    Tenga en cuenta que en este punto el cdigo no funcionarhasta que termine el siguiente paso.

    Paso 3)Convertir todos variable global y la funcin de las referencias a ir a travs de la Aplicacin.

    Cambio cosas como:

    selected_layer = "."+classes[1];

    a:

    App.selected_layer = "."+classes[1];

    y:

    getModified()

    a:

    App.GetModified()

    Paso 4)Probar el cdigo en este momento-todo el trabajo. Usted probablemente va a obtener un par de errores alprincipio porque te perdiste algo, as que arreglar antes de pasar.

    Paso 5)Establecer requirejs. Supongo que usted tiene una pgina web, que se sirve de un servidor web, cuyocdigo es:

    www/page.html

    y jquery

    www/js/jquery.js

    Si estas rutas no son exactamentecomo esta la de abajo no funcionar y tendrs que modificar las rutas deacceso.

    Descargar requirejsy poner require.js en su www/jsdirectorio.

    en su page.html, eliminar todas las etiquetas de secuencia de comandos e insertar una etiqueta de secuencia decomandos como:

    crear www/js/main.jscon contenido:

    require.config({

    http://requirejs.org/docs/release/2.1.6/comments/require.js
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    8/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 8/13

    "shim": {'jquery': { exports: '$' }

    }})

    require(['jquery', 'app']);

    a continuacin, poner todo el cdigo que acaba de arreglar en los Pasos 1-3 (cuya nica variable global debe serApp) en:

    www/js/app.js

    En la parte superior de ese archivo, poner:

    require(['jquery'], function($) {

    En la parte inferior:

    })

    Luego de la carga page.html en su navegador. Su aplicacin debera funcionar!

    Paso 6)Crear otro archivo

    Aqu es donde su trabajo vale la pena, usted puede hacer esto una y otra vez.

    Sacar algo de cdigo de www/js/app.jsque hace referencia a dlares y Aplicacin.

    por ejemplo,

    $('a').click(function() { App.foo() }

    Ponerlo en www/js/foo.js

    En la parte superior de ese archivo, poner:

    require(['jquery', 'app'], function($, App) {

    En la parte inferior:

    })

    A continuacin, cambiar la ltima lnea de www/js/main.js a:

    require(['jquery', 'app', 'foo']);

    Eso es todo! Hacer esto cada vez que quiero poner el cdigo en su propio archivo!

    Respondidoel 28 de Mayo, 2013 por Lyn Headley(3884 puntos)

    Mejorar Traduccin Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    10voto

    0Me gusta Compartir

    https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119886&via=IteramosDevhttp://www.iteramos.com/respuesta/119886/revisar-traduccionhttp://stackoverflow.com/users/692065/lyn-headley
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    9/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 9/13

    Jess CarreraPuntos980

    Por su pregunta y comentarios voy a asumir que no estn dispuestos a puerto el cdigo en un marco como lacolumna vertebral, o el uso de un gestor de biblioteca como Requieren. Lo que desea es una mejor manera deorgainze el cdigo que ya tienes, en la forma ms sencilla posible.

    Entiendo que es molesto para desplazarse a travs de ms de 2000 lneas de cdigo para encontrar la seccin quedesea trabajar. La solucin es dividir el cdigo en archivos diferentes, uno para cada funcionalidad. Por ejemplosidebar.js, canvas.jsetc. Entonces usted puede unirse a ellos para la produccin usando Grunt, junto conUsemin puede tener algo como esto:

    En el html:

    En su Gruntfile:

    useminPrepare: {html: 'app/index.html',options: {

    dest: 'dist'

    }},usemin: {

    html: ['dist/{,*/}*.html'],css: ['dist/styles/{,*/}*.css'],options: {

    dirs: ['dist']}

    }

    Si desea utilizar Yeoman se le dar un cdigo reutilizable para todo esto.

    A continuacin, para cada archivo, usted necesita para asegurarse de que siguen las mejores prcticas y que todo

    el cdigo y variables son todos en ese archivo, y no dependen de otros archivos. Esto no significa que usted nopuede llamar a las funciones de un archivo de otro, el punto es tener variables y funciones encapsuladas. Algosimilar a namespacing. Voy a asumir que usted no quiere a puerto todos los que tu cdigo sea Orientado aObjetos, pero si no te importa refactorizacin un poco, se lo recomiendo a agregar algo equivalente a lo que sellama un modelo de Mdulo. Se ve algo como esto:

    sidebar.js

    var Sidebar = (function(){// functions and vars here are privatevar init = function(){

    $("#sidebar #sortable").sortable({

    forceHelperSize: true,forcePlaceholderSize: true,revert: true,revert: 150,placeholder: "highlight panel",axis: "y",

    Esta web utiliza cookies propias y de terceros. ver mas Cerrar mensaje

    http://www.iteramos.com/aviso-legal#cookieshttp://stackoverflow.com/users/2330244/jes%c3%bas-carrerahttp://stackoverflow.com/users/2330244/jes%c3%bas-carrerahttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e10
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    10/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 10/13

    tolerance: "pointer",cancel: ".content"

    }).disableSelection();}return {

    // here your can put your "public" functionsinit : init

    }})();

    A continuacin, puede cargar este trozo de cdigo como este:

    $(document).ready(function(){Sidebar.init();...

    Esto le permitir tener una mucho ms mantenible cdigo y no requiere que usted vuelva a escribir su cdigodemasiado.

    Respondidoel 28 de Mayo, 2013 por Jess Carrera(980 puntos)

    Mejorar Traduccin Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    Rohit TailorPuntos86

    El uso de javascript MVC Framework con el fin de organizar el cdigo javascript de una manera estndar.

    Mejor JavaScript frameworks MVC disponibles son:

    Columna vertebralAngularCanJS

    Ember

    La seleccin de un JavaScript MVC framework requiere tantos factores a considerar. Lea el siguiente artculo decomparacin que le ayudar a seleccionar el mejor marco de referencia basado en los factores importantes para su

    proyecto: http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/

    Tambin puede utilizar RequireJScon el marco para apoyar Asynchrounous archivo js y el mdulo de carga.Mira el siguiente para empezar a trabajar en JS Mdulo de carga:http://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/

    Respondidoel 29 de Mayo, 2013 por Rohit Tailor(86 puntos)

    Mejorar Traduccin

    Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    0Me gusta Compartir

    0Me gusta Compartir

    https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119887&via=IteramosDevhttp://www.iteramos.com/respuesta/119887/revisar-traduccionhttp://stackoverflow.com/users/1227904/rohit-tailorhttp://www.sitepoint.com/understanding-requirejs-for-effective-javascript-module-loading/http://requirejs.org/http://sporto.github.io/blog/2013/04/12/comparison-angular-backbone-can-ember/http://emberjs.com/http://canjs.com/http://angularjs.org/http://backbonejs.org/http://stackoverflow.com/users/1227904/rohit-tailorhttp://stackoverflow.com/users/1227904/rohit-tailorhttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=26606a3fhttps://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119885&via=IteramosDevhttp://www.iteramos.com/respuesta/119885/revisar-traduccionhttp://stackoverflow.com/users/2330244/jes%c3%bas-carrera
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    11/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 11/13

    Fazle RabbiPuntos624

    Yo sugerira:

    1. publicador/suscriptor patrn para la gestin de eventos.2. la orientacin a objetos3. namespacing

    En el caso de Jessica, dividir la interfaz en pginas o pantallas. Pginas o pantallas pueden ser de los objetos y dealgunas clases para los padres. Gestionar las interacciones entre las pginas con un pagemanager tambin includoclase.

    Respondidoel 26 de Mayo, 2013 por Fazle Rabbi(624 puntos)Mejorar Traduccin Twittear

    Utiliza los comentarios para pedir mas informacino hacer sugerencias.

    Comentar Comentar

    10%de descuento con el cdigo ITERAMOS

    Preguntas relacionadas

    Cmo lograr la carga diferida con RequireJS?Backbone.js capaz de hacer el resto y localstorage?La mejor manera de encontrar un elemento en un array de JavaScript?Cul es la mejor manera para aadir opciones a seleccionar a partir de un array con jQuery?La mejor manera de utilizar Google hosted jQuery, pero vuelven a caer en mi alojado en la biblioteca deGoogle fallarLa mejor manera de eliminar un controlador de eventos en jQuery?Cul es la mejor manera de definir una clase en JavaScript?

    Buscas trabajo?

    Programador Front, HTML5, CSS3, AngularCAS TRAININGSalamanca y otrasJAVASCRIPTHTML5 CSS3 JQUERYSoftware Engineer - InternetEpic Labs

    MadridJavaScriptJava C/C++ TypeScriptDesarrollador Java ExpertSfereaSin Provincia.

    0Me gusta Compartir

    http://www.tecnoempleo.com/desarrollador-java-expert-sin-provincia/desarrollo-web-html5-css3-javascri/rf-8df0o09a2778cz09ceu0?utm_source=iteramoshttp://www.tecnoempleo.com/software-engineer-internet-madrid/java-c-c-javascript-typescript-python-go/rf-ca1cyc8bal09f8d258r0?utm_source=iteramoshttp://www.tecnoempleo.com/programador-front-html5-css3-angular-salamanca/html5-css3-javascript-jquer/rf-488bydf81nd0cc2b78q5?utm_source=iteramoshttp://www.iteramos.com/pregunta/1579/cual-es-la-mejor-manera-de-definir-una-clase-en-javascripthttp://www.iteramos.com/pregunta/1224/la-mejor-manera-de-eliminar-un-controlador-de-eventos-en-jqueryhttp://www.iteramos.com/pregunta/1185/la-mejor-manera-de-utilizar-google-hosted-jquery-pero-vuelven-a-caer-en-mi-alojado-en-la-biblioteca-de-google-fallarhttp://www.iteramos.com/pregunta/1295/cual-es-la-mejor-manera-para-anadir-opciones-a-seleccionar-a-partir-de-un-array-con-jqueryhttp://www.iteramos.com/pregunta/1507/la-mejor-manera-de-encontrar-un-elemento-en-un-array-de-javascripthttp://www.iteramos.com/pregunta/27806/backbonejs-capaz-de-hacer-el-resto-y-localstoragehttp://www.iteramos.com/pregunta/27560/como-lograr-la-carga-diferida-con-requirejshttp://www.latostadora.com/?a_aid=2014t043&a_aid=2014t043&a_bid=2e708e10https://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=La%20mejor%20manera%20de%20organizar%20jQuery%2FJavaScript%20de%20c%C3%B3digo%20(2013)&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013%23answer-119888&via=IteramosDevhttp://www.iteramos.com/respuesta/119888/revisar-traduccionhttp://stackoverflow.com/users/1823186/fazle-rabbihttp://stackoverflow.com/users/1823186/fazle-rabbihttp://stackoverflow.com/users/1823186/fazle-rabbihttp://www.latostadora.com/web/programador_no_arreglo_ordenador/658369?a_aid=2014t043
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    12/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    http://www.iteramos.com/pregunta/29021/la-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013 12/13

    JavaScriptDesarrollo Web: HTML5 CSS3 jQuerySenior Developer Javascript / D3HRCSMlaga y otrasJavascript React Angular BackboneDesarrollador webImaginamosCundinamarcaJavascriptPHP MVC CSS

    Ver ms Ofertas de Empleo

    Gifs para programadores Ver mas

    Cuando en vez de un pequeo script me obligan a usar un patrn de diseo

    @author matov

    Twittear Seguir

    Preguntas sin responder

    1Votos

    remover items de input file multiplejavascriptjquery

    php

    0Votos

    Saber sentido de una ruta en Google Mapsgooglemaps

    phpjavascriptjquery

    -1Votos

    problema con el uso de 'with' o con el valor del observable (Knockoutjs)javascriptknockoutjs

    0Votos

    http://www.iteramos.com/etiquetada/knockoutjshttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/pregunta/52581/problema-con-el-uso-de-with-o-con-el-valor-del-observable-knockoutjshttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/googlemapshttp://www.iteramos.com/pregunta/54511/saber-sentido-de-una-ruta-en-google-mapshttp://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/pregunta/71379/remover-items-de-input-file-multiplehttps://twitter.com/intent/follow?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&region=follow_link&screen_name=IteramosDev&tw_p=followbuttonhttps://twitter.com/intent/tweet?original_referer=http%3A%2F%2Fwww.iteramos.com%2Fpregunta%2F29021%2Fla-mejor-manera-de-organizar-jqueryjavascript-de-codigo-2013&ref_src=twsrc%5Etfw&text=Cuando%20en%20vez%20de%20un%20peque%C3%B1o%20script%20me%20obligan%20a%20usar%20un%20patr%C3%B3n%20de%20dise%C3%B1o&tw_p=tweetbutton&url=http%3A%2F%2Fwww.iteramos.com%2Fgif%2F895%2Fcuando-en-vez-de-un-pequeno-script-me-obligan-a-usar-un-patron-de-diseno&via=IteramosDevhttp://www.iteramos.com/gif/895/cuando-en-vez-de-un-pequeno-script-me-obligan-a-usar-un-patron-de-disenohttp://www.iteramos.com/gifs-programacionhttp://www.tecnoempleo.com/ofertas-trabajo/?cp=72&te=javascripthttp://www.tecnoempleo.com/desarrollador-web-cundinamarca/php-mvc-javascript-css-mysql-web-services/rf-d4f1n4a570208a19f1y8?utm_source=iteramoshttp://www.tecnoempleo.com/senior-developer-javascript-d3-malaga/javascript-react-angular-backbone-we/rf-30cd295c7ab5f220e832?utm_source=iteramos
  • 7/25/2019 La Mejor Manera de Organizar JQuery_JavaScript de _ Javascript

    13/13

    12/1/2016 La mejor maner a de or ganizar jQuer y/JavaScri pt de | javascript

    Jquery aadir elementosjqueryjavascript

    1Votos

    estudio de potencia con R comanderr

    0Votos

    como invalidar en c++java.uo

    1Votos

    Como evitar mostrar blank page con un video en su interior usando webview?androidwebviewvideo

    Etiquetas mas usadas

    c#javajavascriptandroid

    pythonc++.net

    jqueryiphone

    php

    Iteramos.com

    Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programacin mas alldel ingls.Para ello traducimos las preguntas mas populares de Stack Overflow a espaol y tambin puedes hacer tus propias

    preguntas o resolver las de los dems.

    Powered by:

    Yandex

    Aviso Legal Poltica de Privacidad Contacto

    2015 Iteramos.com

    http://www.iteramos.com/contactohttp://www.iteramos.com/politica-privacidadhttp://www.iteramos.com/aviso-legalhttp://translate.yandex.com/http://laravel.com/http://www.iteramos.com/etiquetada/phphttp://www.iteramos.com/etiquetada/iphonehttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/etiquetada/.nethttp://www.iteramos.com/etiquetada/c++http://www.iteramos.com/etiquetada/pythonhttp://www.iteramos.com/etiquetada/androidhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/javahttp://www.iteramos.com/etiquetada/c%23http://www.iteramos.com/etiquetada/videohttp://www.iteramos.com/etiquetada/webviewhttp://www.iteramos.com/etiquetada/androidhttp://www.iteramos.com/pregunta/72498/como-evitar-mostrar-blank-page-con-un-video-en-su-interior-usando-webviewhttp://www.iteramos.com/etiquetada/java.uohttp://www.iteramos.com/pregunta/72607/como-invalidar-en-chttp://www.iteramos.com/etiquetada/rhttp://www.iteramos.com/pregunta/72971/estudio-de-potencia-con-r-comanderhttp://www.iteramos.com/etiquetada/javascripthttp://www.iteramos.com/etiquetada/jqueryhttp://www.iteramos.com/pregunta/28116/jquery-anadir-elementos