No necesita configurar nada para comenzar con JavaScript

Cuando comenzamos a codificar, nos preocupamos por cuál sería la forma correcta de configurar el entorno de desarrollo, qué dependencias externas debemos instalar y qué marco utilizar.

Para contrarrestar todo esto, compartiré con ustedes 3 formas de comenzar fácilmente con JavaScript del lado del cliente.

1. La consola del navegador

Podemos crear variables que incluyan funciones directamente en la consola y manipularlas, reasignarlas o llamar a las funciones también.
Al ejecutar cada línea, obtenemos la salida en la siguiente línea.

ventajas

• Obtenemos un comienzo muy rápido y una buena inteligencia.
• Esto no requiere ningún software adicional que deba instalarse aparte del navegador.
• Las salidas son en tiempo real.

• Esto solo es útil si queremos depurar algo o hacer alguna manipulación en los nodos dom que ya están representados por la página.
• Esto no es útil para escribir programas completos ya que se vuelve difícil escribir y ejecutar el código línea por línea.
• No hay estructura de archivos.
• Solo podemos ejecutar Vanilla JavaScript.

Mientras que en la consola necesitamos escribir código línea por línea, los fragmentos de navegador nos permiten escribir programas en un archivo.
De esta manera podemos escribir el código completo y ejecutar el archivo.
También podemos agregar puntos de interrupción para depurar el código en caso de que algo salga mal.

ventajas

• Aquí también tenemos un comienzo muy rápido con el soporte de depuración.
• Esto no requiere ningún software adicional que deba instalarse aparte del navegador.
• Podemos organizar programas en archivos y ejecutar los archivos.

• Esto no es útil cuando estamos construyendo proyectos que requieren dependencias externas.
• Necesitamos definir todas las variables más externas como let .
  Esto se debe a que las variables no se eliminan del alcance al
  volver a ejecutar el archivo.
• Solo podemos ejecutar Vanilla JavaScript.

Cuando queremos comenzar a trabajar con marcos o HTML/CSS/JS juntos, podemos hacer uso de juegos en línea.
Nos brindan resultados en tiempo real basados ​​en cambios en HTML/CSS/JS y también nos permiten compartir la base de código completa.
Además, podemos instalar dependencias externas y usarlas en el proyecto.

ventajas

• Tenemos un comienzo muy rápido aquí con el soporte de estructura de directorios.
• Podemos instalar rápidamente nuevos paquetes sin problemas.
• Estos son realmente útiles cuando queremos probar una biblioteca de terceros y no queremos instalar primero el paquete en nuestro espacio de trabajo local.
• Recibimos buenos proyectos iniciales.
  Intente buscar en Google React Start Project - CodeSandBox.

• Esto no es útil cuando estamos construyendo productos a nivel de producción.
• Es posible que no haya compatibilidad con la depuración según la plataforma.

Gracias