Javascript
JavaScript (JS) es un lenguaje de programación esencial para el des
arrollo web, conocido por su capacidad para crear páginas web dinám
icas e interactivas.
Historia
1995: Brendan Eich creó JavaScript en solo 10 días mientras tra
bajaba en Netscape Communications. Originalmente se llamó M
ocha, luego LiveScript, y finalmente JavaScript.
1996: Microsoft lanzó una versión de su propio JavaScript, llam
ada JScript, para competir con Netscape.
1997: La primera versión oficial de JavaScript (ES1) fue estanda
rizada por ECMA International como ECMAScript.
2009: Con la creación de [Link], JavaScript se expandió del la
do del cliente al lado del servidor.
2015: ES6 (ECMAScript 2015) introdujo grandes mejoras y nuev
as características, consolidando JavaScript como un lenguaje po
tente y moderno.
Uso y características
JavaScript permite a los desarrolladores agregar interactividad y dina
mismo a las páginas web. Sus características más destacadas incluye
n:
Manipulación del DOM: Permite cambiar y actualizar el conte
nido y la estructura de una página web en tiempo real.
Eventos: Responde a acciones del usuario, como clics, movimie
ntos del mouse y teclas presionadas.
Asincronía: Manejo de operaciones que toman tiempo, como s
olicitudes a servidores, sin bloquear la ejecución del código (pro
mesas, async/await).
Funciones: Unidades de código reutilizables que pueden ser in
vocadas múltiples veces.
Objetos: JS es un lenguaje orientado a objetos, permitiendo la c
reación y manipulación de objetos para organizar y estructurar
el código.
Ejemplo básico de código
javascript
Copiar
// Cambiar el contenido de un párrafo al hacer clic en un botón
[Link]('myButton').addEventListener('click',
function() {
[Link]('myParagraph').textContent = '¡Hola,
JavaScript!';
});
Tipos de selectores y ejemplos
1. Selectores de ID: Seleccionan un elemento específico por su a
tributo id.
javascript
Copiar
[Link]('myId').[Link] = 'blue';
2. Selectores de clase: Seleccionan todos los elementos que co
mparten una clase.
javascript
Copiar
var elements = [Link]('myClass');
for (var i = 0; i < [Link]; i++) {
elements[i].[Link] = 'red';
3. Selectores de etiqueta: Seleccionan todos los elementos de u
n tipo específico.
javascript
Copiar
var paragraphs = [Link]('p');
for (var i = 0; i < [Link]; i++) {
paragraphs[i].[Link] = '20px';
Valores comunes en CSS aplicados con JS
Colores: [Link] = 'red';
Tamaños: [Link] = '16px';
Márgenes y padding: [Link] = '10px'; y eleme
[Link] = '20px';
JavaScript sigue evolucionando con nuevas versiones de ECMAScript q
ue se lanzan regularmente, introduciendo mejoras y nuevas funcionali
dades que hacen que el lenguaje sea aún más potente y versátil.
