Frontend Weekly Digest (21–27 de enero 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 | CSS | Javascript

Desarrollo web

• La gran brecha . Dos desarrolladores front-end están sentados en un bar. No tienen nada de qué hablar.
• Lo que aprendimos sobre las tendencias de contratación de desarrolladores de 2019 al analizar 112,654 pruebas de codificación
• Cómo hacer realidad virtual con la web, una nueva serie de videos
• Cómo nos mudamos de Wordpress para reaccionar y recaudar $ 80 millones

• Rendimiento:
  • Asuntos de usabilidad de la página web
  • Búsqueda previa de enlaces con trabajadores del servicio
  

• Herramientas:
  • Webpack: un viaje inesperado
  • Novedades de DevTools (Chrome 73)
  • El futuro del hilo - v2 y más allá
  • rrweb ('grabar y reproducir la web'): una herramienta para grabar y reproducir las interacciones de los usuarios en la web.
  

• Animaciones:
  • Creando tu propio simulador de gravedad y espacio
  • Efectos de filtro SVG: esquema de texto con <feMorfología>
  • Les Animales 2019 : diseño y animaciones excepcionales
  

CSS

• Patrones de diseño de tablas en la web
• Animación de CSS Grid
• Flexbox.ninja : un sitio web creado y alojado por Geoffrey Crofte para ayudarlo a comprender mejor el módulo de diseño CSS Flexbox
• Gradians and Turns: los héroes silenciosos de los ángulos CSS
• Su kit de herramientas de diseño CSS para 2019 - Rachel Andrew
• Firefox DevTools para autores CSS
• Tutorial de Houdini: pintura CSS y propiedades personalizadas

Javascript

• Por qué cada nueva aplicación web en PayPal comienza con TypeScript
• Qué hay de nuevo en JavaScript para 2019
• Inmersión en JavaScript: cómo crear un convertidor de color Hex2RGB
• Encontrar el personaje más recurrente

• TypeScript:
  • TypeScript ESLint : Monorepo para todas las herramientas que permiten a ESLint admitir TypeScript
  • El impuesto de TypeScript
  • TypeScript funcional: estándar TypeScript para funciones sin servidor sólidas
  

• Nodo:
  • Libros gratis: Node.js
  • Los 7 marcos principales de Node.js para desarrolladores
  • Instrumentación de solicitudes HTTP en el nodo
  • Nodo.js multiproceso: ¿Qué son los subprocesos de trabajo y por qué son importantes?
  

• Teoría:
  • Cómo utilizar la desestructuración en JavaScript (ES6) en todo su potencial
  • Patrones de iterador de JavaScript
  • La guía definitiva para algoritmos de JavaScript
  • ¿Qué es sacudir árboles y cómo funciona?
  • 15 ejemplos útiles de JS de map (), reduce () y filter ()
  

• VueJS:
  • 10 consejos profesionales de Vue.js de Vue Masters
  • Cómo saber si Vue.js es el marco adecuado para su próximo proyecto
  

• Reaccionar:
  • Reaccionar 16.6.0 Goodies
  • Confirmación por correo electrónico con React
  • Comprender los accesorios predeterminados de React
  • Cómo desarrollar tus superpoderes de React con la API de contexto
  • Uso de elementos editables de contenido en JavaScript (React)
  • Cómo entender los reductores: puede usarlos sin Redux
  • Comprender los fragmentos en React
  • ¿Por qué no es X un gancho?
  

• Angular:
  • Angular 8: la segunda versión beta está aquí y disponible para descargar
  • Angular 6 + Travis CI con Chrome sin cabeza
  • Optimización angular. Funciones de tubería memorizadas en plantillas.
  • Haga que los mensajes de error de su forma angular aparezcan mágicamente
  

• Libs y complementos:
  • Cartografía de las aguas (pt. 2): una comparación de las bibliotecas de cartografía de JavaScript
  • autoComplete.js : biblioteca Javascript simple de autocompletar puro y vainilla
  • tecla de acceso rápido: activa una acción en el elemento cuando se presiona la tecla de acceso rápido del teclado