El resumen de materiales frescos del mundo del front-end para la última semana No. 397 (6 al 12 de enero de 2020)

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

Medios de comunicación

• Podcast "Estándares Web" No. 212. Firefox 72, Shadow Parts, nuevas formas, trabajadores de servicio, albañilería, modelo mental JS
• Podcast de Frontend Youth (18+) # 121: De qué está hecho JavaScript
• UnderJS Podcast # 13 - Andrey Sitnik sobre Logux, PostCSS y la interfaz humana [Tube]
• CSSSR Podcast News 512 - Espacios de Año Nuevo
• CSSSR Podcast, Argumentarium - Reatom, Redux y Effector
• pro Conf # 44 [Especial] MEJORES INFORMES 2019

Desarrollo web

• Comenzando con las pruebas frontend
• Informe de seguridad de Npm 2019
• Marcadores de posición de imagen simple usando SVG
• Por qué debería elegir <artículo> en lugar de <sección> en HTML5

• Rendimiento
  • Carga rápida de páginas en los teléfonos más simples y baratos
  • ¿Cómo tiene en cuenta Google el rendimiento de la página web al clasificar los resultados de búsqueda?
  • Lista de verificación de rendimiento de front-end 2020 [PDF, páginas de Apple, MS Word]
  • Reducción de la carga de HTML con trabajadores del servicio
  • Año para el rendimiento web: 2019
  • Presupuestos de rendimiento pragmáticos
  • Lo que aprendí al optimizar nuestro tiempo de construcción
  

• Efectos
  • Una selección de demostraciones creativas "Awesome Demos Roundup # 12"
  • Cómo animar una firma SVG
  • Un juego con proyección de texturas en Three.js
  

CSS

• Coloque mosaicos de manera eficiente (Pro CSS, SVG, patrón y más)
• Propiedades de ancho / alto mínimo y máximo en CSS
• Estándar CSS para diseño de mampostería: desde la idea hasta los primeros desarrollos concretos
• esquema de color preferido: consulta de medios CSS
• Cómo combinar elementos en CSS
• Moverse (o no) con CSS Motion Path
• Carrusel CSS
• Deslizadores multiposición: estuche general , estuche con dos posiciones
• Usar isings no solo para transiciones CSS
• Comprender la cuadrícula CSS: líneas de cuadrícula
• 7 propiedades CSS que no conocías
• 13 formas de centrarse verticalmente en 2020
• Ocultar elementos en la web

Javascript

• Lo que se agregará a JavaScript en 2020
• Las ventanas modales que merecemos
• JavaScript Rising Stars 2019
• ¿Cuánto pagan los desarrolladores de JavaScript en 2020?
• Cómo convertir su proyecto a TypeScript a su propio ritmo
• Hopa - CLI sin configuración, ejecutando JavaScript y TypeScript

• Teoría
  • Cinco formas interesantes de usar Array.reduce () (y una forma aburrida)
  • Web Framework Reactividad (Parte 1)
  • Comprensión Async Await
  • JavaScript y window.postMessage ()
  • NaN en JavaScript
  

• Reaccionar
  • Beautiful React Hooks: una colección de hermosos y (con suerte) útiles React Hooks para acelerar el desarrollo de sus componentes y ganchos.
  • Desacreditando el mito: accesibilidad y reacción
  • De crear-reaccionar-aplicación a PWA
  • Nueva documentación de Next.js
  • ipod-classic-js - iPod Classic creado usando React Hooks, TypeScript y GraphQL
  • craft.js - React Framework para crear editores de página extensibles con arrastrar y soltar
  

• Vue
  • 5 cosas que puedes hacer para prepararte para Vue 3.0
  • Vue para el blog más pequeño conocido como pequeño en todos los cánones
  • Uso de IndexedDB con Vue.js
  • Anuncio Villus: un cliente GraphQL pequeño y rápido para Vue.js
  • Manejo de eventos con Vue.js
  • Aventuras con Vue Render
  • Una guía completa para crear un sitio multilingüe completo en Nuxt.js
  • vue-kinesis: componentes Vue.js fáciles de usar para crear animaciones interactivas
  

• Angular
  • Las mejores características nuevas en Angular 9
  • Guía práctica para angular: enlace de datos y directiva
  • Cómo crear e implementar una aplicación de material angular
  • Scully, el primer generador de sitio estático para Angular
  

• Ascua
  • The Ember Times - Número 130
  • 6 consejos para cambiar a módulos CSS en Ember
  

Navegadores

• Lanzamiento de Firefox 72
• Detalles del desarrollador de Firefox 72
• Chrome, después de Firefox, agregará protección contra notificaciones molestas
• Mozilla está probando el sistema de control de voz Firefox Voice
• Los rumores sobre la muerte de Internet Explorer son muy exagerados. Windows 10 establece un récord de compatibilidad
• Firefox 72 - Nuestra primera canción de 2020
• El fin de los navegadores web independientes: usted (no puede) competir
• ¿Por qué era hora de abandonar el soporte de IE ...

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 .