El resumen de materiales frescos del mundo del front-end para la última semana No. 398 (13-19 de enero de 2020)

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

Desarrollo web | CSS | Javascript | Navegadores

Desarrollo web

• 32 consejos para un desarrollador web que quiere crecer por encima de sí mismo en 2020
• Fuente de desarrollador lanzada JetBrains Mono
• Nuevos formatos de microdiseño de Google para 2019
• Navegando por la web con un gamepad
• Resolviendo el problema con el elemento Section
• Artículos eternos para desarrolladores web

• Las herramientas
  • Aprenda las pruebas de extremo a extremo con Titiritero
  • Pequeños ayudantes: una colección de herramientas en línea gratuitas para desarrolladores web
  • Probar su sitio para la regresión visual con BackstopJS
  • Deja que las herramientas elijan
  

• Rendimiento
  • Cuatro formas más no estándar para acelerar la carga de páginas del sitio
  • "Mejor" métrica de rendimiento? Comience con estos seis
  • ¿Optimizar sus imágenes no ha mejorado su tiempo de descarga? Por eso
  • Rendimiento web: 11 consejos esenciales para acelerar su sitio
  

• Disponibilidad
  • Disponibilidad de la versión digital de la BBC 2019
  • Cumplimiento de accesibilidad web y legislación de la UE
  

• Efectos
  • Técnica de diseño de plegado 3D para elementos HTML
  • Cómo hacer animación en la web usando greensock
  

CSS

• Entonces, ¿cuándo es posible usarlo? ¿Importante?
• Efecto de clic de estilo de diseño de material con eventos de puntero y propiedades personalizadas de CSS
• ¿Vale la pena alojar Google Fonts en casa?
• Opciones de diseño de estilo para componentes web
• CSS4 está aquí!
• Cómo usar el selector de pseudo-clase: root en CSS
• Agregar separadores a los diseños CSS-in-JS

Javascript

• Vanilla JavaScript y HTML. Sin marcos. No hay bibliotecas No hay problema
• Aproximadamente 30x Concurrency Boost en Node.js
• Agrupación y rendimiento de JavaScript: mejores prácticas

• Teoría
  • Errores comunes al trabajar con promesas en JavaScript que todos deberían conocer (traducción)
  • Código limpio para TypeScript - Parte 1
  • 15 métodos de JavaScript para trabajar con matrices que necesita saber en 2020
  • 9 formas de trabajar con objetos en JavaScript en 2020
  • Puntos importantes al trabajar con matrices y objetos como parte de la interacción con la API REST
  • Encadenamiento opcional, fusión nula y cómo cambiarán la forma en que se escribe el código
  

• Reaccionar
  • Nueva interfaz de Odnoklassniki: lanzamiento de React en Java. Parte 1
  • Las mejores características de la nueva aplicación React 3.3
  • Introducción a la API React Context
  • Visualizador React-Spring
  • Reaccionar con TypeScript: mejores prácticas
  • Título de página disponible en una sola página Reaccionar aplicación
  • Lanzamiento de Next.js 9.2
  • 10 prácticas en VSCode para acelerar el desarrollo de React
  • Tutorial de React refs: useRef y createRef
  • Cómo hacer aplicaciones React VR
  • 10 maneras de optimizar el rendimiento de su aplicación React
  

• Vue
  • Usando tailwindcss con Vue.js
  • Vue + Apollo: abstracciones con fugas
  • Crear un componente recursivo en Vue.js
  • Vue Component Development Kit v0.4.0
  • 12 Mejores prácticas de Vue.js para desarrolladores profesionales
  • Cómo agregar entrada de Autocompletar a su aplicación Vue.js
  

• Angular
  • 6 maneras de darse de baja de los observables en angular
  • Angular: cómo soportar IE11
  • Angular en 2020 en adelante
  • Escribimos nuestra estrategia para el desplazamiento virtual desde Angular CDK
  

• Esbelto
  • ¿Cómo puedes aprender a usar Svelte para tu próximo proyecto JS?
  • Todo lo que necesita saber para comenzar a escribir Svelte Single File Components
  

Navegadores

• En medio de la reestructuración, 70 empleados despedidos de Mozilla
• Google tiene la intención de dejar de admitir cookies de terceros en Chrome hasta 2022
• Cómo instalar extensiones para Google Chrome en el nuevo Microsoft Edge
• Chrome, después de Safari y Firefox, también comenzará a bloquear las cookies de terceros, pero no de inmediato.
• Microsoft admitirá Edge para Windows 7 durante al menos 18 meses
• Los desarrolladores de Chromium propusieron unificar y desaprobar el encabezado User-Agent
• Chrome planea deshabilitar las cookies de terceros en los sitios durante dos años
• Actualice al nuevo Microsoft Edge
• Como hicimos picture-in-picture en Firefox Desktop para tener más control sobre el video

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 .