Manual de Repaso de JavaScript

1. Fundamentos de JavaScript

1. Sintaxis Básica

   • Variables: var, let, const
   • Tipos de datos: Number, String, Boolean, Object, Array, Function
   • Operadores: aritméticos, de asignación, de comparación, lógicos

2. Control de Flujo

   • Condicionales: if, else if, else, switch
   • Bucles: for, while, do...while, for...of, for...in

3. Funciones

   • Declaración de funciones: funciones declarativas, funciones expresivas
   • Funciones anónimas y funciones flecha
   • Parámetros y argumentos
   • Funciones de primera clase y funciones de orden superior

2. Manipulación de Arrays y Objetos

1. Arrays

   • Creación y acceso a elementos
   • Métodos de array: push, pop, shift, unshift, splice, slice, concat, forEach, map, filter, reduce, find, findIndex, some, every

2. Objetos

   • Creación y acceso a propiedades
   • Métodos de objeto: Object.keys, Object.values, Object.entries, Object.assign
   • Clonación y fusión de objetos

3. Conceptos Avanzados

1. Closures

   • Definición y uso de closures
   • Ejemplos prácticos

2. Scope

   • Scope global y local
   • Scope de bloque con let y const
   • Hoisting

3. This

   • Contexto de this
   • Cómo cambia this con funciones, métodos de objeto, y funciones flecha
   • Métodos call, apply y bind

4. Programación Orientada a Objetos

1. Clases y Prototipos

   • Creación de clases con class
   • Herencia con extends
   • Métodos y propiedades de clase
   • Prototipos y herencia prototípica

2. Constructores

   • Uso del constructor constructor
   • Herencia con super

5. Asincronía en JavaScript

1. Callbacks

   • Definición y uso de callbacks
   • Callback Hell y cómo evitarlo

2. Promesas

   • Creación y uso de promesas
   • Métodos then, catch, finally

3. Async/Await

   • Sintaxis y uso de async y await
   • Manejo de errores con try...catch

6. Manipulación del DOM

1. Seleccionar Elementos

   • Métodos: getElementById, getElementsByClassName, getElementsByTagName, querySelector, querySelectorAll

2. Modificar Elementos

   • Modificar contenido: innerHTML, textContent
   • Modificar atributos: setAttribute, getAttribute, removeAttribute
   • Modificar estilos: style

3. Eventos

   • Añadir y eliminar eventos: addEventListener, removeEventListener
   • Eventos comunes: click, mouseover, mouseout, keydown, keyup, submit

7. Manejo de Errores

1. Try/Catch

   • Uso de try, catch, finally
   • Propagación de errores

2. Errores Personalizados

   • Crear y lanzar errores personalizados

8. Buenas Prácticas

1. Escritura Limpia de Código

   • Nombres de variables y funciones descriptivos
   • Comentarios y documentación

2. Optimización

   • Evitar el uso excesivo de recursos
   • Mejores prácticas para el rendimiento

9. Herramientas y Entorno

1. Depuración

   • Uso de console.log, console.error
   • Depuradores en navegadores (DevTools)

2. Gestión de Dependencias

   • Uso de npm o yarn
   • Creación y uso de package.json

3. Transpilers y Bundlers

   • Uso de Babel para compatibilidad de versiones
   • Uso de Webpack para empaquetar aplicaciones