¿Cómo empezar a codificar 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, sabrá todos los conceptos básicos que necesita saber para comenzar a codificar en JavaScript.

¿Cómo empezar a codificar 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 se puede escribir y ejecutar código JavaScript?
5. ¿Cómo empezar a codificar en JavaScript?

¿Para quién es este curso?

Este curso es para ti si eres alguien que quiere comenzar a codificar en JavaScript, o si eres alguien que quiere actualizar sus conocimientos en JavaScript. También recomiendo marcar este tutorial para futuras referencias. Cada vez que desee tener una reintroducción rápida con respecto a 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 sumergirse en JavaScript, es una buena idea saber qué puede hacer realmente con JavaScript. Es posible que conozca JavaScript como el lenguaje que domina la web. ¡Y tendrías toda la razón! JavaScript, que comenzó como un lenguaje front-end para agregar comportamiento a los sitios web, ahora se usa en todos los aspectos de los sitios web.

Se usa comúnmente en el desarrollo web front-end, generalmente junto con otros marcos y bibliotecas de JavaScript como React. También es el lenguaje más común utilizado en el desarrollo web backend gracias a Node.js que le permite ejecutar JavaScript en los servidores web. Pero eso no es donde se detiene en absoluto. JavaScript se usa en todo tipo de lugares, desde la creación de aplicaciones web progresivas hasta aplicaciones de escritorio. También comenzó a usarse recientemente en Machine Learning usando TensorFlow.js. Gracias a Node.js nuevamente, también se puede usar 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 que JavaScript sea lo que es hoy. Estos incluyen una amplia disponibilidad de entornos en ejecución, seguridad de la versión del código gracias a Babel y una amplia adopción en la comunidad. Veamos cuáles son uno a la vez.

Amplia disponibilidad

JavaScript domina la web, de principio a fin. Si está leyendo este artículo para refrescar sus conocimientos de JavaScript, probablemente sepa que cada pocos meses aparecen nuevos marcos de JavaScript, especialmente en lo que respecta al desarrollo web front-end, ya que puede haber muchos enfoques para optimizarlo.

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

Versión Seguridad

El propósito de escribir un código es ejecutarlo cuando se supone que debe ejecutarse. Y al hacer eso, lo último que desea es que la mitad de su sitio web no funcione en una cantidad significativa de usuarios. Pero, ¿qué puede hacer si su código tiene que ejecutarse en 1000 combinaciones diferentes de dispositivos y navegadores? ¿A quién vas a optimizar ya quién vas a dejar de ser usuario? ¿Tienes que hacer esa elección? Si la mitad de sus usuarios tienen dispositivos antiguos y la otra mitad tiene dispositivos nuevos, ¿para quién optimizará su código y a quién ignorará como cliente? La respuesta es, espero que ninguna, gracias a Babel.

Babel es un software que se asegura de que su código se ejecute incluso en navegadores muy antiguos que utilizan una versión muy antigua de JavaScript. De esta manera, no tendrá que tomar una decisión que lo lleve a ignorar a la mitad de sus clientes. Para ser claros, no escribes código con Babel, o no es una versión de JavaScript. Pero es un software de uso muy común que toma su código JavaScript ya escrito y en funcionamiento 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 comunitaria

Siempre que esté escribiendo código, es inevitable que se encuentre con problemas. Y en esos momentos, independientemente del lenguaje de programación con el que esté trabajando, puede ser extremadamente útil ver que su problema ya está siendo respondido por alguien útil en Internet. Ahí es donde interviene el soporte de la comunidad y, por lo tanto, StackOverflow.

Si no sabe qué es StackOverflow, es básicamente el foro de programación más grande que la gente usa para hacer y responder preguntas sobre programación. No es el único lugar donde encontrará las respuestas, definitivamente hay lugares que serán muy útiles para responder sus preguntas específicas, pero es probable que encuentre la mayoría de sus respuestas allí. No estoy sugiriendo que simplemente vaya a StackOverflow y busque sus problemas allí tampoco. Por lo general, una búsqueda en Google le dará los mejores resultados.

Y es posible que no espere esto tanto mientras aprende a codificar, pero una parte importante del desarrollo de software incluye saber qué buscar en Google para encontrar sus respuestas de manera más efectiva.

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

JavaScript, imagina miles de personas codificando JavaScript contigo, al mismo tiempo. Algunos publican preguntas, algunos responden preguntas.

Cuando está codificando JavaScript, no está solo.

¿Dónde se puede escribir y ejecutar código JavaScript?

Hay varios lugares que puede usar para comenzar a codificar en JavaScript. Técnicamente, puede escribir JavaScript en cualquier lugar, incluido un cuaderno simple o un editor de texto. Pero también necesita un motor de JavaScript para ejecutar realmente su código. Pero como te haces con uno. Pues si recuerdas el principio del artículo, sabrás que ya lo tienes en tu navegador.

En esta serie de publicaciones de blog, utilizaremos Google Chrome como 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 su vida sea mucho más fácil cuando se desempeña con el desarrollo web. Chrome tiene un motor JavaScript llamado V8 Engine, que toma su código JavaScript y lo ejecuta. Este motor de JavaScript también se utiliza en el desarrollo de Node.js, el software que le permite sacar el 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 desee comenzar a codificar en JavaScript, es bueno saber que necesita un motor de JavaScript para ejecutar su código, y ahora sabe que ya tiene uno que viene con su navegador. También sabe que si desea ejecutar JavaScript desde el navegador, querrá descargar e instalar Node.js para eso. Pero cuando se trata de escribir el código y ejecutarlo, ¿qué significa todo esto para su experiencia de codificación? Por lo general, querrá usar algún tipo de IDE (desarrollo integrado)

Environment) para escribir su código. De esta manera, como puede adivinar por el nombre, viene con muchas más herramientas que le facilitan trabajar con código a largo plazo. Estos pueden incluir cualquier cosa, desde completar texto para escribir menos, hasta un depurador. Debido a que mucha gente trabaja con estos IDE, también hay extensiones muy comunes que le permiten personalizar su entorno de codificación, incluidos los corchetes coloreados en el código para que sea más fácil 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 tienes que saber en esta serie de blogs.

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

Ahora que tiene información básica sobre JavaScript, configuremos nuestro entorno de codificación y comencemos con un "¡Hola, mundo!" código.

¿Cómo empezar a codificar en JavaScript?

Para comenzar a codificar en JavaScript, debemos configurar el entorno de codificación.

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

Google Chrome: descargue el navegador rápido y seguro de Google

Ahora puede continuar y hacer clic en el botón "Descargar Chrome" para iniciar la descarga. Una vez que se haya descargado, puede continuar y hacer doble clic en él y realizar el proceso de instalación, como lo haría con cualquier otra aplicación que descargue de Internet. También puede pedirle que inicie sesión en una de sus cuentas de Google, lo cual puede hacer.

Una vez que haya instalado Chrome, haga doble clic en él para abrir una ventana. Ahora debería estar mirando la clásica pantalla de búsqueda de Google:

Para comenzar a codificar 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, vaya a: Menú, luego Desarrollador y luego haga clic en Consola de JavaScript. También puedes usar el atajo para Mac, que es “opción + comando + J”.

Inmediatamente después de hacer eso, debería ver que se abre la consola de JavaScript, que debería verse así:

Si llegaste hasta aquí, ¡genial! Es hora de dar un paso significativo que le permitirá comenzar a codificar en JavaScript. Comencemos su viaje de JavaScript con un hola mundo . Continúe y escriba lo siguiente:

alert("Hello, World!");

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

Ahora debería ver aparecer una alerta similar a esta:

¡Y con eso, acabas de escribir tu primer código de "hola mundo"! Ahora ya sabe cómo comenzar a codificar en JavaScript.

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

Curso de JavaScript de principiante a avanzado en 10 publicaciones de blog:

1. ¿Cómo empezar a codificar en JavaScript?
2. Conceptos básicos de JavaScript
3. Variables y diferentes tipos de datos en JavaScript
4. Snippets y estructuras de control
5. Bucles while y bucles for
6. matriz Java
7. Funciones JavaScript
8. Objetos JavaScript
9. Métodos de JavaScript y más
10. Resumen del curso de JavaScript