Modelo de programación de Javascript para organizar aplicaciones web

Question

He estado programando en PHP y C# durante mucho tiempo, pero he hecho muy poco Javascript. Para la programación del lado del servidor utilizo MVC, que es muy agradable y mi código está perfectamente organizado.

Ahora, para Javascript, cuando escribo código, suelo arruinar las cosas. Se convierte en algo así como el código de spaghetti. No sé cómo organizar mi código.

¿Alguien puede ayudarme con cualquier recurso, libro o cualquier cosa que pueda ayudar con la escritura ordenada y el código Javascript organizado?

Gracias de antemano.

Answer 1

usted menciona que usted ha estado programando en PHP y C# durante mucho tiempo. Tome su experiencia de organización de código y aplíquela a su javascript.

par de marcos

herramientas de cierre de Google -

http://code.google.com/closure/

Si Google lo utiliza para organizar Gmail y Google Docs, entonces debería funcionar para aplicaciones más grandes.

Además, Yahoo! YUI es bueno también -

http://developer.yahoo.com/yui/

http://yuilibrary.com/

Y Backbone.js (no como "grande" como Google o Yahoo) -

http://documentcloud.github.com/backbone/

https://github.com/documentcloud/backbone

Decent Book

Para mí, escribir javascript prueba de la unidad me ayuda a mantenerse organizado -

Test-Driven JavaScript Desarrollo

http://www.amazon.com/Test-Driven-JavaScript-Development-Developers-Library/dp/0321683919/

Answer 2

JavaScript: las partes buenas

http://www.amazon.com/JavaScript-Good-Parts-Douglas-Crockford/dp/0596517742

, además de los vídeos Crockford de YUI Teatro.

http://yuilibrary.com/theater/

Answer 3

Aquí es una excelente referencia. En ocasiones, es difícil evitar los espaguetis en Javascript. También tenga en cuenta que Javascript NO es compatible con polimorfismo.

http://dev.opera.com/articles/view/javascript-best-practices/

Answer 4

No estoy seguro si una sugerencia biblioteca es lo que está buscando, pero empezamos usando Mootools como nuestra biblioteca base js. El sistema Mootools' Class es increíble para crear una jerarquía de clases.Ha ayudado inmensamente a nuestro equipo mantener todo nuestro código organizado.

Si está buscando soluciones más simples orientadas a objetos y necesita herencia, hay muchas, muchas bibliotecas que ofrecen esto. Dos de mis favoritos son klass y selfish.js.

Answer 5

Escribir código modular. No es muy difícil.

Personalmente, le recomiendo que escriba muchos módulos y un proceso de construcción y un administrador de paquetes para agregarlos en uno.

Yo uso browserify para eso.

// DOM-utils.js 

module.exports = { 
    // util methods 
} 

// some-UI-Widget.js 
var utils = require("DOM-utils"), 
    jQuery = require("jQuery"); 

// do ui logic 

module.exports = someWidget 

yo iría más lejos y recomendar que utilice un mediator pattern (ver mediator) para mantener todo el código de acoplamiento flexible.

ver este example application

Answer 6

Alex MacCaw escribió un libro que acaba de salir, JavaScript Web Applications que cubre algunos de los marcos de JavaScript disponibles. MacCaw es el creador de Spine, otro framework MVC JavaScript (como backbone.js es). Hay tutoriales en el sitio de Spine que explican cómo usarlo. Además, si está interesado en backbone.js, Peepcode actualmente tiene dos screencasts (no gratuitos) que cubren su uso.

Answer 7

Comprobar estos artículos y obtendrá buenas ideas sobre cómo utilizar programación orientada a objetos en JavaScript:

http://www.cyberminds.co.uk/blog/articles/polymorphism-in-javascript.aspx

http://www.cyberminds.co.uk/blog/articles/how-to-implement-javascript-inheritance.aspx

Saludos,

Joe