Resumen de materiales frescos del mundo frontend de la última semana №432 (7 al 13 de septiembre de 2020)

Traemos a su atención una selección con enlaces a nuevos materiales del área de frontend y alrededor de ella.

Medios     |    Desarrollo web     |    CSS     |    JavaScript     |    Navegadores

Medios de comunicación

• Podcast "Estándares Web" No. 246. Chrome 86, enfoque, :: marcador, depuración de fuentes, lectores de pantalla, modales, flexiones y selecciones

• Podcast frontend para jóvenes (18+) n. ° 154 Mantenga los procedimientos jóvenes

• Podcast CSSSR: optimización de frontend, adaptabilidad en 2020, escalado NodeJS, SSH -bait y Figma para desarrolladores

desarrollo web

• Corrección de errores extraños y estrategias de depuración probadas con el tiempo

• TeX en SVG: una solución de código abierto para ayudar a los desarrolladores web con proyectos educativos

• El camino hacia Federated GraphQL

• Seguridad de proyectos npm, parte 2

• ¿Sabes qué es GeoJSON?

• Secuencias de comandos entre sitios (XSS): identificación y prevención

• 5 funciones poco conocidas de Chrome DevTools

• Google disipa los mitos populares del contenido

• Cambio de letras específicas con CSS y JavaScript

• Una guía práctica para la API de criptografía web

• 
  
  • imagesize imagesrcset
  
  • PRPL : -
  
  • AVIF
  
  •
  
  • Lighthouse
  
  

• 
  
  • Reduced Motion ,
  
  • SEO
  
  •
  
  

• Efectos
  
  • Cómo obtener animaciones escritas a mano con trazos irregulares usando SVG Stroke
  
  • Botones de efecto confeti
  
  

CSS

• Diseño de encabezados de sitios usando CSS Flexbox

• Botones de radio / casilla de verificación personalizados y accesibles con alineación perfecta

• Parsel: un pequeño analizador selector de CSS

• Cómo funciona la perspectiva en CSS

• Cómo crear fácilmente degradados de texto usando CSS.

JavaScript

• TypeScript. Tipos avanzados

• Trabajar con datos inesperados en JavaScript

• Trabajar con consultas de medios en JavaScript

• Actualizar la arquitectura de DevTools: cambiar a módulos de JavaScript

• Brújula real en navegadores móviles usando Javascript

• Teoría
  
  • Método de función de enlace de bricolaje
  
  • Introducción a JavaScript moderno - Proxy
  
  • Comprensión del bucle de eventos, devoluciones de llamada, Promesa y Async / Await en JavaScript
  
  • 5 mejores prácticas de codificación limpia en JavaScript
  
  

• React
  
  • React:
  
  •
  
  • Jotai, React
  
  • React Chrono — React
  
  • React : ,
  
  • Redux
  
  • React
  
  

• Vue
  
  • Vue Teleport — Vue3
  
  • () Ionic Vue Beta
  
  • VueJs
  
  

• Angular
  
  • 3 , CSS Angular
  
  • ControlValueAccessor contenteditable Angular
  
  • Angular Ivy
  
  • rx-query Angular
  
  • State Observables Angular
  
  • Angular 4
  
  

• Ember
  
  • The Ember Times — Issue No. 163
  
  • Embroider
  
  • Parent Model Route Boundaries
  
  

• Svelte
  
  • Svelte JS:
  
  

• Libs y complementos
  
  • Cálculo simbólico en JavaScript usando Math.js
  
  • vanilla-colorful - puerto de react-colorful a Vanilla Custom Elements.
  
  

Navegadores

• Mozilla introdujo nuevas funciones para promover complementos para Firefox

• En Chrome comenzó a incluir anuncios bloqueadores que consumen muchos recursos

• El paquete npm malicioso robó archivos y navegadores de Discord

Pedimos disculpas por posibles errores tipográficos o enlaces rotos / duplicados. Si nota un problema, escríbalo personalmente, estamos tratando de solucionarlo rápidamente.

Recopilación de la última semana .

Material preparado dersmoll y alekskorovin .