El resumen de materiales frescos del mundo del front-end para la última semana No. 340 (19 al 25 de noviembre 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 | Entretenido

---

Medios de comunicación

• Podcast del fin de semana de Frontend # 80 - Gordey Levchenko se muda a Kazajstán y desarrolla la comunidad frontend en Astana
• Podcast de Devshahta: # 58: Condición UFADEVCONF, Node.js en 2018
• CSSSR Podcast News 512 - Número 30 (19 de noviembre - 25 de noviembre)
• Vadim Makeev video blog 10. Skillbox, optimización de gráficos, Squoosh y elemento de imagen

Desarrollo web

• Hacia QUIC: lo que subyace a HTTP / 3
• Desarrolle su navegador desde cero. Primera parte: HTML
• Trabajadores web vs Trabajadores de servicio vs Worklets
• Por qué y cómo usar imágenes WebP hoy
• Explorando la sombra DOM
• WebSockets: una inmersión profunda en el concepto
• Reescribiendo la historia de Git y las fuentes JS para diversión y beneficio

• Rendimiento:
  • No necesita PWA o AMP para que sus sitios sean rápidos
  • Rendimiento de descarga de la fuente Five Whys About Web
  • Segundo contenido significativo: peor métrica de rendimiento
  • Fuentes rápidas de Google con trabajadores de Cloudflare
  

• Herramientas:
  • JetBrains actualizó el IDE de WebStorm a la versión 2018.3
  • Demoboard: un espacio aislado en línea para crear demostraciones en JS y Markdown, que importa cualquier paquete con npm. No más molestias con package.json y node_modules
  • create-yo: usa cualquier generador Yeoman. No instalar
  

• Accesibilidad:
  • Ley europea de accesibilidad: negociaciones entre el Parlamento y el Consejo de la UE
  • Accesibilidad a los medios: ¿es importante?
  

CSS

• Cocinar CSS perfecto
• Flexbox Infografía tecnológica
• Algunos consejos prácticos de CSS
• Mejora progresiva | Regla CSS @supports
• El estado actual de la capacidad de estilizar barras de desplazamiento
• Separadores dentro de <seleccionar>
• Con suerte, las exclusiones de CSS se verán como flotadores compatibles con la cuadrícula más avanzados
• Otra explicación de CSS Position Absolute
• Experimentos en modo de escritura CSS
• Y nuevamente sobre el orden de las propiedades en CSS

Javascript

• Análisis de mutaciones o cómo evaluar las pruebas.
• 5 características de jQuery convertidas a JavaScript nativo
• 10 comandos de consola para simplificar la depuración del código JavaScript
• El estado de JavaScript 2018
• La encuesta del estado de JS es una farsa
• Experimentar con interfaces de cerebro a computadora en JavaScript
• Introducción a Imba: lenguaje DOM compatible con JavaScript lo más rápido posible
• Dart para programadores de JavaScript
• Agregar un operador de tubería (tuberías) a JavaScript
• 7 excusas para no usar TypeScript
• htm: marcado etiquetado Hyperscript : alternativa JSX utilizando plantillas de etiquetas estándar con soporte de compilador

• Teoría:
  • Comprensión de la memorización en JavaScript para un mejor rendimiento
  • Copiar todo en JavaScript: cómo distinguir entre copia superficial y profunda
  

• Reaccionar:
  • Idiomatic Redux: React-Redux Implementation History
  • Cómo crear una lista de tareas con React Hooks
  • 5 formas de diseñar componentes React en 2019
  • Fácil reutilización de código con ganchos de reacción
  • Cómo crear una aplicación de tres capas en React
  • Funcionalidad de reacción de extremo a extremo utilizando componentes de alto orden, accesorios de renderizado y ganchos
  • Comercio electrónico para desarrolladores de React [w / Gatsby Tutorial]
  • Estado de reacción (según la encuesta de estado de JavaScript 2018)
  • JSX es azúcar sintáctico
  • Reaccione el podcast 29: no reescriba su aplicación para ganchos y suspenso con Jared Palmer
  

• VueJS:
  • Vue para desarrolladores de jQuery
  • Cómo crear SPA usando Vue.js, Vuex, Vuetify y Firebase
  • Crear infografías interactivas con Vue.js
  • Escribiendo Vuex sin TypeScript
  • Baraja interactiva de cartas con la capacidad de deslizar a Vue.js e interact.js
  

• Angular:
  • Cree listas interactivas con la nueva herramienta Angular 7 Drag and Drop
  • Impresionante GraphQL angular : una selección de recursos
  • Manejo de errores con Angular 6 - Consejos y mejores prácticas
  • The State of JavaScript Survey 2018 en el contexto de Angular
  • Crear plantillas de búsqueda en angular
  

• Libs y complementos:
  • autoComplete.js - autocompletado simple en Javascript puro
  • Hacer música con magenta.js
  • cms.js: generador del sitio del cliente
  

Web espectacular

• Cómo trabajar con matriz en filtros SVG
• Efecto de fuego bajo #codevember
• Efecto de transformación al cambiar de estado de EE.
• Página interactiva orano.group con una combinación genial de efectos y funcionalidad.
• Sitios web brutales

Navegadores

• Firefox 65 rediseñará la interfaz de configuración de bloqueo de contenido
• Se ha introducido un ataque a los navegadores, lo que le permite definir un sitio en otra pestaña
• Microsoft y Google están desarrollando una versión del navegador Chrome para Windows en ARM

Entretenido

• Precio del Black Friday humano
• Aprendizaje automático en Google: ¿Qué hay de nuevo?
• Los sitios de WordPress son atacados usando la vulnerabilidad del complemento AMP para WP
• WWW: JPEG Archive: un conjunto de utilidades para una óptima compresión de fotos
• Mozilla presentó el sistema de síntesis de voz LPCNet
• “Bendgate 2”: la nueva tableta Apple iPad Pro se puede deformar fácilmente, incluso en unos días de uso típico
• Cómo aumentar la productividad: consejos del CEO de 9

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 .