APRENDIENDO LOS FUNDAMENTOS
Fundamentos de JavaScript: Comprendiendo la Sintaxis, Constructores Básicos y Conceptos Fundamentales
Frontend Roadmap: Javascript Parte I
¡Ok! Así que has decidido aprender JavaScript desde cero o volver a aprender los fundamentos de JavaScript.
JavaScript es un lenguaje versátil que permite a los desarrolladores crear sitios web interactivos y dinámicos. Ya sea que estés trabajando en el desarrollo web front-end o back-end, JavaScript tiene todo lo que necesitas.
En este artículo, nos sumergiremos en los conceptos básicos de JavaScript y exploraremos su naturaleza de alto nivel, la importancia de ECMAScript y algunos elementos de sintaxis y constructores esenciales. Al final, tendrás una base sólida para comenzar a construir tus propias aplicaciones con JavaScript. ¡Comencemos!
¿Qué es JavaScript?
JavaScript es un lenguaje de programación que te permite agregar interactividad y comportamiento dinámico a los sitios web. Se utiliza principalmente para el desarrollo web front-end, pero también puede usarse en el back-end con frameworks como Node.js.
JavaScript es un lenguaje de alto nivel e interpretado, lo que significa que se ejecuta directamente en el navegador sin necesidad de compilación.
Pero, ¿qué significa esto?
Bueno, el hecho de que JavaScript sea un lenguaje de alto nivel significa que proporciona un mayor nivel de abstracción, lo que facilita a los desarrolladores escribir código en comparación con lenguajes de bajo nivel como el ensamblador o el código máquina. Básicamente, JavaScript fue diseñado para ser fácil de leer, escribir y comprender para los humanos. Esto te permite centrarte más en la lógica y la funcionalidad de tu código en lugar de en detalles técnicos complejos. Puedes escribir código JavaScript que le diga al navegador qué hacer, como mostrar información, manejar interacciones de usuario o hacer que sucedan cosas en una página web.
¿Y qué es ECMAScript?
Es posible que hayas escuchado hablar de ECMAScript. Este es el estándar oficial que define la sintaxis, el comportamiento y las características del lenguaje de programación JavaScript. Proporciona pautas sobre cómo debe funcionar JavaScript, garantizando consistencia en diferentes implementaciones y permitiendo a los desarrolladores escribir código que funcione en diferentes plataformas y navegadores.
El estándar ECMAScript es mantenido por la organización ECMA International, una organización estándar para sistemas de información y comunicación. Regularmente actualizan y lanzan nuevas versiones de la especificación de ECMAScript para introducir nuevas características, mejorar el lenguaje y solucionar problemas o inconsistencias.
Cada nueva versión de ECMAScript introduce nuevas características, sintaxis y mejoras en JavaScript. Por ejemplo, ECMAScript 6 (ES6), también conocido como ECMAScript 2015, introdujo adiciones significativas al lenguaje, incluyendo funciones de flecha, plantillas literales, clases y una sintaxis mejorada para trabajar con arreglos y objetos.
JavaScript sigue una sintaxis similar a otros lenguajes de programación. En las siguientes líneas, encontrarás un resumen de algunos constructores básicos y sintaxis utilizados en JavaScript.
P.D. Casi todas mis fuentes para aprender JavaScript provienen de dos sitios en específico en los que puedes confiar ya que suelen contener su información bastante actualizada. Proporcionaré las fuentes al final de cada sección para que puedas consultarlas y aprender más a profundidad por tu cuenta.
Sentencias
El código de JavaScript está compuesto por sentencias, que son instrucciones que realizan acciones. Cada sentencia generalmente termina con un punto y coma (;), pero esto es opcional.
console.log("¡Hola, mundo!"); // Muestra "¡Hola, mundo!" en la consolaComentarios
Los comentarios se utilizan para agregar notas explicativas al código y son ignorados por el motor de JavaScript. Hay dos tipos de comentarios en JavaScript: comentarios de una línea y comentarios de varias líneas.
// Este es un comentario de una línea
/*
Este es un comentario de varias líneas.
Puede abarcar múltiples líneas.
*/Variables
Las variables se utilizan para almacenar y manipular datos en JavaScript. Puedes declarar variables utilizando las palabras clave var, let o const.
var nombre = "Juan"; // forma antigua de declarar una variable / no recomendada
let edad = 25; // forma moderna de declarar una variable que puede cambiar
const PI = 3.14; // declara una variable que no puede cambiar, una constante¡Pero! Desde ECMAScript 6, la declaración de variables usando var se ha vuelto casi obsoleta debido a los posibles problemas que puede causar en un proyecto.
Preguntas técnicas
¿Qué es un lenguaje de alto nivel?
Los lenguajes de alto nivel, como JavaScript, son aquellos que proporcionan un mayor nivel de abstracción y están diseñados para que sean más fáciles de leer, escribir y entender para los humanos.
¿Qué significa ES6 en JavaScript y qué es?
ES6 significa ECMAScript 6, también conocido como ECMAScript 2015. Es una actualización importante de la especificación del lenguaje JavaScript. ES6 introdujo adiciones y mejoras significativas a JavaScript, incluyendo nueva sintaxis, características y funcionalidades.
PD: Si tú eres un hablante nativo en inglés o prefieres aprender estos conceptos usando el idioma más usado en equipos internacionales, puedes consultar la versión gemela de esta publicación. Mismos conceptos, mismas explicaciones, pero en diferente idioma 😉 cada semana.
PD.2: Si deseas escuchar este mismo contenido, puedes visitar elepisodio en mi podcast en Spotify ;)
