IDE recomendados para aplicaciones web puras (HTML5, etc.)

Question

Me gustaría jugar un poco con la programación de aplicaciones web puras.

Viniendo de un fondo de VB6, algunas de las características que me gustan son:

• paso a paso depuración
• diseño de la interfaz de usuario de Visual

Si decidimos hacer nuestra próxima aplicación como aplicación web, el precio no es muy importante (un IDE mejor es más productivo y agradable de usar).

Actualización: Estoy buscando algo así como (lo que oigo con) jQuery donde hay un marco subyacente que se ocupa de todas las diferencias del navegador. Así que plop un widget de interfaz de usuario (cuadro combinado desplegable, etc.) en el IDE y el marco se ocupa de los javascript, etc. que se ocupan de todas las variaciones de los navegadores y O/S.

Answer 1

Creo que tendrá problemas para comenzar con esos requisitos.

• Paso a paso depuración: Más comúnmente, usted va a querer hacer esto en el propio navegador en lugar de en el IDE. Si tiene un error que solo ocurre en Chrome 6, entonces poder depurar JavaScript en un IDE no le ayudará mucho
• Diseño de interfaz de usuario visual: De nuevo, el problema es que, al final, lo que parece como visualmente en su IDE no es importante, es lo que parece en diferentes navegadores, teléfonos móviles, etc. que importa

Probablemente lo más parecido a lo que está buscando es Dreamweaver, o si se siente más cómodo con los productos de MS puedes probar Expression Web (nunca lo he usado). Personalmente utilizo Komodo Edit, la última versión tiene soporte para HTML5 y CSS3, y hay un paid version que agrega una serie de características, pero ninguno de los dos está esperando (al parecer).

En respuesta a tu edición: Komodo Edit tiene soporte para jQuery, y probablemente obtendrá un largo camino con a CSS framework (o incluso an HTML5 one) para allanar el navegador (es decir, ofrece la finalización de código y la información sobre herramientas.) diferencias, pero principalmente el desarrollo web front-end se trata de editar archivos de texto y mirarlos en los navegadores. El tipo de cosas para las cuales los IDE son generalmente útiles no son realmente factores importantes.

Además de edición: También, si quieres un marco widget de JavaScript, probablemente debería mirar a uno de:

• jQueryUI
• YUI
• Dojo
• ExtJS

Answer 2

Clay, el desarrollo web no se parece en nada al desarrollo de software ment. He hecho ambas cosas y puedo asegurarles que no hay forma de que pueda hacer que el desarrollo web funcione como el desarrollo de software o viceversa. Solo tienes que aprender una nueva forma de programar con Dreamweaver (eso es lo que uso) o con HTMLPad o cualquier editor de HTML.

Incluso jQuery NO es un IDE visual: no solo arrastra el ícono y lo deja caer en una página web. Tienes que CÓDIGALO (insertas su javascript y luego agregas tu código para manipular los widgets) y luego verificas la página web en línea (o sin conexión con el servidor local). Debes saber DÓNDE poner el widget. Necesitas aprender HTML y CSS. Es necesario.

Answer 3

Otra opción que he visto es Google Web Toolkit que le permite desarrollar en Java usando Eclipse y depurar dentro de Eclipse (incluso en el nivel del navegador) y luego "compila" eso para Javascript, creando una versión de su código para cada tipo de navegador (por lo que solo necesita el "conjunto" de Javascript). Un montón de cosas incorporadas para otimizar la velocidad del código.

Answer 4

Y otra sugerencia es: http://www.visualwebgui.com/ pero no sé mucho al respecto, salvo que se dirige al desarrollador .net.

Answer 5

Para obtener un IDE gratuito que cubra la mayoría de los idiomas, puede probar RJ textedit. Tiene código plegable Puede agregar a sus definiciones de sintaxis. Le permite ampliar su fuente IDE con la rueda central del mouse y ctrl, para aquellos con mal aspecto. Tocar f10 - f12 para probar tu código en IE, Firefox o Chrome, respectivamente, hace que sea fácil ver cómo funciona en los tres principales navegadores. Simplemente descárguelo, descomprímalo, haga un atajo a TEXTEDIT.exe en la carpeta RJ textedit y listo. Encuentro que es el más fácil de programar, no se trata de espacios de trabajo o configuraciones largas, solo escriba algún código JavaScript o HTML y ejecútelo. Con los elementos HTML5 que son tan fáciles de configurar, no veo la necesidad de un editor visual. Me gusta escribir algo y ver los resultados. Pero, de nuevo, todos caminamos por el camino de forma diferente, ¿no? Espero que esto ayude.