Desarrollo web: JavaScript, CSS y UX
Este tema reúne lo esencial para construir en el navegador. De JavaScript, desde la diferencia entre == y === hasta los métodos de arrays, las referencias y copias o la programación asíncrona, además de Node.js para llevar el mismo lenguaje al servidor.
También hay CSS, con Grid, Flexbox y convenciones de nombres para que las hojas de estilo no se vuelvan inmanejables, y usabilidad: las heurísticas de Jakob Nielsen, el diseño pensado para el pulgar en el móvil y la validación de formularios. Algunos artículos tienen años; cada uno muestra su fecha para saber cuándo conviene contrastarlo con la documentación actual.
Empieza aquí
- Cheatsheet JavaScript en español (ES6 y siguientes)La cheatsheet de JavaScript de Paradigma Digital en PDF: qué incluye y una chuleta rápida de ES6+ con ejemplos probados en Node 24.
- Métodos de arrays en JavaScript: map, filter, reduce, someChuleta de métodos de arrays en JavaScript con ejemplos: map, filter, reduce, some, find y sort, cuáles cambian el array y sus versiones como toSorted.
- Diferencias entre == y === en JavaScript (y Object.is)Qué significa === en JavaScript, en qué se diferencia de == y de !==, y por qué 0 == "" da true. Con tabla de casos raros probada en Node 24.
- CSS Grid Layout: primeros pasos, vídeo y dónde practicarQué es CSS Grid Layout, un ejemplo con grid-template-areas, una clase en vídeo en español y dónde practicar Grid en CSS gratis: Grid Garden y más.
Todos los artículos 40
- Asignación por destructuring en JavaScript
- BEM CSS: convención de nombres para clases, con ejemplos
- Cambiar el número de entradas por página en WordPress
- Cheatsheet JavaScript en español (ES6 y siguientes)
- Chrome DevTools (Developer Tools): guía, atajos y paneles
- Códigos de teclas para eventos en JavaScript
- Comportamiento de un array en JavaScript: huecos
- CSS Grid Layout: primeros pasos, vídeo y dónde practicar
- Diferencias entre == y === en JavaScript (y Object.is)
- Exportar e importar funciones en JavaScript (import/export)
- Generador de código mailto: enlaces con asunto y cuerpo
- Heurísticas de Nielsen: 10 reglas heurísticas de usabilidad
- Instalación de Express.js y primer Hola mundo
- Instalar Node.js en Ubuntu, actualizarlo y desinstalarlo
- Juego de las ranas Flexbox CSS: Flexbox Froggy
- Juego de selectores CSS: aprende con CSS Diner
- Koans y katas de ES6: JavaScript moderno con tests
- Learn CSS Layout the pedantic way, de Mikito TakadaNivel avanzado
- Libro JavaScript Allongé: qué es y dónde leerlo gratisNivel avanzado
- Libros de consulta JavaScript: You Don't Know JS
- Los 10 mayores errores en proyectos de JavaScript
- Máxima performance de pintado en el front, JS y CSSNivel avanzado
- Medir la búsqueda de WordPress en Google Analytics 4
- Métodos de arrays en JavaScript: map, filter, reduce, some
- NVM (Node Version Manager): qué es y cómo se usa
- Página de inicio y página de entradas en WordPress
- Paso por referencia y paso por valor en JavaScript: copias
- Programación asíncrona en JavaScript y AJAX, Carlos Blé
- Prototipos y herencia en JavaScript: el vídeo de James ShoreNivel avanzado
- Push API: notificaciones web con Service WorkersNivel avanzado
- PWA, aplicaciones web progresivas: qué son y cómo crear una
- Qué es Material Design: el sistema de diseño de Google
- ¿Qué es un objeto en JavaScript? Explicado con ejemplos
- Recursos de JavaScript en español
- Refactoring Legacy CSS, charla de Carmen AnsioNivel avanzado
- Reinicio automático del servidor Node al cambiar código
- Roadmap React: qué aprender para ser desarrollador React
- this en JavaScript: la clase de Carlos Blé, resumida
- Usabilidad y el dedo gordo en teléfonos móviles
- Validación inline en formularios: qué es y cómo hacerla