¿Qué necesito descargar para practicar JavaScript?

Si tienes el navegador Chrome, nada. Sí, es cierto, literalmente nada. El navegador Chrome tiene una función llamada “Fragmentos”, que le permite escribir, depurar y generar Javascript (y no solo estoy hablando de escribir Javascript en la ventana de la consola).

Simplemente abra las herramientas de desarrollo de su navegador, vaya al panel “Fuentes”, haga clic en la pestaña “Fragmentos” y haga clic derecho en el área donde se enumeran los archivos a la izquierda. Selecciona “Nuevo”. Asegúrese de que puede ver la ventana de su consola en la parte inferior, de modo que pueda usarla para generar su código cuando se ejecute (deberá usar console.log () para generar información en la consola). Nombra el fragmento como quieras, ya sea el nombre de algún algoritmo que estés practicando o el nombre de un archivo de juego en el que estés trabajando. Siempre puede volver a estos archivos cuando lo desee, ya que puede guardar su trabajo con “Control-S”. Use “Control-Enter” para ejecutar el código y ver el resultado en la consola. Si necesita borrar la ventana de la consola, use “Control-L”.

BAM, ahora tiene un editor de código, depurador, consola e incluso un embellecedor / formateador de código. Y nunca dejaste tu navegador. Si lo desea, incluso puede desacoplar sus herramientas de desarrollador del navegador y tener una ventana separada para las herramientas. Ahora puede tener un editor de código DevTools en pantalla completa. Es bastante increíble.

No es el editor de código más robusto y con todas las funciones que encontrarás, pero si recién estás comenzando, entonces no necesitas nada más que esto.

Espero que esto ayude.

(también, Chrome ahora tiene una configuración para cambiar las herramientas de desarrollo a una versión más oscura para aquellos a quienes les gustan los editores de código con temas oscuros. Incluso si no les gusta su versión, puede descargar una extensión de Chrome que la cambia al esquema de color que te gusta.)

Sorprendentemente, ya tienes lo que necesitas. Un navegador web y algún tipo de software de edición de texto (Windows viene con el Bloc de notas). Por supuesto, el Bloc de notas es basura y no tiene resaltado de sintaxis ni nada por el estilo, pero funcionará.

Lo que es diferente sobre JavaScript de Python es que no solo ejecuta un archivo .js directo. Realmente lo ejecutas dentro de un archivo HTML o más exactamente dentro de un navegador. Voy a suponer que conoces al menos HTML básico. A continuación se muestra un ejemplo de JavaScript dentro de un archivo HTML.




Mi primera página de JavaScript


Me gustan los cachorros

Puede notar la etiqueta dentro de la cabeza. Así es como escribes JavaScript. Hay mejores maneras de hacer esto, pero ese es el primer método que aprendí. Más adelante, aprenderá a usar un archivo JavaScript externo. Digamos que almacenó su .js en /scripts/myjsfile.js. Podrías decirle a la página web "¡Hola, mi JavaScript que quiero ejecutar está aquí!" y su navegador ejecutará automáticamente el código por usted. Si realiza un cambio, después de guardar su archivo JavaScript, simplemente actualice la página del navegador y el código se actualizará en consecuencia.

Ahora, en cuanto a un equivalente a IDLE. Recomendaría Notepad ++. Como su nombre indica, es una versión mejorada del Bloc de notas predeterminado de Windows. Hay toneladas de otros ligeramente mejores, como Atom, Sublime Text o Visual Studio Code; para su primer IDE (entorno de desarrollo integrado), Notepad ++ es una buena apuesta.

Para obtener más información, consulte:

  1. Campamento de código libre
  2. Codecademy

Puede hacerlo solo con su navegador favorito y sus herramientas de desarrollo integradas. Todos los principales navegadores (Chrome, Firefox e IE11 / Edge) vienen con un conjunto de herramientas confiables que incluyen un depurador, una consola de errores y un perfil de rendimiento. Recomiendo comenzar con eso.

También recomiendo un editor de texto orientado al desarrollador simple y confiable. Si ya tiene un editor de código que le gusta y es compatible con la sintaxis de Javascript, quédese con él. De lo contrario, consulte otros hilos de Quora sobre buenos editores de programación web, como este: ¿Cuál es el mejor editor para diseñar sitios web?

Eso es realmente todo lo que necesitas. Más adelante, si quieres jugar con Nodejs, habrá un poco más de trabajo involucrado, pero el navegador JS es un poco más fácil de comenzar y tiene más recursos de aprendizaje.

Todo lo que necesitas es un editor de texto. Recomiendo Visual Studio Code. Tiene una buena interfaz y una buena integración de Git. También es gratis y multiplataforma.

Descargar Visual Studio Code

Una vez que tenga eso, regístrese en Free Code Camp. Eso es todo lo que necesitas para pasar de un desarrollador JavaScript principiante a un profesional.

http://www.freecodecamp.com

Lo menos que necesita es un editor de texto para escribir los códigos y un navegador para el tiempo de ejecución.

https://atom.io
https://notepad-plus-plus.org
http://brackets.io
http://code.visualstudio.com

Alternativamente, puede usar IDE en la nube para probar sus scripts.

http://jsfiddle.net
http://jsbin.com
http://codepen.io
http://c9.io

Pero idealmente, también debe tener npm (viene con nodejs) para el backend js, y bower (se puede instalar a través de npm) para el front-end js.

https://nodejs.org
http://bower.io

Ambos son administradores de paquetes. El equivalente de pip o conda en Python.

También es posible que desee buscar en gulp y livereload para otras herramientas de construcción para el desarrollo web. Pero estos pueden venir en una etapa posterior.

Entre los ingenieros de JavaScript aquí, los editores populares son:

Atom: un editor de texto pirateable para el siglo XXI

WebStorm: el IDE de JavaScript más inteligente

Además, familiarícese con npm y gruñe o trague saliva.

Sea lo que sea que use, ponga JSHint en funcionamiento, será bastante útil. Probablemente también pueda hacer un buen uso de Yeoman para iniciarse: le ayudará a orientarse en este mundo en el que necesita unir unas pocas docenas de bibliotecas y herramientas para que todo funcione bien.

Realmente recomiendo leer JavaScript en general y ver Github para familiarizarse con la sintaxis y los patrones de diseño.

Para comenzar a desarrollar, también necesita un programa para escribir JavaScript. Yo mismo uso Atom, que también te recomiendo por su simplicidad y alto rendimiento.

También estoy compartiendo información útil en mi resumen semanal sobre JavaScript, que podría ser interesante para usted para dar información adicional.

Recomiendo Sublime Text. Eso es lo que uso para JS: dado que ejecuta JS front-end en el navegador, no necesita un compilador ni nada de eso.