El resumen de materiales frescos del mundo del front-end para la última semana No. 383 (1 al 6 de octubre de 2019)

Traemos a su atención una selección con enlaces a nuevos materiales del área frontend y sus alrededores.

Medios de comunicación | Desarrollo web | CSS | Javascript | Navegadores | Entretenido |

Medios de comunicación

• CSSSR Podcast: Noticias 512 - Hacktoberfets, Directivas Vue, TypeScript 3.7 Beta y PostgreSQL 12
• Devshahta Podcast # 96: objetivos, campos privados y el nuevo Node.js
• Podcast Devshahta # 97: LongestJS, TC39 Panel, talleres HolyJS y talleres ligeros
• Frontend Youth (18+) # 110: Compilando el Shavarma
• Repozitorro # 29 - Un error frecuente de principiantes

Desarrollo web

• "¡Alice, vamos a la interfaz!"
• La representación de texto te odia
• Evolución de la gestión de contenido web

• Las herramientas
  • Cómo abrir un paquete npm con una implementación normal, CI y demostración (sin pérdida de alegría en la vida)
  • Cosas que quizás no sepa sobre Chrome DevTools
  • WebHint en Firefox DevTools: compatibilidad, accesibilidad y más mejoradas
  

• Rendimiento
  • Aceleración instagram.com. Parte 2
  • Optimización de imagen para la web: una guía detallada
  

• Disponibilidad
  • Buena fuente
  • Componentes inclusivos: interfaces con pestañas
  • Desplazamiento sin fin y rol = problemas de accesibilidad
  • Sara Suidan sobre accesibilidad aplicada: consejos prácticos para construir interfaces más accesibles (SmashingConf Feiburg 2019)
  

CSS

• No complique CSS escalable
• Restablecimiento CSS moderno
• Sintiéndose descarado de nuevo. Publicación en el blog de Cloudfour sobre cómo pensaban regresar a Sass después de 4 años de usar PostCSS
• Crear un diseño de bloc de notas con cuadrícula CSS
• Diseñe plantillas de editor utilizando CSS Grid y columnas con nombre
• Cree una presentación de diapositivas con CSS Scroll Snapping
• ¿Por qué CSS es tan raro?
• Muchas formas de vincular formas e imágenes con HTML y CSS
• Diseños interesantes con CSS Grid
• Intentando descubrir la compatibilidad con CSS en Gmail (a partir de 2019)

Javascript

• Crear PWA con JavaScript de vainilla
• No use variables de JavaScript sin comprender la zona muerta temporal
• RE: Dolor y lágrimas en Svelte 3
• Ejecución de código JavaScript a través de import ()

• Lanzamientos
  • TensorFlow 2.0 lanzado con API rediseñadas y rendimiento mejorado
  • ¡TensorFlow 2.0 ya está disponible!
  • Preact X: nueva versión de preact con Virtuous DOM y Fragments of Suspense
  • Lanzamiento de Nuxt v2.10.0
  • Anuncio Beta de TypeScript 3.7
  • Estar actualizado! Node.js 8 no es compatible desde 2020
  

• Teoría
  • Una nota sobre vacío en JavaScript y TypeScript
  • Dos casos de uso excepcionales para el operador de propagación que quizás no conozca
  • Funciones de orden superior y su uso en javascript
  • Detalles sobre el método filter () en JavaScript
  • ¿Por qué prefiero objetos sobre las declaraciones de cambio?
  • Mapa de JavaScript, reducir y filtrar: explicación con ejemplos
  • Cómo verificar un número en JavaScript
  

• Reaccionar
  • Guía de reacción del enmarcador
  • Gestión estatal minimalista (Reaccionar)
  • Animaciones con React Hooks y GreenSock
  • Rendimiento de la aplicación Boost React + Redux con la biblioteca Reselect
  • Nuevas características en React 16.9.0
  • Demostrar componentes de reacción reaccionables en formularios
  • React VS Vue: ¿qué elegir para 2020?
  • Creé exactamente la misma aplicación en React y Vue. Aquí están las diferencias. [Versión 2019]
  • Lanzamiento de Create-react-app v3.2.0
  

• Vue
  • 15 directivas Vue requeridas que aumentarán significativamente su productividad
  • vue-next (Vue 3 Pre-Alpha): los desarrolladores han logrado la mayoría de los objetivos arquitectónicos y las nuevas características planificadas para v3
  • Vue 3: una revisión de la información disponible sobre la nueva versión de Vue.js
  • Cómo mejorar el rendimiento de la tienda vuex
  • Creación de una aplicación web Vue basada en clases con autenticación de Firebase
  • Pruebas unitarias en Vue: ¿qué probar?
  • Cómo hacer una aplicación de calendario usando Vue
  • Construcciones Nuxt 10 veces más rápidas en Netlify
  

• Angular
  • Mi año de refactorización de un proyecto a gran escala en AngularJS ...
  • Animación de elementos de la interfaz de usuario en angular # 1 , # 2
  • Angular: todos los informes desde AngularConnect 2019
  

• Ascua
  • Sistema de inyección de dependencia en Ember.js
  • Piezas de ajedrez animadas con ascuas animadas
  • "La evolución de Ember.js en Intercom", - Gavin Joyce en JSDayIE 2019
  • EmberCamp Chicago 2019
  

• Libs y complementos
  • Una historia sobre cómo resolver el problema de rendimiento de Moment.js
  • timequeue.js: una cola con concurrencia personalizada y un límite de tiempo.
  • Movible es arrastrable, redimensionable, escalable, giratorio, warpable, pinchable, agrupable, snappable
  

Navegadores

• Google Chrome bloqueará todo el contenido mixto
• En las versiones nocturnas de Firefox, se propone un diseño modernizado de la barra de direcciones
• Boicot total a HTTP. Google Chrome pronto bloqueará de forma predeterminada todo el contenido mixto

Entretenido

• Google: el mapa del sitio HTML no es necesario en términos de SEO
• Google: los encabezados H1 son útiles pero no críticos
• Mozilla gana la demanda de neutralidad de la red
• Satya Nadella: Windows ya no es un área importante para nosotros
• Por qué Windows ya no es la prioridad de Microsoft. El análisis de Verge
• WSJ: Visa, Mastercard y otras compañías pensaron en abandonar el proyecto de criptomoneda Libra de Facebook

Nos disculpamos por cualquier error tipográfico o enlaces rotos / duplicados. Si nota un problema, escriba un correo electrónico personal, intentaremos solucionarlo rápidamente.

Resumen de la semana pasada .
Material preparado por dersmoll y alekskorovin .