Aprende las partes usadas para construir la web y las pruebas que muestran si funcionan bien.
Abrir un término para un significado simple, un ejemplo, cuándo usarlo, cuán oficial es y su nombre en código.
Este paquete de aprendizaje une tres campos de calidad. La accesibilidad verifica quién puede usar el producto. El rendimiento verifica la velocidad de respuesta y el costo de los recursos. La observabilidad ayuda a explicar un sistema en funcionamiento. El paquete no es un único estándar de métrica de calidad.
↗Un administrador de paquetes busca, instala, registra, actualiza y publica paquetes de software y los paquetes de los que dependen.
↗La cancelación de solicitud indica que el trabajo del cliente no terminado ya no es necesario. Las API admitidas reciben una señal de aborto.
↗Un Test Case comprueba un solo comportamiento o riesgo. Nombra la preparación inicial, la acción y el resultado esperado.
↗El ciclo de vida de obtención de datos sigue una solicitud de lectura. Se mueve desde esperar hasta éxito o error. El éxito puede contener datos o estar vacío.
↗La cobertura de prueba muestra qué código, necesidades, estados o riesgos verifican las pruebas. Un porcentaje es solo un signo aproximado.
↗Una carrera asincrónica ocurre cuando trabajos superpuestos terminan en un orden inesperado. Un resultado más antiguo puede sobrescribir uno más nuevo.
↗Un build convierte los archivos de origen y sus dependencias en un resultado probado que puedes ejecutar, testear o desplegar.
↗Core Web Vitals es el conjunto de medidas de usuario real de Google para la carga de la página, la respuesta a la entrada y la estabilidad visual. Las medidas actuales son LCP, INP y CLS.
↗CSS es un conjunto de reglas web que controla cómo se ven y se organizan los elementos de un documento. Puede establecer color, espacio, diseño, cambios de tamaño de pantalla y estados visuales.
↗Los datos de prueba y los fixtures son entradas conocidas y pasos de configuración. Ponen el sistema en el mismo estado para cada prueba.
↗La deduplicación de solicitudes permite que los llamadores coincidentes compartan una solicitud que ya está en ejecución. Cada llamador recibe el mismo resultado.
↗El desarrollo guiado por pruebas (TDD) repite tres pasos. Escribe una pequeña prueba que falle. Escribe el mínimo código que pase la prueba. Luego limpia el código sin cambiar su funcionamiento.
↗Un Test Double sustituye a una pieza real del sistema. Los stubs, fakes, spies y mocks te dan control o visibilidad.
↗El Modelo de Objetos del Documento (DOM) convierte un documento en un árbol de objetos llamados nodos. Los programas utilizan sus herramientas estándar para leer y cambiar el documento.
↗Un empaquetador de módulos sigue los enlaces entre módulos de código y prepara los archivos para desplegar. A menudo divide, cambia y mejora esos archivos.
↗El estado del servidor es un dato remoto que posee el servidor. La pantalla mantiene una copia y debe actualizarla.
↗La generación de sitios estáticos (SSG) crea el HTML de cada ruta antes de que los visitantes lo soliciten, generalmente durante una compilación. El servidor puede entonces enviar archivos ya preparados.
↗La gestión del estado del frontend decide qué recuerda una pantalla, dónde vive esa información y qué puede cambiarla.
↗La hidratación conecta el comportamiento y el estado del navegador con HTML que un servidor o la compilación ya hicieron. Esto convierte partes elegidas de la página en controles interactivos.
↗HTML es el lenguaje de marcado estándar que da a una página web sus partes y significado. Indica al navegador qué es un encabezado, enlace, imagen, formulario y más.
↗La interfaz optimista muestra el resultado esperado antes de que el servidor lo confirme. El fallo restaura el resultado anterior y explica lo que ocurrió.
↗La invalidación de consultas marca los datos en caché coincidentes como antiguos. Los datos relacionados que estén en pantalla pueden entonces actualizarse en segundo plano.
↗JavaScript es un lenguaje de programación basado en el estándar ECMAScript. A menudo se usa para hacer que los sitios web y otros programas respondan a acciones y cambien con el tiempo.
↗Un límite de error captura un fallo de pantalla dentro de una parte de un árbol de componentes. Muestra un reemplazo seguro allí.
↗Lint verifica el código sin ejecutarlo. Encuentra errores probablemente, patrones inseguros, problemas de estilo y reglas de proyecto rotas.
↗Markdown da formato a texto plano con pequeñas marcas. Esas marcas crean encabezados, listas, enlaces y bloques de código.
↗Una mutación de datos crea, cambia o elimina datos del servidor. La pantalla registra su resultado pendiente y final.
↗Next.js es un framework construido sobre React. Añade enrutamiento, renderizado en servidor y navegador, carga de datos, optimización de recursos y reglas de despliegue.
↗npm es un registro de paquetes de JavaScript y una herramienta de línea de comandos. Instala, lista y publica paquetes, y ejecuta scripts de proyectos.
↗Obsoleto-mientras-se-revalida puede mostrar una caché obsoleta permitida de inmediato mientras verifica en segundo plano una respuesta nueva.
↗El SEO ayuda a que las páginas públicas útiles sean encontradas y comprendidas. También mantiene que sean fáciles de rastrear e indexar.
↗Este paquete de aprendizaje conecta tres tecnologías de navegador. HTML da significado a un documento. CSS controla su apariencia. JavaScript o TypeScript añade comportamiento. Esta vista de sistemas no es una tecnología estándar.
↗El prefetching de datos carga los datos probablemente necesarios antes de que se abra la pantalla. Un resultado en caché reciente puede hacer que la siguiente pantalla sea más rápida.
↗Un presupuesto de rendimiento es un límite establecido antes de que comience el trabajo para tamaño de archivo, tiempo o experiencia del usuario. Ayuda a guiar las decisiones de diseño y código.
↗Las pruebas de carga verifican la velocidad y fiabilidad de un sistema bajo tráfico planificado. El plan establece el número y patrón de usuarios, solicitudes o trabajos.
↗Una prueba de componente coloca una parte de la interfaz en un espacio de renderizado real. Le da a la parte entrada controlada y datos, y luego verifica su comportamiento.
↗Una prueba de extremo a extremo (E2E) sigue un recorrido completo del usuario o del negocio a través del sistema ensamblado y desplegado.
↗Un Smoke Test es un conjunto de comprobaciones rápidas y pequeñas. Muestra si una versión está lista para pruebas más profundas o para usarse.
↗Una prueba de integración verifica si dos o más partes de un sistema funcionan juntas a través de sus puntos de conexión reales.
↗Una Regression Test comprueba que un cambio de código posterior no haya roto un comportamiento que funcionaba antes.
↗Una prueba de regresión visual compara la imagen renderizada de hoy con una imagen de referencia aprobada bajo las mismas condiciones del navegador.
↗Un Flaky Test puede pasar o fallar sin cambiar el código. El tiempo, el orden, el estado compartido, el azar o sistemas externos suelen causarlo.
↗Una prueba unitaria verifica una pequeña parte del software por sí sola. Los sistemas externos lentos o poco confiables se mantienen fuera de la prueba.
↗Las pruebas de accesibilidad utilizan herramientas y personas para comprobar si los contenidos y controles cumplen con las necesidades de accesibilidad. Incluyen pruebas con teclados y tecnología asistiva.
↗Las pruebas de contrato verifican si dos sistemas que pueden desplegarse por separado aún intercambian mensajes en el formato acordado.
↗Las pruebas de seguridad utilizan un plan claro para verificar las reglas de seguridad y encontrar debilidades que los atacantes podrían usar. Cubre diseño, código, configuraciones y operación del sistema.
↗Este paquete de aprendizaje compara tres ámbitos de prueba. Las pruebas unitarias verifican la lógica por sí misma. Las pruebas de integración revisan los límites entre las partes. Las pruebas de extremo a extremo recorren el sistema que usan las personas. El paquete no es un único nivel de prueba.
↗Python es un lenguaje de programación de propósito general con código legible. Sus herramientas cubren servicios web, automatización, datos y aprendizaje automático.
↗React es una biblioteca de JavaScript para interfaces basadas en componentes. Los cambios en datos, props o estado pueden actualizar la pantalla. No es ReAct.
↗La renderización del lado del cliente (CSR) significa que el navegador construye la mayor parte de la pantalla de la aplicación después de que llegan JavaScript y los datos necesarios.
↗El renderizado del lado del servidor (SSR) crea HTML en un servidor para cada solicitud y luego envía la página lista al navegador. El comportamiento del cliente puede adjuntarse después.
↗Las señales de observabilidad son evidencia que un sistema envía sobre su propio comportamiento. Señales comunes son trazas, métricas, registros y equipaje, que transporta un pequeño contexto entre servicios.
↗shadcn/ui ofrece a las aplicaciones el código fuente editable de componentes de UI. A menudo combina controles base accesibles con Tailwind CSS.
↗La sincronización primero-local mantiene una copia de trabajo en el dispositivo. Las personas pueden leer y escribir sin conexión, luego combinar cambios con copias en otros dispositivos.
↗El sondeo repite una lectura en un temporizador para comprobar cambios. El intervalo puede adaptarse, pausarse o detenerse cuando el trabajo termina.
↗Tailwind CSS es un framework CSS basado en utilidades. Pequeñas clases en HTML aplican valores de diseño compartidos y variantes.
↗Un Terminal es una ventana de texto para usar una consola de comandos y herramientas. Puede mirar archivos, ejecutar comandos y automatizar tareas.
↗Un transpiler es un compilador que cambia el código fuente de una versión o sintaxis de lenguaje a otro código fuente.
↗El versionado semántico (SemVer) utiliza números MAYOR.MENOR.PARCHE para mostrar cómo cambió una API pública. También establece reglas para etiquetas de pre-lanzamiento y de construcción.
↗Vue es un framework de JavaScript para interfaces de componentes. Sus plantillas describen la pantalla y los datos reactivos la actualizan.
↗