Resumen semanal de Frontend (28 de enero - 3 de febrero de 2019)

Esta semana publicamos una gran selección de todas las noticias esenciales que quizás te hayas perdido en el desarrollo front-end. Asegúrese de verificar las últimas actualizaciones en CSS, HTML y JavaScript.

Desarrollo web

• HTML, CSS y nuestros puntos de entrada de la industria que desaparecen
• CSS y JS están en guerra, así es cómo detenerlo
• HTML es y siempre fue un objetivo de compilación. ¿Podemos lidiar con esto?
• Google Play Store ahora está abierto para aplicaciones web progresivas
• La "backendificación" del desarrollo frontend
• Una descripción general de las propuestas más interesantes para la plataforma web relacionadas con los componentes web

• Rendimiento:
  • "La alegría de optimizar imágenes" de Una Kravets - Un evento aparte video
  • Ancho de banda o latencia: cuándo optimizar para qué
  • Optimización de la velocidad de la página: métricas, herramientas y cómo mejorar
  • Mejora del rendimiento de las fuentes web: un estudio de caso
  

• Herramientas:
  • tris-webpack-boilerplate : una plantilla de paquete web para sitios web estáticos que tiene todas las herramientas modernas y optimizaciones necesarias integradas
  • 11 impresionantes extensiones de JavaScript para Visual Studio Code
  • Novedades de DevTools (Chrome 73)
  • Nuevo en Firefox DevTools 65
  

• Accesibilidad:
  • Uso de inteligencia artificial para generar texto alternativo en imágenes
  • Herramientas y estrategias para desarrollar aplicaciones web accesibles.
  • ¿Cómo te imaginas?
  

• Animaciones:
  • Animación Wave de edificios con Three.js
  • Taotajima.jp WebGL deconstrucción
  • Efectos de cursor personalizados
  

CSS

• CSS Position Sticky: ¡cómo funciona realmente!
• Una mirada a la separación silábica CSS en 2019
• Las muchas formas de cambiar un relleno SVG al pasar el mouse (y cuándo usarlas)
• CSS-in-JS y renderizado estático
• CSSans Pro : la fuente colorida, atrevida y CSS
• CSS WordArt
• Cuadrícula CSS: hoja de cálculo de Excel
• Animación CSS: Mapa del Merodeador

Javascript

• Nuevas versiones: TypeScript 3.3 , Babel 7.3 , Jest 24
• JavaScript futuro: ¿qué falta todavía?
• Pruebas estáticas vs unidad vs integración vs E2E para aplicaciones frontend
• Reaccionar frente a angular: una comparación en profundidad
• Tres formas más de visualizar el estado de JavaScript
• Buceo más profundo en objetos JavaScripts . Una mirada más cercana a los descriptores de objetos JavaScript

• VueJS:
  • 7 problemas que puede evitar utilizando Nuxt.js para su próxima aplicación Vue
  • Optimización del rendimiento de la aplicación Vue.js: parte 1: introducción a la optimización del rendimiento y la carga diferida.
  • Dominar las propiedades calculadas en VueJS
  • Cómo construir un monitor de redes sociales simple con NodeJS, GraphQL y Vue
  • Uso de Vue.js para crear un panel interactivo del clima con API
  • ¿Qué significa Vue 3.0 para el desarrollo web?
  

• Reaccionar:
  • Los (nuevos) métodos de ciclo de vida de React en un lenguaje sencillo y accesible
  • Reaccionar como un UI Runtime
  • Cree aplicaciones web progresivas con React - Parte 1
  • addimated : una biblioteca de animación declarativa siempre interrumpible para React
  • Reaccionar desplazamiento personalizado 4.0
  • 5 formas de animar una aplicación ReactJs en 2019.
  • Cómo Gatsby es tan rápido
  

• Angular:
  • Introducción a NG-VDOM: una nueva forma de escribir aplicaciones angulares
  • Construya un PWA listo para producción con Angular y Firebase
  • Angular 7 | 6 Tutorial: Crear y enviar un formulario
  • DI angular: Conozca el Ivy NodeInjector
  

• Libs y complementos:
  • flexsearch : biblioteca de búsqueda de texto completo de próxima generación para Browser y Node.js
  • readability.js : una versión independiente de la biblioteca de legibilidad utilizada para Firefox Reader View
  • webaudio-synth: sintetizador polifónico de la API de audio web
  

Navegadores

• Firefox 65: soporte WebP, Flexbox Inspector, nuevas herramientas y actualizaciones de plataforma.
• Cambios notables de WebRender y Gecko
• ¡ Navegador de referencia listo para probar!
• Microsoft decide que Internet Explorer 10 se ha divertido: terminación establecida para enero de 2020