El resumen de materiales frescos del mundo de la interfaz para la última semana No. 343 (10-16 de diciembre 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

• Podcast “Estándares web”, número 151: eventos y comunidad en Tver, Firefox, barras de desplazamiento y motores, enlaces rápidos y sugerencias de recursos, sin conexión, formularios y tablas.
• Frontend Weekend Podcast # 83 - Ilya Klimov sobre cómo y por qué se creó el proyecto educativo JavaScript.Ninja
• Devshahta # 61: TypeScript y su soporte en el IDE de JetBrains
• Podcast "Frontend Youth (18+)" # 75 Tetas en el teclado , # 76 Cómo actualizar la comunidad frontend
• CSSSR Podcast Remote Talk # 03 - Alexey Volkov y Olesya Kozlova, Chelyabinsk
• "TODO TU HTML" # s2e1: "Texto satelital" (texto plano alrededor de la imagen), la primera transmisión de la nueva temporada

Desarrollo web

• Cómo funcionan los navegadores: una introducción a la seguridad de las aplicaciones web
• Breve descripción del desarrollo front-end en 2018
• Generador de código GraphQL
• Crear un formulario de inicio de sesión animado para TouchID

• Rendimiento:
  • Patrón anti-rendimiento: codificación Base64
  • Medición del impacto en el rendimiento de las extensiones de Chrome
  • Todo sobre la captación previa
  • GoogleChromeLabs / quicklink : una herramienta que acelera la precarga de la página preseleccionando enlaces en la ventana gráfica durante el tiempo de inactividad
  

• AMP / PWA:
  • Caso: cómo Pinterest cambió a PWA y aumentó la actividad del usuario en un 60%
  • ¿Hay una guerra fría entre Android y Chrome por PWA?
  • Más rápido que AMP
  

• Accesibilidad:
  • JavaScript y derechos civiles. Usando nuestra tecnología. habilidades para proteger la igualdad de derechos de los usuarios
  • No es una estrategia de navegación antigua: es más que solo una tecla Tab
  • Usando aria-live
  • ¿Todo cambia? ¿Qué podría pasar con la ley de accesibilidad del Reino Unido después del Brexit?
  • Firefox Accessibility Inspector ahora muestra el contraste WCAG, incluido el rango de valores para el fondo degradado
  

CSS

• Solo usa estilos para: enfoque, infierno
• Introducción y guía para el modelo de objetos CSS (CSSOM)
• DebuCSSer : herramienta de depuración de CSS con nombre impronunciable
• CSS-in-JS o CSS-and-JS
• La propiedad de visibilidad no se trata solo de la visibilidad del elemento
• ¿Cuándo se aplican: hover ,: focus y: pseudo-clases activas?
• Compruebe si la entrada CSS está vacía
• Explorando las propiedades de especificación CSS
• CSS Math

Javascript

• Sobre los beneficios de incrustar CSS en JS
• ¿Quién participó en la Encuesta JavaScript 2018?
• Inyección avanzada de JavaScript
• Blog de tecnología de Netflix: nuestros hallazgos después de la implementación de GraphQL
• JavaScript: hasta dónde hemos llegado
• El duelo decisivo entre las tendencias tecnológicas: React vs Angular vs Vue
• Use estas funciones de Javascript para que su código sea más legible.

• Node.js:
  • Aprendizaje automático con Node.js utilizando la biblioteca Tensorflow.js
  • ¡Lanza un dron usando React y Node.js! (¡100% JavaScript!) - Parte 1
  • 19 maneras de mejorar para los desarrolladores de Node.js en 2019
  • API Node.js y marcos web para 2019
  

• Teoría:
  • Funciones explícitas de JavaScript
  • Cómo funciona JavaScript: una descripción general del motor, el tiempo de ejecución y la pila de llamadas
  • Herencia de JavaScript y la cadena de prototipos
  • ECMAScript: pruebe algo de ES2019 (ES10)
  • Propiedades de clase públicas y privadas.
  

• Reaccionar:
  • Before You - React Modern Web App
  • 9 generadores de sitios estáticos React para 2019
  • Renderizado de listas usando React Virtualized
  • Escribir código de reacción más rápido con fragmentos de reacción simples
  • Consejos de optimización de React
  • Reacción asíncrona con React Router & Suspense
  • Reaccionar: Estado y accesorios IRL
  

• VueJS:
  • Historias, capítulos y párrafos: estructurando contenido con Storyblok y Vue.js
  • Elección de un tema de mapa interactivo con Vue.js
  

• Angular:
  • Escribir una regla de TSLint personalizada para angular
  • Opción para herencia de componentes en Angular, parte 1
  • Mejorando las bibliotecas angulares - Parte 1
  • Migrar de AngularJS a Angular: una nueva estrategia
  

• Libs y complementos:
  • matchit: analiza y compara URL rápidamente
  • Rendora: representación dinámica del lado del servidor utilizando Chrome sin cabeza para resolver problemas de SEO con los modernos marcos React, Vue, Angular sin esfuerzo
  • pika: busca paquetes modernos de npm. Obtenga compilaciones JavaScript rápidas y livianas.
  • ¿Por qué ya no uso D3.js?
  

Navegadores

• Lanzamiento de Firefox 64 , Detalles para desarrolladores en la revisión de Marat Tanalin
• New Edge admitirá extensiones de Chrome
• Opera lanzó el primer navegador de Android con soporte para Web 3 y la billetera criptográfica Ethereum incorporada
• Brave browser completó la transición a Chromium
• Una selección de comentarios sobre la situación reciente con los navegadores y 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 .