El resumen de materiales frescos del mundo del front-end para la última semana No. 385 (14-20 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

Medios de comunicación

• Podcast de estándares web 198. Sass está vivo, componentes sin JS, reinicio de nuevo estilo, CSS extraño
• Frontend Weekend Podcast # 98 - Tatyana Smirnova sobre por qué convertirse en un devreel y cómo convencer a los desarrolladores para que actúen
• CSSSR Podcast : 512 Noticias - Django 3.0 beta, Python, código abierto, Instagram y una lista de verificación de Ingeniero Senior
• "Devshahta-podcast" # 99: Nastya Kataeva sobre lo que DevRel hace en SKB Kontur
• Reaccione el podcast de cinco minutos: Reatom vs MobX
• Podcast "Make Me Beautiful!": Número 28 - Nuevamente en Monorepositorios, Locfiles y HTTP / 3
• Pro Conf # 34: JS Conf EU 2019
• Repozitorro # 31 - Revisión del código - No duele
• WSD en Ekaterimburgo, 2019. Record record
• Video de Fronteers 2019

Desarrollo web

• Aplicaciones web mejoradas cibernéticamente
• ¿Nuevo en las pruebas frontend? ¡Comienza en la cima de la pirámide!
• Verificación de números de teléfono web mediante la API de receptor de SMS
• Memorias del desarrollo web pasado (Christian Heilmann)
• Demostración web creativa Resumen de demos impresionantes # 9

• Las herramientas
  • Notas de diseño: Extensiones útiles de Google Chrome en 2019
  • Alias ​​de módulo en Webpack
  • Herramientas y clasificación en JAMstack
  • Novedades de DevTools (Chrome 79)
  

• Rendimiento
  • Métricas de rendimiento para investigar aplicaciones web increíblemente rápidas
  • Precarga de fuentes
  • Awesome Webpack Perf: una lista curada de herramientas y complementos de webpack que ayudan a acelerar la web
  

• Disponibilidad
  • Componentes inclusivos: secciones plegables
  • Mitos de accesibilidad de contraste de color
  • Más allá de las pruebas de accesibilidad automática: 6 cosas que pruebo en cada sitio
  

CSS

• Presentación de los módulos Sass
• Cómo CSS Grid cambia la estructuración de contenido
• preguntas CSS
• Tamaño aprobado por CSSWG para ancho y alto de escritura cortos
• El asombroso mundo de los contadores CSS
• Diseños más rápidos con CSS Grid (y Subgrid!)
• Hacer que las tablas respondan con CSS mínimo
• Estilice su estilo de desplazamiento, enfoque y estado activo de diferentes maneras.
• Detenga la animación mientras cambia el tamaño de una ventana

Javascript

• Cree construcciones de sintaxis JavaScript personalizadas con Babel. Parte 1 , Parte 2
• Web: autenticación de JavaScript, ofuscación y código nativo. Resolución de problemas con r0ot-mi -. Cliente Parte 1
• Desarrollando con Node.js en Windows. Nueva guía del blog para desarrolladores de Microsoft para el desarrollo de Node.js en Windows nuevo con WSL 2
• Cómo fallamos y luego logramos cambiar a TypeScript
• 7 preguntas simples pero complicadas para la entrevista de JavaScript
• Comprensión de los servicios MVC para el front-end: VanillaJS
• ¿Deberíamos cambiar el nombre de JavaScript?

• Teoría
  • Conceptos erróneos comunes de herencia de JavaScript
  • Una historia de tres puntos en JavaScript
  • Organizar su código JavaScript usando funciones
  • Guía completa para operadores de JavaScript, expresiones e instrucciones
  

• Reaccionar
  • Reaccionar 17 ¿Qué hay de nuevo? ¿Qué esperar en la nueva versión?
  • Creé la misma aplicación en Redux y React. Aquí están las diferencias.
  • Comparación de 8 formas de diseñar componentes en React
  • Introducción a SVG para desarrolladores de React
  • Monitorear la visibilidad del elemento en React
  • Cómo enseñé Reaccionar
  • Cómo convertirse en un desarrollador de React en 5 meses
  

• Vue
  • Uso de Vuex Store con TypeScript: solución compatible con Vue 3 Composition API
  • Experimentos WebGL y Vue: ¿cómo animar subtítulos?
  • Versión Vue CLI versión 4
  • Pruebas unitarias en Vue: su primera prueba
  • Aplicaciones web rápidas con Vue 3
  • Cómo hacer una aplicación de Windows en Vue.js y Electron
  • [Corte del editor] Codificación en vivo: la nueva API de composición - Vue.js London - Jason Yu
  

• Angular
  • Manejo de múltiples solicitudes de API en Angular usando mergeMap y forkJoin para evitar suscripciones anidadas
  • Compartir datos entre componentes angulares
  • El equipo angular @ AngularConnect 2019
  
• Ascua
  • Introducción a los componentes de Glimmer en Ember.js
  • ¿Qué hay de nuevo en Ember?
  

Navegadores

• Nuevos indicadores de seguridad y sobre: ​​la interfaz de configuración aparecerá en Firefox
• Mejora del aislamiento entre sitios en Chrome
• BSI: Firefox: el navegador más seguro
• Apple explicó que el tráfico de usuarios de Safari no se transmite a la empresa china Tencent
• Safari vs paywall
• Nuevo inspector de WebSocket en Firefox
• Mejora de elementos de formulario en Microsoft Edge y Chromium

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 .