frontend

Recursos prácticos sobre frontend para ingenieros de software.

63 resultados

Construyendo Interfaces de Usuario Rápidas y Accesibles

El desarrollo frontend es más que bibliotecas de componentes. Los presupuestos de rendimiento, cumplimiento de accesibilidad, gestión de estado y mejora progresiva determinan si los usuarios se quedan o se van.

Este tema cubre patrones para web components, estrategias de gestión de estado, auditorías de accesibilidad con WCAG y técnicas de optimización de rendimiento. Los recursos incluyen tanto principios agnósticos de framework como implementaciones específicas para stacks modernos.

advanced

Patrón Suspense Boundary

Cómo usar React Suspense boundaries para declarative loading states. Cubre data fetching, streaming...

intermediate

Checklist de Auditoria de Core Web Vitals

Checklist para auditar Core Web Vitals por pagina: LCP optimization steps, INP interaction tuning,...

core-web-vitals lcp inp cls
intermediate

Plantilla de Performance Budget

Plantilla para definir y enforcear web performance budgets: LCP, INP, CLS targets, resource budgets...

performance web-vitals lighthouse core-web-vitals
intermediate

Feature Flags: Release Progresivo y Experimentación Segura

Guía práctica sobre feature flags: patrones de implementación, rollouts progresivos, kill switches,...

intermediate

WCAG 2.2 Accesibilidad — Guía para Desarrolladores

Guía práctica de cumplimiento WCAG 2.2: perceptible, operable, comprensible y confiable, con...

intermediate

Accesibilidad Web: WCAG 2.2

Dominá accesibilidad web con WCAG 2.2: roles ARIA, navegación por teclado, soporte para screen...

advanced

Bundle Size Optimization

Reducir JavaScript bundle size. Cubre tree shaking, code splitting, dynamic imports, dependency...

intermediate

CSS Grid y Flexbox

modern CSS layout con Grid y Flexbox. Cubre grid templates, areas, subgrid, responsive layouts,...

intermediate

CSS Modern Layout: Grid, Flexbox, Container Queries

Dominá modern CSS layout: CSS Grid, Flexbox, container queries, subgrid, logical properties y...

intermediate

Diseño Mobile Responsive

Construye layouts responsive que funcionan en cualquier dispositivo. Cubre CSS Grid, Flexbox,...

advanced

React 19 Features

React 19 features. Cubre server components, use() hook, actions, form actions, useActionState,...

react frontend guide server-components
intermediate

Optimización de Performance en React

Optimiza apps de React para velocidad. Cubre memoization, virtualization, code splitting, bundle...

advanced

React Server Components: Arquitectura RSC

Dominá React Server Components: arquitectura RSC, data loading, streaming, server actions y client...

intermediate

React State Management: Context, Zustand, TanStack Query

Dominá React state management: Context API, Zustand, Jotai y TanStack Query para server state....

advanced

TypeScript Advanced Types

Dominá TypeScript advanced types: conditional types, mapped types, template literal types, infer,...

guide typescript conditional-types type-safety
advanced

Web Performance y Core Web Vitals

Optimizar Core Web Vitals. Cubre LCP, INP, CLS measurement y improvement, image optimization, font...

intermediate

Progressive Web Apps (PWA) — Referencia Detallada

Referencia Detallada para construir Progressive Web Apps: service workers, soporte offline, Web App...

pwa service-worker offline guide
intermediate

Web Components — Custom Elements, Shadow DOM y Templates

Guía práctica de Web Components: crear elementos personalizables reutilizables, encapsular estilos...

advanced

Content Security Policy: CSP Headers, Nonces, Hashes

Dominá Content Security Policy: CSP directives, nonces, hashes, reporting, strict-dynamic,...

intermediate

CORS Security: Origins, Headers, Preflight, Credentials

Dominá CORS security: same-origin policy, CORS headers, preflight requests, credential handling,...

No se encontraron resultados.