El resumen de materiales frescos del mundo del front-end para la última semana No. 384 (7 al 13 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 "UnderJS Podcast" # 6 - Desoptimización de React dentro de V8, evitar la extensión fumador
• CSSSR Podcast: Argumentarium - Ganchos, declarativas y clases
• CSSSR Podcast: Noticias 512 - Preact X, Next.js y Create Next App, GNU Riot y Friendship with China
• Reaccionar el podcast de cinco minutos - Reatom vs Redux
• ITBoroda: Todo sobre Node.js / De 0 a 2.5k dólares por año / Entrevista con el Desarrollador Backend JS
• FrontSpot Show # 13: Vitaliy Bobrov sobre mudarse a Polonia y una gira mundial con informes de JS.
• Repozitorro # 30 - Parece fácil, así que eche un vistazo debajo del capó
• Podcast Web Standards No. 196. Eva Ferreira e Ian Pouncey en chromakey, Argentina, a11y, SEO, HTML, ARIA
• Podcast Web Standards No. 197. FrontendConf, Web Components, AOM, desafíos ARIA, soporte de navegador, diálogos y selectores de fecha

Desarrollo web

• Entrevista con el desarrollador web de Pornhub
• ¿Cómo puede una simple etiqueta <img> convertirse en un alto riesgo para una empresa?
• Variabilidad excesiva de la pila frontal: esencia y razones
• Atributos de enlace nofollow, patrocinado y ugc y su impacto en SEO
• W3C celebra su vigésimo quinto aniversario
• Análisis del uso de HTML en ~ 8 millones de páginas (y qué significa esto para el SEO moderno)
• Invalidación de caché en cascada
• Un poco de práctica con el elemento de diálogo HTML
• La diferencia entre formatos de fuente
• Convierta su sitio web en PWA

• Rendimiento
  • Optimizando la carga de JavaScript en Wikipedia
  • Tiempo para el primer byte: qué es y por qué es importante
  • [No] use CDN
  • Imágenes tomadas correctamente: gráficos web que son buenos hasta el último byte
  • Recetas para probar el rendimiento de SPA en WebPageTest
  

• Disponibilidad
  • La Corte Suprema otorgó la victoria a una persona ciega que demandó a Domino debido a la accesibilidad
  • Accesibilidad: los enlaces web deben ser enlaces y los botones web deben ser botones
  • ¿Qué es el ARIA? Guía para principiantes de ARIA
  

• Efectos
  • Sitios creativos Sitios web inspiradores Resumen # 9
  • legendary-cursor - cursor creativo en WebGL
  • Crear un efecto de distorsión del agua con Three.js
  

CSS

• Sass MediaScreen: definición de dispositivos CSS
• Restablecimiento de estilo CSS moderno
• Extraer CSS crítico
• Presentación de módulos en Sass
• Sass: lanzamiento del sistema modular
• Recorte, recorte y más recorte! Ejemplos de uso creativo de la propiedad clip-path
• Plantillas para uso práctico de propiedades CSS personalizadas
• CSS y círculos
• Guía de herramientas CSS nuevas y experimentales en Firefox DevTools
• ¿Podemos diseñar el elemento seleccionado por favor?
• Toucaan - Repensar el marco CSS
• Nuevo y potente CSS para diseñar marcadores, números y marcadores en listas

Javascript

• TypeScript Poder nunca
• 12 características de ES10 en 12 ejemplos simples
• ¿Qué es mejor elegir en 2020: React or Vue?
• Cómo trabajar con localStorage en JavaScript
• Cómo identificar un bloqueador de anuncios
• Crear una aplicación de reconocimiento facial en JavaScript que funcione como en películas
• Guía de estilo de Javascript para el juego Bagel
• Convenciones de nomenclatura de JavaScript

• Teoría
  • Herencia de JavaScript desde el punto de vista de un nerd aburrido: Fábrica de constructores
  • Alto nivel aguarda
  • Comprender esto, vincular, llamar y aplicar en JavaScript
  • Cuándo usar Map en lugar de un simple objeto JavaScript
  • Promesas de JavaScript: Zero to Hero, más una hoja de trucos
  • Guía completa para usar matrices en JavaScript
  • Javascript Ellipse Story
  

• Reaccionar
  • Conoce la aplicación Crear siguiente
  • Parte 1: Reaccione las preguntas de la entrevista
  • Guía de autenticación completa para Next.js con Auth0
  • Cómo implementar Idle Timeout en React
  • Uso de JSX para su propia biblioteca de interfaz de usuario declarativa ligera
  

• Vue
  • 10 consejos y trucos para ayudarte a convertirte en el mejor desarrollador de VueJS
  • MSK VUE.JS Meetup # 3 en Mail.ru Group: materiales de mitap
  • Crear una biblioteca de componentes Vue.js como módulo (Parte 1)
  • Búsqueda instantánea con Vue.js y Axios
  • Vue-Next y por qué Map resuelve un gran problema
  • Cómo manipular componentes Vue entre aplicaciones
  • Separar componentes de Vue.js de la Tienda Vuex
  • Administrar imágenes SVG en aplicaciones Vue.js
  • Vue3: primer vistazo
  • Cree una aplicación de sondeo en tiempo real usando Vue y Socket.io
  

• Angular
  • Interacción entre componentes angulares usando RxJS
  • ¿Qué hay debajo del capó de Angular 8?
  • Migración a Angular 8 de TSLint a ESLint
  • Solicite el seguimiento en una aplicación angular con inyectores de módulo infantil sin carga tardía
  

• Ascua
  • Motores de ascuas: ¿qué, qué no y por qué? - parte 1
  • Acerca de {{mut}} y enlace bidireccional
  • Promesas y estados de la interfaz de usuario en Ember.js
  • Ember y GraphQL: un ejemplo rápido
  

• Libs y complementos
  • roughViz : biblioteca JS para crear diagramas dibujados a mano o con bocetos en un navegador
  • is-website-vulnerable : encuentra vulnerabilidades bien conocidas en las bibliotecas de JavaScript del sitio
  • Cómo hacer la localización de JavaScript usando jQuery.i18n
  

Navegadores

• Chrome bloqueará completamente el contenido mixto
• 10 características poco conocidas de las Herramientas para desarrolladores de Chrome
• Se agregó soporte para trabajar en modo quiosco en Firefox
• Código de Firefox completamente liberado de XBL
• Google ha agregado funciones de soporte para usuarios ciegos y deficientes visuales en Chrome y Maps
• Chrome Web Store ha bloqueado la publicación de la actualización uBlock Origin

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