¿Cómo empezar a programar en JavaScript? Parte 1 Curso de JavaScript de Principiante a Avanzado

En esta serie pasaremos de Principiante a Avanzado en JavaScript en 10 publicaciones de blog. Al final de esta serie, conocerás todos los conceptos básicos que necesitas saber para comenzar a programar en JavaScript.

¿Cómo empezar a programar en JavaScript? – tabla de contenido:

1. ¿Para quién es este curso?
2. ¿Qué puedes hacer realmente con JavaScript?
3. ¿Por qué JavaScript es tan popular?
4. ¿Dónde puedes escribir y ejecutar código JavaScript?
5. ¿Cómo empezar a programar en JavaScript?

¿Para quién es este curso?

Este curso es para ti si eres alguien que quiere comenzar a programar en JavaScript, o eres alguien que quiere refrescar sus conocimientos en JavaScript. También te recomiendo que guardes este tutorial como favorito para futuras referencias. Cualquier momento que desees tener una rápida reintroducción sobre los conceptos o tal vez solo para recordar la sintaxis utilizada en JavaScript sería un buen momento para revisar esta serie en el futuro.

¿Qué puedes hacer realmente con JavaScript?

Antes de sumergirte en JavaScript, es una buena idea saber qué puedes hacer realmente con JavaScript. Puede que conozcas JavaScript como el lenguaje que domina la web. ¡Y estarías completamente en lo correcto! JavaScript, que comenzó como un lenguaje de front-end para agregar comportamiento a los sitios web, ahora se utiliza en todos los aspectos de los sitios web.

Se utiliza comúnmente en el desarrollo web del front-end, generalmente junto con otros frameworks y bibliotecas de JavaScript como React. También es el lenguaje más común utilizado en el desarrollo web del backend gracias a Node.js, que te permite ejecutar JavaScript en los servidores web. Pero eso no es todo. JavaScript se utiliza en todo tipo de lugares, incluyendo la creación de Aplicaciones Web Progresivas, hasta aplicaciones de escritorio. También ha comenzado a utilizarse recientemente en Aprendizaje Automático utilizando TensorFlow.js. Gracias a Node.js nuevamente, también se puede utilizar para controlar drones, robots y dispositivos IoT.

¿Por qué JavaScript es tan popular?

JavaScript es actualmente el lenguaje de programación más popular y es por una buena razón. Hay múltiples factores principales que hacen de JavaScript lo que es hoy. Estos incluyen la amplia disponibilidad de entornos de ejecución, la seguridad de la versión del código gracias a Babel y la amplia adopción en la comunidad. Veamos cuáles son uno por uno.

Amplia Disponibilidad

JavaScript domina la web, de principio a fin. Si estás leyendo este artículo para refrescar tus conocimientos de JavaScript, probablemente sepas que hay nuevos frameworks de JavaScript surgiendo cada pocos meses, especialmente en lo que respecta al desarrollo web del front-end, ya que puede haber muchos enfoques para optimizarlo.

Como veremos más adelante en el artículo, no necesitas instalar ningún software especial para comenzar a escribir y ejecutar tu código JavaScript, porque ya tienes las herramientas necesarias en tu navegador. Esto por sí solo reduce la barrera para comenzar a aprender el lenguaje, ya que la mayoría de los lenguajes de programación requerirán que instales y configures entornos de codificación para incluso comenzar.

Seguridad de Versión

El propósito de escribir un código es ejecutarlo cuando se supone que debe ejecutarse. Y al hacerlo, lo último que deseas es que la mitad de tu sitio web no funcione para una cantidad significativa de usuarios. Pero, ¿qué puedes hacer si tu código tiene que ejecutarse en 1000 combinaciones diferentes de dispositivos y navegadores? ¿Para quién vas a optimizar y a quién vas a dejar fuera como usuario? ¿Tienes que hacer tal elección? Si la mitad de tus usuarios tiene dispositivos antiguos y la otra mitad tiene dispositivos completamente nuevos, ¿para quién vas a optimizar tu código y a quién vas a ignorar como cliente? La respuesta es, con suerte, ninguno, gracias a Babel.

Babel es un software que asegura que tu código se ejecute incluso en los navegadores más antiguos que utilizan una versión muy antigua de JavaScript. De esta manera, no tienes que tomar una decisión que te lleve a ignorar a la mitad de tus clientes. Para ser claro, no escribes código con Babel, ni es un sabor de JavaScript. Pero es un software extremadamente común que toma tu código JavaScript ya escrito y funcional, y lo convierte a la versión de JavaScript que otros navegadores entienden, incluso si tienen una versión muy antigua de JavaScript en sus navegadores.

Gran Adopción de la Comunidad

Siempre que estés escribiendo código, es inevitable que te encuentres con problemas. Y en esos momentos, sea cual sea el lenguaje de programación con el que estés trabajando, puede ser extremadamente útil ver que tu problema ya ha sido respondido por alguien útil en internet. Ahí es donde entra el soporte de la comunidad, y de ahí StackOverflow.

Si no sabes qué es StackOverflow, es básicamente el foro de programación más grande que la gente utiliza para hacer y responder preguntas de programación. No es el único lugar donde encontrarás respuestas, definitivamente hay lugares que serán muy útiles para responder tus preguntas específicas, pero es probable que encuentres la mayoría de tus respuestas allí. No estoy sugiriendo que simplemente vayas a StackOverflow y busques tus problemas allí. Generalmente, una búsqueda en Google te dará los mejores resultados.

Y puede que no estés esperando esto tanto, mientras aprendes a programar, pero una parte importante del desarrollo de software incluye saber qué buscar en Google para encontrar tus respuestas de manera más efectiva.

Por eso muchas personas quieren comenzar a programar en JavaScript: tener a JavaScript como el lenguaje de programación más popular definitivamente te ayuda a trabajar con el lenguaje tanto a corto como a largo plazo. Siempre que estés escribiendo

JavaScript, solo imagina a miles de personas programando JavaScript contigo, al mismo tiempo. Algunos publicando preguntas, otros respondiendo preguntas.

Cuando estás programando en JavaScript, no estás solo.

¿Dónde puedes escribir y ejecutar código JavaScript?

Hay múltiples lugares que puedes usar para comenzar a programar en JavaScript. Técnicamente, puedes escribir JavaScript en cualquier lugar, incluyendo un simple cuaderno o editor de texto. Pero también necesitas un motor de JavaScript para ejecutar realmente tu código. Pero, ¿cómo consigues uno? Bueno, si recuerdas el comienzo del artículo, sabes que ya lo tienes en tu navegador.

En esta serie de publicaciones de blog, utilizaremos Google Chrome como el navegador, ya que es uno de los navegadores más comunes utilizados en el desarrollo web. Y es por una buena razón, Chrome proporciona algunas de las mejores herramientas que hacen que tu vida sea mucho más fácil al realizar desarrollo web. Chrome tiene un motor de JavaScript llamado V8 Engine, que toma tu código JavaScript y lo ejecuta. Este motor de JavaScript también se utiliza en el desarrollo de Node.js, el software que te permite sacar JavaScript del navegador. Node.js también es la razón por la que podemos usar JavaScript en todo tipo de lugares, desde un servidor web hasta un dron.

Cuando quieras comenzar a programar en JavaScript, es bueno saber que necesitas un motor de JavaScript para ejecutar tu código, y ahora sabes que ya tienes uno que viene con tu navegador. También sabes que si quieres ejecutar JavaScript fuera del navegador, querrás descargar e instalar Node.js para eso. Pero cuando se trata de realmente escribir el código y ejecutarlo, ¿qué significa todo esto para tu experiencia de codificación? Generalmente querrás usar algún tipo de IDE (Entorno de Desarrollo Integrado) para escribir tu código. De esta manera, como puedes adivinar por el nombre, viene con muchas más herramientas que facilitan trabajar con el código a largo plazo. Estas pueden incluir desde una finalización de texto para escribir menos, hasta un depurador. Debido a que muchas personas trabajan con estos IDEs, también hay extensiones muy comunes que te permiten personalizar tu entorno de codificación, incluyendo la coloración de corchetes en el código para facilitar ver qué paréntesis de apertura coincide con qué paréntesis de cierre. Si no tienes idea de lo que hacen los paréntesis, por ahora no te preocupes y los veremos con todos los detalles que necesitas saber en esta serie de blogs.

Actualmente, algunos de los IDEs más populares incluyen Visual Studio Code, Atom y Sublime Text. Pero para esto comenzaremos con la opción más simple que podemos usar, que es en realidad utilizar el propio navegador Chrome para escribir y ejecutar el código JavaScript.

Ahora que tienes algo de información de fondo sobre JavaScript, vamos a configurar nuestro entorno de codificación y comenzar con un código de “¡Hola, Mundo!”.

¿Cómo empezar a programar en JavaScript?

Para comenzar a programar en JavaScript, necesitamos configurar el entorno de codificación.

Como también mencionamos anteriormente, utilizaremos Google Chrome como nuestro navegador a lo largo de esta serie de publicaciones de blog. Si ya tienes Chrome instalado, ¡genial! Si no, el primer paso es instalar Google Chrome. Para descargar Chrome, simplemente puedes buscar “descarga de Google Chrome”, para descargarlo desde su sitio web o aquí puedes encontrar un enlace para tu conveniencia para descargar Chrome:

Google Chrome – Descarga el navegador rápido y seguro de Google

Ahora puedes proceder y hacer clic en el botón “Descargar Chrome” para comenzar la descarga. Una vez que se haya descargado, puedes hacer doble clic en él y seguir el proceso de instalación, como lo harías con cualquier otra aplicación que descargues de internet. También puede pedirte que inicies sesión en una de tus cuentas de Google, lo cual puedes hacer.

Una vez que tengas Chrome instalado, haz doble clic en él para abrir una ventana. Ahora deberías estar viendo la clásica pantalla de búsqueda de Google:

Para comenzar a programar en JavaScript, el siguiente paso es abrir el lugar real donde escribiremos y ejecutaremos el código dentro del navegador Chrome. Desde el menú superior, ve a: Menú, luego Desarrollador, y luego haz clic en Consola de JavaScript. También puedes usar el atajo para Mac, que es “opción + comando + J”.

Justo después de hacer eso, deberías ver la consola de JavaScript abriéndose, que debería verse algo así:

Si has llegado hasta aquí, ¡increíble! Es hora de un paso significativo que te permitirá comenzar a programar en JavaScript. Comencemos tu viaje en JavaScript con un hola mundo. Adelante, escribe lo siguiente:

alert("¡Hola, Mundo!");

Después de escribir eso, ejecutemos nuestro código presionando la tecla “Enter” o “Return” en tu teclado.

Ahora deberías ver una alerta emergente que se ve así:

Y con eso, ¡acabas de escribir tu primer código de “hola mundo”! Ahora sabes cómo comenzar a programar en JavaScript.

En la próxima publicación del blog, verás los conceptos básicos de JavaScript con ejemplos de codificación.