IDE para javascript

[Dario Seminara]

Buenas, soy un total newbie en el mundo de javascript y ando con ganas de aprender cosas

Queria saber si alguien conoce alguna IDE orientada a esto del JS, no hablo de las mas clasicas (por ej Aptana) que sirven para todo, sino algo que este totalmente integrado con el browser aunque solo sirva para JS. Conozco un poco de cloud9, pero me gustaria saber si existe alguna ide de JS que funcione en el browser y en lo posible offline, algo parecido a lo que hace el sitio http://www.codecademy.com con sus cursos de javascript , pero orientado a desarollar

Gracias de antemano,

[Valentin Starck]

Yo uso webstorm para cosas medianamente grande.

Para cosas chicas cualquier editor de texto va.

2013/4/23 Dario Seminara <dar...@gmail.com>

Buenas, soy un total newbie en el mundo de javascript y ando con ganas de aprender cosas

Queria saber si alguien conoce alguna IDE orientada a esto del JS, no hablo de las mas clasicas (por ej Aptana) que sirven para todo, sino algo que este totalmente integrado con el browser aunque solo sirva para JS. Conozco un poco de cloud9, pero me gustaria saber si existe alguna ide de JS que funcione en el browser y en lo posible offline, algo parecido a lo que hace el sitio http://www.codecademy.com con sus cursos de javascript , pero orientado a desarollar

Gracias de antemano,

--
Has recibido este mensaje porque estás suscrito al grupo "Javascript Argentina" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a javascript-ar...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a javascr...@googlegroups.com.
Para ver este debate en la Web, visita https://groups.google.com/d/msg/javascript-arg/-/V92I60BAKA8J.
Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

--
Valentin Starck
blog.aijoona.com

[Juan Ignacio Dopazo]

El 23 de abril de 2013 15:09, Valentin Starck<valenti...@gmail.com> escribió:

Para cosas chicas cualquier editor de texto va.

Para cosas grandes también. Yo vengo usando Sublime Text (sobre Windows!) desde hace rato y la verdad que me gusta cómo se lee y se escribe.

Cloud9 funciona offline.

 

Juan

[Federico Rivollier]

Perdón por el off-topic.
Para los que usen sublime, hace poco publicaron una extensión para debbugear js y live reload de css que pinta util.

http://sokolovstas.github.io/SublimeWebInspector/
 

Saludos y perdón a Dario nuevamente. No conozco ninguna ide con las características que mencionás. Yo creo que para aprender, con cualquier editor de texto más o menos decente, estás hecho.

2013/4/23 Juan Ignacio Dopazo <dopaz...@gmail.com>

--

Has recibido este mensaje porque estás suscrito al grupo "Javascript Argentina" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a javascript-ar...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a javascr...@googlegroups.com.

Para obtener más opciones, visita https://groups.google.com/groups/opt_out.
 
 

--
Federico Rivollier

[Joaquin Diaz Trepat]

Claro, sublime es un editor de texto, si queres un IDE que tenga mas funcionalidades, o usas WebStorm, o uno de Microsoft ( si trabajas sobre windows ) que se llama WebMatrix, que es bastante razonable.

JD

2013/4/23 Federico Rivollier <fede...@gmail.com>

[Dario Seminara]

Nooo, nada que ver con "off-topic" , esa info me resulta muy util para el tema entorno de desarrollo

Con editor de texto ya tengo bastantes a mano, en windows uso Notepad++ y en linux Gedit

Lo que estoy buscando es algo que me permita editar JS, y verlo andando con un click, y si es posible que vaya guardando, en un filesystem
Imaginaba que existia algun plugin para Chrome o Firefox que te dejaba hacer eso, en chrome estuve viendo el debugger que esta bastante piola pero no encontre ninguna opcion q te deje editar el javascript, directamente desde el browser

[Tahuri]

P

​ara hacer lo que dices con WebInspector creo que te tendría que alcanzar, ademas de que si lo configuras bien al sublime te guarda automaticamente y con un ctrl+r ejecutas el javascript. saludos.​

 :P Arruina lo mejor Muere como el peor... Tahuri Killer

Para ver este debate en la Web, visita https://groups.google.com/d/msg/javascript-arg/-/H0Tf2fw-BlcJ.

[Joaquin Diaz Trepat]

En el debugger ( Right click -- inspect element -- Sources ) te muestra todos los archivos que esta utilizando el recurso, editas, right click save / save as..

JD

2013/4/23 Dario Seminara <dar...@gmail.com>

Para ver este debate en la Web, visita https://groups.google.com/d/msg/javascript-arg/-/H0Tf2fw-BlcJ.

[José F. Romaniello]

Para añadir un poco mas ruído, ahora se puede usar webinspector para depurar dentro de sublime:

http://sokolovstas.github.io/SublimeWebInspector/

si bien trabajo todo el día en sublime, no lo use nunca a este plugin. Lo que si te puedo decir Dario es que no tiene punto de comparación con gedit y notepad++, es muy superior

[Juan Ignacio Dopazo]

El 23 de abril de 2013 16:53, José F. Romaniello<jfroma...@gmail.com> escribió:

Para añadir un poco mas ruído, ahora se puede usar webinspector para depurar dentro de sublime:

Creo que se puede hacer lo mismo con WebMatrix o Visual Studio. Por lo menos lo pude hacer con Visual Studio, TypeScript e Internet Explorer.

Juan 

[neiker]

Hace poco instalé y probé WebInspector para sublime pero me sigue resultando MUCHO mas comodo usar sublime y el browser a parte... a lo ninja, nada de IDE ;)

Por cierto el ultimo netbeans (7.3) viene mejor preparado por default para laburar con js que versiones anteriores, pruebenlo.

Saludos!

[Dario Seminara]

Gracias a todos por los consejos!

Me esta convenciendo lo del sublime con lo de los plugins tipo debugger, pero incluso tb "a lo ninja" se ve interesante

[Juan Ignacio Dopazo]

El 24 de abril de 2013 10:06, Dario Seminara<dar...@gmail.com> escribió:

Gracias a todos por los consejos!

Me esta convenciendo lo del sublime con lo de los plugins tipo debugger, pero incluso tb "a lo ninja" se ve interesante

En el tiempo que llevo laburando con JS cambié entre EditPlus, Notepad++, Aptana, WebStorm y Sublime. Me parece que en la práctica la elección de IDE o editor es muy personal e incluso variar en el tiempo. Así que si te convencen de algo tiene que ser de probar, pero porque muchos digamos que Sublime está bueno no significa que vaya a funcionar para vos.

Creo que es mucho como elegir un auto. A muchos quizás les guste un compacto pero vos capaz medís 2 metros y no entrás.

La realidad es que lo que escribiste en el primer mail es lo que sería editar en el browser y lo que es la experiencia en Cloud9 cuando escribís para Nodejs. Después está el intermedio de poder debuggear en el editor/IDE y al final está el editor+F5.

Your choice.

Juan

[Angel Java Lopez]

No le recomiendo nada, porque conociendo a Dario (gh:tario), lo va a hacer todo con TDD. Luego, todo lo demas viene por aniadidura :-)

Angel "Java" Lopez

@ajlopez

gh:ajlopez

2013/4/23 Dario Seminara <dar...@gmail.com>

Buenas, soy un total newbie en el mundo de javascript y ando con ganas de aprender cosas

Queria saber si alguien conoce alguna IDE orientada a esto del JS, no hablo de las mas clasicas (por ej Aptana) que sirven para todo, sino algo que este totalmente integrado con el browser aunque solo sirva para JS. Conozco un poco de cloud9, pero me gustaria saber si existe alguna ide de JS que funcione en el browser y en lo posible offline, algo parecido a lo que hace el sitio http://www.codecademy.com con sus cursos de javascript , pero orientado a desarollar

Gracias de antemano,

--

Has recibido este mensaje porque estás suscrito al grupo "Javascript Argentina" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus correos electrónicos, envía un correo electrónico a javascript-ar...@googlegroups.com.
Para publicar una entrada en este grupo, envía un correo electrónico a javascr...@googlegroups.com.

Para ver este debate en la Web, visita https://groups.google.com/d/msg/javascript-arg/-/V92I60BAKA8J.

[Dario Seminara]

Porque llevando TDD hasta los extremos, se puede prescindir de IDE y debugger (?)

La cuestion, es que justamente los temas que quiero ver con JS (WebRTC y WebGL) son muy dificil de hacer unit testing, aunque ya estoy buscando algun framework o libreria js que ayude en el tema testing

[Angel Java Lopez]

Ah!

Estas yendo mas alla de JavaScript, entonces. Pero igual, cuando tuve que hacer cosas parecidas, igual apele a TDD, baby steps, y demas practicas. Hace rato que no programo en el browser (2 anios?) pero cuando lo hice, lo hice con TDD (creo que en el proyecto usamos QUnit, debe haber otras cosas ahora).

Lo unico que tal vez aniadiria son spikes sobre esas tecnologias que queres consumir, para comenzar a ver su comportamiento, y descubrir rapidamente que es lo que funciona o no funciona de lo que queres hacer. Para hacer un paralelo, eso es lo que hice cuando quiser consumir Socket.IO. Una vez hechos unos spikes, y tener seguro como hacer algo, luego TDD por encima y salio con fritas :-)

Todo esto lo comento, porque para eso no importa tanto la IDE como el flujo de proceso (spikes, baby steps, TDD, etc...) y porque ya charle personalmente con gh:tario

Pero habra que ver si todo esto se aplica a lo que Dario quiere construir ahora.

Nos leemos!

Angel "Java" Lopez

@ajlopez

2013/4/24 Dario Seminara <dar...@gmail.com>

Para ver este debate en la Web, visita https://groups.google.com/d/msg/javascript-arg/-/WQ8W3mw-lmQJ.

[José F. Romaniello]

hacer TDD puede ahorrarte mucho debugging y si "IDE es debugging" puede ahorrarte el IDE. 

Pero no te ayuda si tenes un editor malo. Y la pregunta que sigue es ¿Qué es un editor bueno para mi? no sabría decirlo, pero al menos puedo enumerar las cosas que A MI me gustaría que un editor de texto para programadores tenga:

- poder saltar a cualquier archivo del proyecto que este editando con el pensamiento (rapido). Me refiero a apretar una tecla y que me permita buscar por partes del nombre del directorio o del archivo 

- poder partir la pantalla en dos/tres/cuatro y saltar de una a la otra con teclas (test <> impl. ?)

- coloreo de sintaxis... Si, si no la vida es todo blanco y negro. Esto es algo que voy estar mirando probablemente gran parte del día. Douglas Crockford usa otro tipo de coloreo de sintaxis que muestra los scopes en javascript, no lo he probado.

- detección de errores estupidos, estamos trabajando con javascript un lenguaje dinamico, no tenemos compilador, pero por suerte tenemos unas buenas herramientas jshint y jslint que se integran en muchos editores de texto incluso VI.. y te avisan rapidamente cuando te olvidaste un parentesis. también te lo va a avisar un TEST, pero nada como tener una linea roja debajo de la palabra al instante.

- que el editor sea extensible en un lenguaje que yo pueda manejar. Sublime usa python, para los plugins, y yo nunca programe en python pero si leí un poco y otro poco de copiar los plugins que ya existen ... hice varios que me ayudan en el día a día. Uno de los que más uso es este: https://github.com/jfromaniello/sublime-node-require . El video esta un poco desactualizado, pero lo que hago es basicamente llamar a un popup que me permite buscar en todos los archivos, modulos instalados, y modulos nativos de node... con el nombre o una parte del nombre y automaticamente me inserta el "require" con el path relativo calculado solo.

- macros. muchas veces tengo que hacer el mismo cambio en varias partes del archivo, o de varios archivos.

- selección multiple... seleccion en columna etc. Como todo lo demás, es una ayuda que hace que escribas más rápido o que cambies algo más rápido

- buscar y reemplazar en archivo, carpeta o en todos lados.. con los tipicos filtros de regular expression, palabra completa, case [in]sensitive.

- que tenga un core simple, pero un userland enorme y una comunidad pujante que haga miles de plugins por día de los cuales solo instalare el %0.1. Con sublime me pasa que cada vez que voy a trabajar en un lenguaje de programación que no conozco con 3 teclasos instalo el hint-er y el coloreo de sintaxis para el lenguaje; jade, ejs, razor, puppet, etc

Habiendo dicho esto, sé que hay mucha gente que le gusta programar en vi y hacer plugins en Vimscript, o simplemente tener 50 notepad.exe con cada archivo que esta editando. Pero como dijo Juan Ignacio Dopazo es cuestión de gustos y sobre todo cuando hablamos de JAVASCRIPT, un lenguaje que no esta atado a ningun IDE a diferencia de .Net.

[CBertelegni]

Para jugar con js, a mi criterio, lo mejor es la consola del browser.

Saludos.

El martes, 23 de abril de 2013 14:56:51 UTC-3, Dario Seminara escribió:

[Dario]

Ya lo verifique que es así, para mi el mejor en ese sentido es chrome que incluye debugger y algunos chiches mas.

Igual lo que yo preguntaba es por una buena ide o editor, ya adopte sublime (no solo para js sino también con ruby y casi cualquier otra cosa q no tenga una ide específica mejor), hay algo específico de js que por ser específico lo haga mejor?

> --
> Has recibido este mensaje porque estás suscrito a un tema del grupo "Javascript Argentina" de Grupos de Google.
> Para anular la suscripción a este tema, visita https://groups.google.com/d/topic/javascript-arg/cuJiL5g4pJI/unsubscribe. Para anular la suscripción a este grupo y todos sus temas, envía un correo electrónico a javascript-ar...@googlegroups.com.

> Para publicar una entrada en este grupo, envía un correo electrónico a javascr...@googlegroups.com.

> Para ver este debate en la Web, visita https://groups.google.com/d/msgid/javascript-arg/05f99655-9df1-4b81-bc59-ebe671157576%40googlegroups.com.

[CBertelegni]

Si, esta bueno, yo por costumbre uso el firebug de mozilla.

Como ide el sublime es buenísimo!, por mi parte ahora retomé con el aptana3 (en linux) que tiene un soporte muy copado para GIT, ruby y js.

Saludos.