Este cheatsheet de JavaScript te proporciona una referencia rápida y práctica, abarcando desde variables y funciones hasta manejo de eventos y promesas. Úsalo como guía para mejorar y desarrollar aplicaciones web utilizando JavaScript de manera efectiva.

<p>Aquí tienes un cheatsheet básico y organizado de JavaScript que abarca diversos aspectos fundamentales para desarrollar aplicaciones web:</p><hr><h3>Variables y Tipos de Datos</h3><pre><code class="language-javascript">// Declaración de variables
let nombre = 'Juan';
const PI = 3.14;
var edad = 30;

// Tipos de datos
let numero = 10; // Number
let texto = 'Hola'; // String
let esVerdadero = true; // Boolean
let arreglo = [1, 2, 3]; // Array
let objeto = { nombre: 'Juan', edad: 30 }; // Object
let funcion = function() {}; // Function</code></pre><hr><h3>Estructuras de Control</h3><pre><code class="language-javascript">// If-else
if (edad &gt;= 18) {
    console.log('Es mayor de edad');
} else {
    console.log('Es menor de edad');
}

// Switch
let dia = 'Lunes';
switch (dia) {
    case 'Lunes':
        console.log('Primer día de la semana');
        break;
    case 'Martes':
        console.log('Segundo día de la semana');
        break;
    default:
        console.log('Día no reconocido');
        break;
}</code></pre><hr><h3>Funciones</h3><pre><code class="language-javascript">// Declaración de función
function saludar(nombre) {
    return 'Hola, ' + nombre;
}

// Función flecha
let sumar = (a, b) =&gt; a + b;

// Llamada a función
console.log(saludar('Juan')); // Imprime: Hola, Juan
console.log(sumar(5, 3)); // Imprime: 8</code></pre><hr><h3>Arrays y Métodos</h3><pre><code class="language-javascript">// Declaración de array
let numeros = [1, 2, 3, 4, 5];

// Métodos de array
numeros.push(6); // Agrega al final
numeros.pop(); // Elimina el último
numeros.unshift(0); // Agrega al inicio
numeros.shift(); // Elimina el primero

console.log(numeros); // Imprime: [1, 2, 3, 4, 5]</code></pre><hr><h3>Objetos y Propiedades</h3><pre><code class="language-javascript">// Declaración de objeto
let persona = {
    nombre: 'Juan',
    edad: 30,
    ciudad: 'México'
};

// Acceder a propiedades
console.log(persona.nombre); // Imprime: Juan
console.log(persona['edad']); // Imprime: 30

// Añadir nueva propiedad
persona.trabajo = 'Desarrollador';

// Eliminar propiedad
delete persona.ciudad;

console.log(persona); // Imprime: { nombre: 'Juan', edad: 30, trabajo: 'Desarrollador' }</code></pre><hr><h3>Promesas y Asincronía</h3><pre><code class="language-javascript">// Creación de promesa
let miPromesa = new Promise((resolve, reject) =&gt; {
    setTimeout(() =&gt; {
        resolve('Datos recibidos');
    }, 2000);
});

// Consumo de promesa
miPromesa.then(resultado =&gt; {
    console.log(resultado); // Imprime: Datos recibidos
}).catch(error =&gt; {
    console.log(error);
});</code></pre><hr><h3>Manipulación del DOM</h3><pre><code class="language-javascript">// Selección de elementos
let boton = document.getElementById('miBoton');
let lista = document.querySelectorAll('ul &gt; li');

// Evento click
boton.addEventListener('click', () =&gt; {
    console.log('Botón clickeado');
});

// Modificación de contenido
lista.forEach(item =&gt; {
    item.textContent = 'Nuevo texto';
});</code></pre><hr><h3>Gestión de Errores</h3><pre><code class="language-javascript">// Try-catch
try {
    // Código que puede lanzar un error
    let resultado = 10 / 0;
} catch (error) {
    console.log('Error:', error.message);
}</code></pre><p>Este cheatsheet de JavaScript te proporciona una referencia rápida y práctica, abarcando desde variables y funciones hasta manejo de eventos y promesas. Úsalo como guía para mejorar y desarrollar aplicaciones web utilizando JavaScript de manera efectiva.</p>

Contenido

Cheatsheet completo de JavaScript: Desde fundamentos básicos hasta promesas y manipulación del DOM

@codechappie