[Introducción a JavaScript] De la Creación a la Revolución Web

¡Hola! Jeff Bruchado por aquí.

Este es el primer artículo de nuestra serie de artículos que van a cubrir nuestro viaje para Aprender Programación desde Cero.

Antes de todo, tengo un nombre cariñoso que uso para llamar a las personas que acompañan mis contenidos, los llamo HaWkers.

Entonces si ves esto en los próximos artículos, ya sabes el motivo.

Bueno, ¡vamos a comenzar!

HaWker, ¿ya te preguntaste qué está detrás de todas esas páginas web que son interactivas y animadas y que navegas diariamente?

Si es así, la respuesta en gran parte es: JavaScript. Pero, ¿qué es JavaScript, de dónde vino y cómo se volvió tan esencial en la web moderna? Vamos a descubrirlo.

¿Qué es JavaScript?

JavaScript es un lenguaje de programación de alto nivel, dinámico, interpretado y orientado a objetos. Es conocido principalmente como el lenguaje de script para páginas web, pero también es usado en muchos ambientes más allá del navegador, como Node.js, Apache CouchDB y Adobe Acrobat.

La característica distintiva de JavaScript es la capacidad de ejecutarse en el navegador, haciendo las páginas web interactivas y dinámicas.

Esta interactividad puede variar desde simples pop-ups de alerta hasta aplicaciones web complejas, como editores de texto y juegos 3D.

Aplicaciones Prácticas de JavaScript

Generalmente las personas que están comenzando se preguntan por qué JavaScript es tan fundamental. 🤔

Además de su aplicación obvia en páginas web, también es ampliamente usado en desarrollo de servidores backend, creación de aplicaciones móviles, juegos, e incluso en robótica.

La capacidad de actuar tanto en el front-end como en el back-end, por medio de Node.js, transformó JavaScript en un lenguaje de programación "omnipresente". Es decir, aprendes un lenguaje y tienes capacidad de actuar en diferentes áreas dentro del Desarrollo de Software.

Inclusive JavaScript es ampliamente utilizado en startups, que generalmente optan por una mayor velocidad en el desarrollo de sus aplicaciones.

Consecuentemente esto hace que el mercado de desarrollo con JavaScript sea gigantesco.

Bueno, la próxima parte puede no ser interesante para la mayor parte de los lectores, pero la considero importante para que tengas idea cuando vayas a conversar sobre programación con otras personas, la historia detrás siempre es muy buena de saber.

Historia de JavaScript

La historia de JavaScript comienza en 1995 con la empresa Netscape Communications, que estaba desarrollando su navegador, Netscape Navigator. Para hacer su navegador más dinámico e interactivo, Netscape decidió incluir un lenguaje de script ligero.

El lenguaje fue inicialmente llamado Mocha, después LiveScript y, finalmente, JavaScript - aunque no tiene relación directa con el lenguaje Java. El nombre fue más un movimiento de marketing, pues Java era un lenguaje extremadamente popular en aquella época.

Brendan Eich, un ingeniero de Netscape, creó JavaScript en apenas 10 días. A pesar de su creación apresurada y algunas inconsistencias, el lenguaje ganó popularidad rápidamente.

En 1996, Microsoft Internet Explorer lanzó su propia versión de JavaScript, llamada JScript, para sortear problemas de licenciamiento. Esto llevó a inconsistencias entre las implementaciones del lenguaje en los diferentes navegadores, haciendo el desarrollo web un desafío.

Para estandarizar el lenguaje, Netscape sometió JavaScript al Ecma International, un grupo de estandarización.

El resultado fue la primera edición del estándar ECMAScript en 1997. Este estándar es lo que los navegadores y otros intérpretes JavaScript usan como referencia para implementar el lenguaje.

En este momento que conoces la historia, entiendes por qué las versiones de JavaScript usan ese nombre ECMAScript.

Desafíos de JavaScript en la Actualidad

Aunque JavaScript tiene una vasta gama de aplicaciones y es extremadamente popular, no está exento de desafíos. Con la evolución de la web, surgen preocupaciones con seguridad, optimización de rendimiento y compatibilidad entre navegadores.

Además, con la proliferación de frameworks y bibliotecas, la elección de la tecnología correcta puede ser, a veces, abrumadora para desarrolladores novatos.

Versiones

Desde su estandarización, ECMAScript tuvo varias ediciones que trajeron nuevas funcionalidades y cambios al lenguaje:

• ES1 (1997): La primera edición.
• ES2 (1998): Una edición editorial del estándar para estar en conformidad con las reglas ISO.
• ES3 (1999): Introdujo muchos recursos que son fundamentales en el lenguaje hoy, como expresiones regulares y manipulación de strings y arrays.
• ES4: Esta versión nunca fue lanzada. Hubo muchas propuestas, pero el comité no consiguió llegar a un acuerdo sobre ellas.
• ES5 (2009): Introdujo recursos importantes, como getters y setters, y funcionalidades nativas de JSON.
• ES6 o ES2015: Fue una actualización significativa para el lenguaje, trayendo clases, módulos, promesas, let/const y muchos otros recursos que modernizaron el lenguaje.
• ES2016 y subsiguientes: El comité decidió actualizar el estándar anualmente. Estas versiones traen menos recursos, pero garantizan que el lenguaje continúe evolucionando.

La Belleza de la Simplicidad de JavaScript

Una de las cosas más apreciadas en JavaScript es su simplicidad cuando se quiere realizar tareas básicas. Por ejemplo, mostrar un mensaje en la pantalla es tan simple como:

Este código crea un pop-up con el mensaje "¡Hola, HaWkers!" cuando la página es cargada.

Manipulación de DOM con JavaScript

La manipulación del Document Object Model (DOM) es uno de los usos más comunes de JavaScript en aplicaciones web. ¿Quieres alterar el texto de un elemento HTML? Es fácil:

Este código busca un elemento con el ID "miElemento" y cambia su contenido a "¡Nuevo Texto!".

Pero si no entendiste lo que quise decir arriba, ¡quédate tranquilo! Pronto estarás dominando esto.

¡No te asustes!

Funciones en JavaScript

Las funciones son bloques de código que pueden ser reutilizados. Por ejemplo, si quieres crear una función que salude a alguien por el nombre, podrías hacer:

ES6 y Más Allá: Sintaxis Moderna

La introducción de ES6 trajo una sintaxis más elegante y recursos poderosos. Uno de esos recursos es la arrow function, que proporciona una manera más concisa de escribir funciones:

Asincronicidad en JavaScript

JavaScript introdujo conceptos de programación asíncrona, como Promises y async/await, que ayudan a gestionar operaciones que llevan tiempo, como solicitudes de red:

En este ejemplo, usamos la API fetch para obtener datos de un endpoint y después mostrar esos datos.

La Comunidad detrás de JavaScript

Una de las grandes fortalezas de JavaScript es su comunidad activa y comprometida. Por ser un lenguaje open source, muchos desarrolladores contribuyen para la evolución y mantenimiento de frameworks, bibliotecas y herramientas.

Plataformas como GitHub y npm están repletas de paquetes y soluciones creadas por entusiastas de JavaScript, listas para ser usadas y adaptadas según la necesidad.

Conclusión

Pues bien HaWker, como puedes percibir, JavaScript pasó de un lenguaje creado a las prisas a convertirse en uno de los lenguajes de programación más importantes y ampliamente usados en el mundo.

Su impacto en la web y su evolución continua garantizan que permanezca relevante por muchos años.

En este instante que tienes una base sobre Programación, más específicamente sobre qué es JavaScript y su rica historia, estás listo para sumergirte más profundo y explorar su potencial completo.

¡Uf! 😮‍💨

Llegamos al fin de nuestro primer artículo.

Y si llegaste hasta aquí, responde este email con "Llegué hasta el final".

Solamente un verdadero HaWker llega hasta el final.

¡Felicitaciones!

Estoy feliz de tenerte aquí.

Te veo pronto, ¡vamos a por ello! 🦅

- Jeff Bruchado

¡Felicitaciones por llegar hasta aquí, HaWker! 🎉

Ahora que aprendiste sobre la historia y la importancia de JavaScript, ¿qué tal testear tus conocimientos? Participa del quiz abajo y ve cuánto absorbiste de nuestro artículo. Es una excelente manera de fijar el aprendizaje y prepararte para los próximos pasos en tu viaje de programación.

Haz clic aquí para acceder al quiz.

¡Buena suerte y diviértete!