Saltar al contenido

BUSCAR EN EL SITIO

Encuentra lo que necesitas aprender.

Busca entre lecciones, ejercicios, proyectos y errores; sin cuentas ni algoritmos de recomendación opacos.

Introduce un término

LecciónJavaScript hace que una página respondareconocer cuándo JavaScript cambia una página LecciónLa consola muestra lo que ejecutasescribir y ejecutar mensajes en la consola LecciónDistingue números, texto y booleanosdistinguir un número, una cadena y un booleano LecciónGuarda valores con const y letelegir entre const y let según cambie el dato LecciónConvierte texto numérico antes de sumarconvertir un texto numérico antes de sumar LecciónHaz preguntas con true y falseformular una pregunta que devuelva true o false LecciónCompara sin confundir número y textocomparar valores con igualdad estricta LecciónReconoce valores que cuentan como falsosreconocer valores vacíos que se consideran false LecciónElige entre dos caminos con if y elseelegir una de dos acciones con if y else LecciónExige dos requisitos con &&exigir dos condiciones con &&LecciónLee un elemento de un arrayleer un elemento de una lista por su índice LecciónAñade un elemento al final con pushañadir un elemento a un array LecciónRepite una tarea con forrepetir una instrucción con for LecciónRepite hasta cumplir una condición con whilecontrolar la salida de un bucle while LecciónRecorre una lista con for...ofrecorrer los valores de un array con for...of LecciónQuita espacios sobrantes con trimeliminar espacios sobrantes con trim LecciónBusca una palabra con includescomprobar si una frase contiene un texto LecciónAgrupa datos de algo con un objetorepresentar algo mediante propiedades de un objeto LecciónLee objetos que están dentro de un arrayleer una propiedad de un objeto dentro de un array LecciónExtrae una propiedad con desestructuraciónextraer una propiedad con desestructuración LecciónDeclara y llama una funcióndefinir y llamar una función LecciónDevuelve un valor con returndevolver un resultado con return LecciónEntiende dónde existe una variablereconocer el ámbito de una variable LecciónEscribe una función flechaescribir una función flecha sencilla LecciónCombina dos funciones pequeñasconectar dos funciones pequeñas LecciónEncuentra texto en una página con el DOMleer el texto de un elemento del DOM LecciónCambia texto visible con textContentcambiar el texto visible de una página LecciónCambia una clase para cambiar el aspectoañadir y quitar una clase CSS desde JavaScript LecciónCrea y añade un elemento de listacrear e insertar un nuevo elemento HTML LecciónMuestra una lista de datos en la páginamostrar una lista de datos en el DOM LecciónResponde a un clic con addEventListenerresponder a un clic con addEventListener LecciónAverigua dónde ocurrió un clicidentificar el elemento donde comenzó un clic LecciónLee un formulario al enviarloleer datos de un formulario al enviarlo LecciónActualiza una interfaz desde su estadoactualizar la interfaz a partir de una variable de estado LecciónEscucha clics de una lista desde su contenedorescuchar varios botones desde un contenedor LecciónTransforma cada elemento con mapcrear otro array aplicando map LecciónSuma los elementos de un array con reducereunir los números de una lista en una sola suma LecciónConvierte objetos a JSONtransformar un objeto en texto JSON y recuperarlo LecciónAtrapa un error con try y catchcapturar un error al leer un JSON inválido LecciónMuestra texto de forma segura con textContentmostrar contenido del usuario como texto seguro LecciónEspera una acción con setTimeoutprogramar una acción con setTimeout LecciónRecibe un resultado futuro con una promesarecibir el resultado de una promesa con then LecciónEspera una promesa con awaitesperar una promesa utilizando await LecciónLee JSON mediante fetch desde un recurso de ejemploobtener JSON mediante una petición fetch real LecciónMuestra al usuario cuándo está cargandomostrar los estados Cargando y Listo en una interfaz LecciónComparte una función entre dos archivos con módulosimportar una función desde otro módulo real LecciónEntiende para qué sirve npmdistinguir los comandos básicos de npm LecciónEncuentra un fallo usando un breakpointinvestigar una variable utilizando un breakpoint LecciónEjecuta un archivo con Node.jsejecutar un archivo JavaScript con Node.js LecciónDa una responsabilidad a cada archivoseparar datos, cálculos y aplicación en archivos LecciónComprueba un resultado con una pruebacomprobar una función frente a un resultado esperado LecciónComprueba justo los valores límiteprobar valores justo fuera y dentro de un límite LecciónReproduce un error y encuentra su causareproducir y corregir un error de índice LecciónUsa botones que funcionan con tecladoactivar un botón con teclado LecciónRetira una escucha cuando ya no hace faltaquitar una escucha cuando no hace falta LecciónProyecto: crea una pregunta de cuestionariocompletar y reiniciar un cuestionario interactivo LecciónProyecto: añade una tarea a un gestorañadir y conservar una tarea en el navegador LecciónProyecto: encuentra productos por su nombrefiltrar productos desde una búsqueda LecciónProyecto: muestra datos obtenidos de una APIdistinguir carga, resultado y error en una aplicación LecciónReto final: construye una función que puedas demostrarcompletar un cambio real y demostrar que funciona EjercicioDuplica un númeroImplementa doble(n), que devuelva el número multiplicado por dos.EjercicioConstruye un saludoImplementa saludo(nombre), que devuelva "Hola, NOMBRE". No uses console.log como resultado.EjercicioCalcula el precio totalImplementa total(precio, cantidad). Devuelve el importe multiplicado, incluso si cantidad es 0.EjercicioComprueba una edadImplementa esMayor(edad). Devuelve true para edades de 18 en adelante y false para las demás.EjercicioClasifica una notaImplementa clasificar(nota): "excelente" si es 9 o más, "aprobado" si es al menos 5 y "repasar" en los demás casos.EjercicioRevisa dos requisitosImplementa acceso(edad, entrada). Devuelve true solo si edad >= 18 y entrada es true.EjercicioEncuentra el último elementoImplementa ultimo(lista), que devuelva el último elemento o undefined si la lista está vacía.EjercicioSuma una listaImplementa sumar(lista) y devuelve la suma de sus números. Una lista vacía debe producir 0.EjercicioFiltra valores paresImplementa pares(lista) y devuelve un array nuevo con los números pares en el mismo orden.EjercicioExtrae los nombresImplementa nombres(personas) y devuelve un array con la propiedad nombre de cada objeto, respetando el orden.EjercicioBusca un objeto por IDImplementa buscar(lista, id) y devuelve el objeto con ese id. Si no existe, devuelve null.EjercicioFormatea un precioImplementa euros(cantidad), que devuelva exactamente dos decimales y el texto " €" al final.EjercicioCuenta caracteres tras limpiarImplementa longitudLimpia(texto). Devuelve la cantidad de caracteres tras quitar espacios de los extremos.EjercicioBusca ignorando mayúsculasImplementa contiene(texto, consulta). Devuelve true si el texto contiene la consulta sin distinguir mayúsculas.EjercicioFiltra tareas no completadasImplementa pendientes(tareas), que devuelva un array nuevo de tareas donde hecha sea false. Este dato después se dibuja en el DOM.EjercicioAlterna una tarea sin mutarlaImplementa alternar(tarea), que devuelva un objeto nuevo con hecha invertido, sin modificar el original.EjercicioDescribe el estado de una cargaImplementa async resumen(p), que espere la promesa p y devuelva "listo" si se resuelve o "error" si se rechaza.EjercicioFiltra productos disponiblesImplementa disponibles(productos, maximo), que devuelva nombres de productos con stock > 0 y precio <= maximo.ProyectoCuestionario interactivoCrea preguntas, comprueba respuestas y muestra una puntuación final.ProyectoGestor de tareasAñade, completa, filtra y guarda tareas en tu propio navegador.ProyectoCatálogo interactivoFiltra artículos, ordena resultados y diseña un estado vacío útil.ProyectoExplorador de datosVisualiza estados de carga, error y cancelación con datos reproducibles.ErrorSyntaxError: sintaxis incorrectaJavaScript no puede interpretar una instrucción porque su estructura está incompleta o no cumple la sintaxis.ErrorReferenceError: nombre no disponibleIntentas utilizar un identificador que no existe o que no es accesible desde ese ámbito.ErrorTypeError: operación no válidaEl tipo del valor no permite la operación que intentas hacer.ErrorRangeError: valor fuera de límitesUna operación ha recibido un valor fuera del intervalo permitido por JavaScript o ha agotado la pila de llamadas.ErrorURIError: URI mal codificadaLa función que codifica o descodifica una URI ha encontrado una secuencia inválida.ErrorCannot read properties of undefinedEl programa está intentando acceder a una propiedad de undefined (o de null).ErrorquerySelector devuelve nulldocument.querySelector devuelve null cuando no encuentra un elemento que coincida con el selector.ErrorProblemas con import y exportLa importación falla cuando el entorno, la ruta o los nombres exportados no coinciden con lo que espera el módulo.Errorfetch: red, CORS y HTTP 404fetch rechaza ante ciertos fallos de red, pero no rechaza automáticamente por respuestas HTTP 404 o 500.ErrorPromesa rechazada sin manejarUna operación asíncrona ha fallado y el rechazo de su promesa no se ha tratado.Erroris not a function: intentar llamar algo que no es funciónSe están utilizando paréntesis de llamada sobre un valor que no es una función.ErrorCannot access before initialization (TDZ)Intentas leer una variable let o const antes de que se ejecute su declaración.ErrorUnexpected token al leer JSONJSON.parse o response.json() ha recibido contenido que no es JSON válido.ErrorCORS: el navegador bloquea la respuestaEl navegador impide que una página lea una respuesta de otro origen si el servidor no autoriza el acceso mediante CORS.GlosarioAlgoritmoSecuencia finita de pasos para resolver un problema.GlosarioArgumentoValor concreto que pasas cuando llamas a una función.GlosarioArrayColección ordenada de elementos, consultados mediante índices.GlosarioAsincroníaCoordinación de tareas cuyo resultado puede llegar más tarde.GlosarioAtributoDato asociado a una etiqueta HTML, como id o aria-label.GlosarioBooleanoValor lógico true o false.GlosarioCallbackFunción entregada a otra función para ejecutarse más tarde o por cada elemento.GlosarioClase CSSNombre utilizado para aplicar reglas de estilo a elementos.GlosarioClosureFunción que conserva acceso a variables de su entorno de creación.GlosarioCondicionalEstructura que elige acciones según una condición.GlosarioConsolaHerramienta para observar mensajes y errores durante el desarrollo.GlosarioconstDeclaración de una vinculación que no puede reasignarse.GlosarioDOMModelo en objetos de un documento HTML utilizado para consultar y modificar nodos.GlosarioEventoNotificación de una interacción o cambio que puede escuchar una función.GlosarioExpresiónFragmento de código que produce un valor.GlosariofetchAPI web para iniciar peticiones de recursos, normalmente HTTP.GlosariofilterMétodo que crea un array con elementos que superan una condición.GlosarioFunciónBloque de código reutilizable que puede recibir datos y devolver un valor.GlosarioHoistingComportamiento por el que ciertas declaraciones son accesibles según las reglas de inicialización y ámbito.GlosarioÍndicePosición numérica de un elemento en un array; empieza en cero.GlosarioJSONFormato de texto para representar datos estructurados.GlosarioletDeclaración de una variable reasignable con ámbito de bloque.GlosariolocalStorageAlmacenamiento de pares clave-valor en el navegador.GlosariomapMétodo que devuelve un nuevo array transformando cada elemento.GlosarioMóduloArchivo JavaScript que importa o exporta funcionalidades.GlosarioNaNValor numérico especial que representa un resultado no numérico.GlosarionullValor utilizado para representar intencionadamente ausencia de valor.GlosarioObjetoEstructura con propiedades identificadas por claves.GlosarioParámetroNombre local que recibe una función para trabajar con un argumento.GlosarioPromesaObjeto que representa una operación eventual pendiente, cumplida o rechazada.GlosarioquerySelectorMétodo DOM que devuelve el primer elemento que coincide con un selector CSS.GlosarioreduceMétodo de array que acumula valores en un resultado.GlosarioreturnInstrucción que termina la ejecución de una función y devuelve un valor.GlosarioScope (ámbito)Reglas que determinan dónde se puede acceder a cada variable.GlosariosetTimeoutAPI que programa una función para un momento posterior.GlosarioTemplate literalCadena con comillas invertidas que permite interpolar expresiones.GlosariothisValor asociado al contexto de una llamada, según el modo en que se invoca.Glosariotruthy/falsyForma en que un valor se interpreta al convertirlo a booleano.GlosarioundefinedValor usado, entre otros casos, cuando una variable o propiedad no tiene valor asignado.GlosarioVariableNombre que referencia un valor en el programa.