¿Buenos recursos y herramientas para el desarrollo moderno y pesado de JavaScript? [cerrado]

22

Estoy interesado en hacer algunos proyectos que impliquen un uso intensivo de JavaScript. A saber, juegos de lienzo basados ​​en HTML5, que también pueden usar node.js. Estoy interesado en aprender las mejores prácticas modernas, herramientas y recursos para JavaScript.

JavaScript es difícil de investigar porque terminas vadeando una gran cantidad de material realmente desactualizado, proveniente de los tiempos en que "JavaScript" era una palabra de cuatro letras.

Si está muy involucrado en la programación de JavaScript ...

  • ¿Qué editor de texto o IDE utilizas?
  • ¿Qué marco de prueba de unidad utiliza?
  • ¿Utiliza selenio o alguna otra cosa?
  • ¿Qué otras herramientas usas?
  • ¿Qué comunidades existen que discuten eventos recientes en JavaScript?
  • ¿A qué libros lees / te refieres?
  • ¿Qué blogs lees?
tools javascript developer-tools Matt Greer
fuente
8
jsfiddle.net
davidk01
Un par de excelentes blogs que leí: dailyjs.com: algunas publicaciones excelentes sobre nuevas bibliotecas y marcos en el ámbito de JS con un fuerte enfoque en Node.js. perfectionkills.com - No se actualiza muy a menudo, pero cuando Kangax escribe un artículo, profundiza mucho, te darás cuenta de cuánto JS no sabes.
Matt Molnar
Editor web de Adobe Brackets: github.com/adobe/brackets : escrito principalmente en javascript con marco incrustado de cromo. También un artículo interesante sobre cómo construyeron ese editor de Brackets (hablando de herramientas, marcos utilizados): ec2-174-129-28-157.compute-1.amazonaws.com/2012/06/26/…
Czarek Tomczak
Wow, esta pregunta podría usar una actualización.
Erik Reppen

Respuestas:

19

Mi lista sería:

Los libros están desactualizados tan pronto como llegan a los estantes (generalmente).

RDL
fuente
77
Además, también agregaría el centro de documentación de Mozilla en la sección de referencia.
Trezoid
2
+1, esa es mi lista, pero también agregaría YUI Compressor (o el compilador de Google Closure).
Demian Brecht
La velocidad de página también es buena para la opción "Perfil de JavaScript diferible". No es estrictamente una herramienta de codificación JS, pero sigue siendo muy útil.
Ed James
2
@RDL: ¿cuál, si utiliza algún complemento de JavaScript para vim, utiliza?
Mike H
Noté que no se han recomendado herramientas / marcos de prueba de unidad aquí, a pesar de estar tan altamente votado ...
NT3RP
9

¿Qué editor de texto o IDE utilizas?

Todos tienen soporte para funciones completas de desarrollo de aplicaciones web (javascript, HTML, CSS, etc.). Elija Aptana, si está buscando una solución gratuita.

¿Qué marco de prueba de unidad utiliza?

  • Selenio

    1. Tiene soporte para múltiples navegadores [IE, Firefox, Chrome, Safari, Opera y Konqueror] en múltiples plataformas [Windows, Linux, Macintosh, etc.].
    2. Soporte para muchos lenguajes de programación para escribir casos de prueba [HTML, Java, C #, Perl, PHP, Python, Ruby, etc.].
    3. Ejecución remota (los casos de prueba residen en una máquina y la ejecución en el navegador puede ocurrir en una máquina diferente).
    4. Puede ejecutar regresiones incluso en modo minimizado del navegador también

¿Qué otras herramientas usas?

  • Firebug, IE Dev Tool Bar, etc., herramientas integradas del navegador para la depuración
  • Puede usar algunos marcos de la biblioteca de IU como JQuery, YUI, ExtJS, etc. para un desarrollo rápido.
  • Fiddler / HTTP Watch para depurar solicitudes y respuestas HTTP.
  • JSLint para verificar algunos problemas de sintaxis de JavaScript.
  • YUICompressor para la minificación de código HTML, CSS y Javascript.
  • DynaTrace / YSlow / Page Speed ​​- para pruebas de rendimiento
  • SITIO para detectar fugas de memoria
  • IE Tester para probar su aplicación en diferentes versiones de IE.

¿A qué libros lees / te refieres?

Más

Dhanunjai
fuente
1
Selenium es una herramienta de prueba de integración, ¡no pruebas unitarias! Sin embargo, el resto de esto es bastante acertado en mi opinión: D
Ed James
1
jQuery es una biblioteca para mucho más que UI, jQueryUI es una biblioteca completamente separada.
StuperUser
@StuperUser miente. jQuery es una biblioteca para la manipulación de DOM, cualquier otra cosa lo está utilizando como un gran martillo y una "herramienta dorada que resuelve todos los problemas"
Raynos
@Raynos, jQuery es un gran martillo cuando se usa para la manipulación DOM cuando JavaScript lo hará. Ciertamente ha ganado un estatus digno de meme por su reputación como panacea. Como ambos hemos dicho, llamarlo "Biblioteca UI" es inexacto.
StuperUser
@StuperUser: supongo que realmente se refería a jQuery UI
Lie Ryan
6

Todavía siento que las herramientas disponibles para el desarrollo serio de JavaScript están muy por detrás de donde deberían estar, pero aquí hay algunas de las que uso.

  • Para el desarrollo utilizo VIM pero puede encontrar que netbeans vale la pena probar.
  • Para las pruebas unitarias, el jazmín es bueno pero no perfecto.
  • EnvJs puede darle una buena manera de ejecutar sus pruebas unitarias en la línea de comando
  • Recomiendo la parte del controlador web de selenio 2
  • La suite completa de cierre de google es muy útil
  • También te recomiendo que sepas cómo usar Google Chrome e IE para depurar junto con Firebug, ya que todos tienen sus idiosincrasias que pueden enviarte a todo tipo de callejones sin salida.
  • Hay algunas excelentes bibliotecas para JavaScript que son bastante esenciales para un desarrollo serio. Te recomiendo que comiences con jQuery, pero hay muchos otros que son tan buenos.
  • También el autor de jQuery, John Resig, tiene un blog útil
Duncan Grant
fuente
la misma pregunta que acabo de plantear para RDL: ¿qué complementos vim (si los hay) utiliza para javascript?
Mike H
@ Mike No uso ningún complemento específico de JavaScript para vim. Yo recomendaría jsctags los que se incorporará Cualquier conector que utilice ctags por ejemplo taglist-plus
Duncan Grant
5

Bueno ... aunque lejos de estar completo, actualmente soy el desarrollador principal de un nuevo proyecto de código abierto multiplataforma:

JS Studio

Aquí hay una captura de pantalla:

Algunas de las características son más completas que otras ... pero estos son los objetivos previstos:

  • Resaltado de sintaxis (bastante completo)
  • Organización del proyecto (parcialmente implementado)
  • Autocompletar (incluida la finalización de marcos JS comunes como jQuery, etc.)
  • Sistema de compilación (para combinar archivos, minificación, etc.)
  • GUI extensible (a través de extensiones de JavaScript)
  • Numeración de línea (más o menos completa), ajuste de texto, colores configurables para resaltado de sintaxis

He configurado compilaciones diarias para Windows y puede encontrar la compilación más reciente aquí: http://files.quickmediasolutions.com/jsstudio/

Nathan Osman
fuente
Esto se ve interesante. He estado buscando un buen IDE de JavaScript. ¿Hay algún binario que se pueda descargar? No vi ninguno en la página web.
Jonas
@Jonas: Desafortunadamente, en esta etapa temprana, solo hay un binario para Ubuntu. Pero espero tener tiempo para crear un binario de Windows más adelante.
Nathan Osman el
@Jonas: compilación de Windows muy temprana aquí : algunas cosas aún no funcionan, pero al menos puedes abrir / guardar archivos y algunas otras cosas.
Nathan Osman
¿Hay novedades en este frente?
Noctis
@Noctis: Lamentablemente, no. Me encontré con algunas complicaciones al implementar la finalización del código y el proyecto esencialmente se ha quedado inactivo durante el último año o dos.
Nathan Osman
4

En la categoría 'otras herramientas', uso CoffeeScript (un lenguaje que compila a JavaScript), porque me quita los dolores que la sintaxis de Javascript me impone.

list.sort (a, b) -> a.isSmaller(b)

versus

list.sort(function(a, b) { return a.isSmaller(b) });

Uno podría argumentar, técnicamente, que ya no es javascript, pero la "sensación" de coffescript es que es solo una capa delgada.

keppla
fuente
3

La API para la biblioteca jQuery http://api.jquery.com/ y una copia destacada y bien actualizada de jQuery In Action . Léalo de principio a fin y luego siga http://twitter.com/jquery para obtener las actualizaciones en las nuevas versiones.

Usted ha dicho que los libros están desactualizados, pero necesitará obtener un nivel básico de conocimiento sobre el cual construir, luego, una vez que esté actualizado, manténgase actualizado.

Qunit para pruebas unitarias y Firebug y un resaltado de sintaxis de JavaScript para Firebug para la depuración.

StuperUser
fuente
0

Esperemos que no se lo critique demasiado por esto, pero si cosas como IDE y herramientas son importantes para usted, le recomiendo que busque en Google Web Toolkit . Escribe su código en Java en Eclipse, lo que realmente ayuda a escribir su código. Proporciona una terminación de código altamente efectiva, refactoriza las utilidades y ayuda a depurar y navegar a través de su base de código.

Todavía puede entrar en Javascript sin procesar cuando lo necesite.

Su código luego se compila en JS optimizado y minificado. He usado este enfoque con éxito en un entorno DOMless JS similar a node.js.

Para juegos HTML5, echa un vistazo a PlayN, que es una biblioteca que usa GWT exactamente para eso.

funkybro
fuente
Si de todos modos vas a compilar JavaScript desde un idioma diferente, hay muchas opciones: ¡no tienes que usar Java en absoluto! Por ejemplo, estamos usando js_of_ocaml en el trabajo para poder escribir nuestro código en OCaml y ejecutarlo en el navegador.
Tikhon Jelvis
0

Hago mucho desarrollo de JavaScript. Se mencionan muchos de estos, pero esto es lo que uso:

  • Notepad ++
  • Firebug
  • Depurador de IE (F12) y depurador de Chrome (F12 en Windows)
  • Uso Stack Overflow principalmente para preguntas. Venir aquí también ha demostrado ser útil.
  • El primer libro que utilicé fue JavaScript: The Definitive Guide hace mucho tiempo. Actualmente no uso tanto los libros como los sitios como MDN o MSDN.
  • Usamos algunos jQuery en lugares donde también nos facilita la vida.
  • Para las pruebas unitarias, construimos nuestros propios arneses de prueba.
Corv1nus
fuente
0

Puedo recomendar el boletín semanal de JavasScript . Sus

Un resumen gratuito por correo electrónico semanal de noticias y artículos sobre JavaScript.

No he leído los libros de John Resig, pero he escuchado y leído buenos comentarios. Su nuevo libro Secretos del JavaScript Ninja se publicará pronto.


fuente
¿Alguien puede explicar el voto negativo?