El resumen de materiales frescos del mundo del front-end para la última semana No. 388 (4 al 10 de noviembre 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 |

Medios de comunicación

• Podcast juvenil de Frontend: lanzamiento cálido # 114 con Dan Abramov
• CSSSR Podcast: Noticias 512 - TypeScript 3.7, React concurrent mode, GraphQL API, Gitlab y Geopolitics
• Repozitorro # 33 - La revisión de diseño más completa

Desarrollo web

• ¿Por qué es peligroso usar CSS y JS de terceros en su sitio?
• Convierta su aplicación existente en una aplicación web progresiva
• Los 5 mejores consejos para crear aplicaciones seguras (web)
• Apple está tratando de matar la tecnología web
• GraphQL: The Documentary (versión rusa)

• Las herramientas
  • Hipocresía google. PageSpeed ​​Insights
  • Prettier 1.19: la opción Vue tan esperada, TypeScript 3.7 y nuevas características de JavaScript
  • Cómo optimizar completamente Webpack 4 Tree Shaking
  

• Rendimiento
  • "Chacal": aprieta la interfaz
  • Carga moderna de guiones
  • ¿Por qué las pruebas de carga y las pruebas de rendimiento deben ir más allá del tiempo de respuesta de prueba?
  • Optimización de imagen para usuarios con poca red
  

• Disponibilidad
  • Haga que los estilos de apuntar, enfocar y estado activo sean diferentes.
  • Más allá de las pruebas de accesibilidad automatizadas: seis cosas que verifico en cada uno de mis sitios
  • Lo que aprendí sobre la accesibilidad al SPA
  • aria-label no está traducida
  • Cómo la accesibilidad se está volviendo cada vez más importante en el desarrollo web
  

CSS

• ¿Hay números aleatorios en CSS?
• Mejora tu CSS con estos 5 principios.
• No complique CSS escalable
• Variables CSS con estilos en línea
• Algunas cosas que debe saber al trabajar con unidades de ventana gráfica
• Mostrar el botón de búsqueda cuando el campo de búsqueda no está vacío
• Tutorial de cuadrícula CSS: 13 consejos y trucos que un desarrollador web debe conocer
• El poder de los procesadores CSS en el desarrollo de aplicaciones web
• Sintaxis con dos valores de visualización (y a veces con tres)
• Truco de animación de puntos en la letra "i"
• 8 filtros CSS para imágenes con código de muestra
• PureCSS Lace : recrea un retrato en CSS puro

Javascript

• Tipo de API REST para desarrolladores frontend
• Axios vs Fetch: qué usar en 2019
• Mejores prácticas Node.js
• Próximas nuevas funciones de JavaScript que debe conocer si usa JavaScript todos los días

• Teoría
  • Programación funcional desde el punto de vista de EcmaScript. Funciones puras, lambdas, inmunidad.
  • Entorno y cierres léxicos en EcmaScript
  • Incluso los niños entenderán: una explicación simple de async / wait y promesas en JavaScript
  • ¿En qué se diferencia la herencia prototipo de la herencia clásica?
  • ¿Qué son los generadores en JavaScript?
  • ¿Qué es super () en JavaScript?
  • Romper cadenas con tuberías en JavaScript moderno
  • Atributos de propiedad de JavaScript
  

• Reaccionar
  • Usando i18n con Next.js & React context API
  • React Query: ganchos para recuperar, almacenar en caché y actualizar datos asincrónicos en React
  • Métodos del ciclo de vida, ganchos, expectativas: ¿cuáles son las mejores opciones en React?
  • 3 formas de crear tu propia biblioteca de componentes en React
  • Experimentando con el nuevo modo concurrente de React
  • 39 Entrevista de trabajo de respuesta avanzada Respuestas que debe aclarar hoy
  

• Vue
  • Listo para la producción de Vue SSR: 5 pasos sencillos
  • Rooting automático en aplicaciones en Vue.js
  • Manejo de formularios en Vue.js
  

• Angular
  • Atributos completos y directivas estructurales en angular
  • Google Maps ahora es un componente de Angular
  • 26 mejores preguntas en una entrevista de Angular 8 en 2020
  

• Ascua
  • Llame al soporte angular para componentes anidados (3.10)
  • EmberFest 2019
  

• Libs y complementos
  • hybrids.js - componentes web declarativos y funcionales
  • tenko: analizador de JavaScript 100% compatible con la especificación ES2020, escrito en JS
  • Protón: Biblioteca JS de animación de partículas ligeras
  • cashify: biblioteca de conversión de moneda, sucesor de money.js
  

Navegadores

• En las versiones nocturnas de Firefox apareció soporte para HTTP / 3
• La versión de lanzamiento de Microsoft Edge en Chromium se enviará sin compatibilidad con ARM64, sincronización del historial y extensiones
• El año que viene, Firefox y Chrome comenzarán a ocultar las notificaciones emergentes.
• Preparando sus sitios para el nuevo Microsoft Edge

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