El resumen de materiales frescos del mundo del front-end para la última semana No. 336 (22-28 de octubre de 2018)

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

• El podcast de estándares web, eventos en Berlín, componentes web, PWA en el escritorio, Styleguidist y JSS, CSS-in-JS.
• Frontend Weekend Podcast # 76 - Ivan Botanov sobre cómo y por qué comenzó a enseñar a desarrolladores angulares
• CSSSR Podcast News 512 - Número 26 (22/10 - 28/10)
• Podcast Frontend Youth (18+) # 70 Capitán Garfio y el Gato
• Radiojs Podcast, número 53: propuestas, propuestas, propuestas o resultados del taller
• Podcast de Devshahta: # 54: Qué escuchar en HolyJS 2018 Moscú
• Vadim Makeev video blog №7. KFC, SVG y superfluo base64, disponibilidad de tipos dañinos
• JavaScript Jabber 336: "El origen de ESLint" con Nicholas Zakas
• React Podcast # 26: Relájate y escucha con Brad Frost
• Nodo Ucrania 2018 - conversaciones , 8 videos
• WSD en Kiev, 2018 , grabación de transmisión en línea
• React Conf 2018, 28 videos

Desarrollo web

• Arquitectura frontend de nivel superior. Conferencia de Yandex
• Distribuir y conquistar: diseño ahora y ahora
• Reglas pragmáticas de accesibilidad web que permanecen en su mente
• Sitio web típico en 2018 , demostración irónica, edición codepen , edición web

• Herramientas:
  • Uso de Animation Inspector en Chrome Developer Tools
  • 10 trucos de consola para depuración profesional
  • Webpack 4 Config anotado para desarrollo frontend
  • Auditoría del sitio: audite su sitio (Pagespeed, Lighthouse, A11y) directamente desde la terminal
  

CSS

• Formas generadas utilizando gradientes de fondo CSS.
• Crear interfaces proporcionales
• Unirse a HTML DNA utilizando los atributos del selector CSS
• De lo ordinario a lo extraordinario con animaciones CSS
• Simplifique el estilo con CSS funcional
• Estás usando <em> incorrectamente
• Uso del modo oscuro en CSS con MacOS Mojave
• Una lista incompleta de errores de diseño CSS
• Desafío CSS de 100 días

Javascript

• ES2018 - finalmente promete método
• ReportingObserver API: una mirada al código de las páginas web desde una nueva perspectiva
• Node.js 11.0 con soporte de motor V8 7.0 ha sido lanzado
• El estado de JavaScript . Entrevista con Addy Osmani sobre el estado actual de JavaScript en la web
• Cómo reducir el impacto de JavaScript en el tiempo de carga de su página
• Cómo crear marcadores personalizados para Google Maps usando HTML y CSS, clases ES6 y cierres
• 3 errores de rendimiento de JavaScript que debes dejar de hacer
• GraphQL: historia de éxito de pago de PayPal
• Juega a Mortal Kombat con TensorFlow.js. Transferencia de aprendizaje y aumento de datos
• La API Intl.RelativeTimeFormat : fechas y horas de procesamiento relativas al momento actual

• Teoría:
  • Funciones de currículum de JavaScript
  • 100 video conferencias sobre programación
  • tipo de todo y malentendidos de pato
  • Comprender la verificación de tipos con typeof
  • Solo acerca de JavaScript: una introducción honesta a la burla, el troquelado y las interfaces
  • Comprender las funciones de alto orden en JavaScript
  

• Reaccionar:
  • Lo nuevo en React 16.6
  • React 16.6: React.memo () para Control de representación de componentes funcionales
  • Comenzando con React Hooks
  • Uso de React Profiler para el rendimiento
  • Ruptura de rendimiento de reacción con Redux
  • Componentes funcionales puros en React
  • Comprender los accesorios de render y HOC
  • Reacción funcional ¿Es posible? Aprendizaje de técnicas de programación funcional en HOC
  • Crear componentes de esqueleto con React
  

• Angular:
  • Angular 7 y desplazamiento virtual
  • Angular v7 está fuera, pero 7.1.0 está en camino
  • Formas angulares reactivas en el mundo real.
  • Internacionalización en aplicaciones angulares y de reacción: comparación
  • Isoline Routing en una aplicación angular utilizando las API de enrutamiento HERE
  

• VueJS:
  • Panel de instrumentos vue
  • Usando mutaciones GraphQL en Vue.js
  

• Libs y complementos:
  • pincel perezoso : dibujo suave de líneas con el mouse, el dedo o cualquier dispositivo con puntero
  • percollate: una herramienta de línea de comando que convierte páginas web en archivos PDF formateados
  • IronDB - almacén de claves de respaldo para navegador
  

Navegadores

• Firefox 63: nueva API de componentes web, editor de fuentes y supresión de CSS
• Firefox se puede monetizar con el complemento VPN de pago incorporado
• El navegador Firefox 63 tiene la función de Protección de seguimiento mejorada para aumentar la privacidad de navegación
• Mozilla integrará una suscripción de ProtonVPN en Firefox, y a un precio más alto que directamente a través del sitio web del servicio
• Novedades de Microsoft Edge en Windows 10 Actualización de octubre de 2018

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 .