El resumen de materiales frescos del mundo del front-end para la última semana No. 371 (24 y 30 de junio 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 | Entretenido

---

Medios de comunicación

• Podcast Web Standards , número 182. Node.js, npm y JetBrains, trabajadores de servicio y WASM, precio JS, CSS moderno, accesibilidad
• Podcast Web Standards , número 181. Panda Meetup, Chrome 76, a11y, tostadas, preprocesadores y jQuery
• Podcast de Frontend Weekend # 94 - Denis Mishunov sobre por qué debería irse a Noruega y trabajar de forma remota en GitLab
• CSSSR Podcast, Noticias 512 : Vue 3 RFC actualizado, más sobre microservicios, el nuevo asesino de Redux y publicaciones interesantes
• Podcast Frontend Youth (18+) # 97: Arquitectura que no mereces
• Repozitorro # 20 - Portafolio al revés ...
• WSD en Moscú 2019 , 8 videos
• Amsterdam JSNation 2019 , 15 videos
• Syntax.fm podcast No. 154: SVG con Sara Soueidan

Desarrollo web

• Cómo configurar análisis web en páginas AMP
• ¿Comenzando con el rendimiento web? En eso debes concentrarte.
• Crear PWA con Webpack y Workbox
• API de detección de spam
• Simulación de posicionamiento relativo de SVG anidado dentro de SVG
• HTML puede hacer eso? . Una selección de demos que demuestran el poder del HTML puro

• Accesibilidad:
  • Cómo los árboles de accesibilidad informan a la tecnología de asistencia
  • Informe de litigio de accesibilidad web (cumplimiento de ADA) para el primer semestre. (Spoiler: una nueva demanda cada hora)
  • ¿Qué es la accesibilidad para aplicaciones web y por qué me molesta?
  

• Espectacular web:
  • Cómo hacer animación de desplazamiento relacionada
  • Un sitio interactivo para aprender los conceptos básicos de la música sintética . Desarrollado por Web Audio, WebAssembly y WebGL usando three.js, Tone.js, anime.js y React with TypeScript
  • useAnimations: iconos animados que usan el marco Lottie y After Effects para usar en aplicaciones y sitios web
  

CSS

• 10 complementos PostCSS que le ahorrarán tiempo de diseño
• 18 consejos CSS para facilitar la vida de tu desarrollador
• Tres predicciones de la Encuesta del estado de CSS 2019
• Guía de centrado completa con Flexbox
• a11y-css-reset
• Programe una conferencia en CSS Grid
• Arrastrar y soltar pegajoso, sin JS!
• Fuentes variables para desarrolladores
• Piense en BEM como una filosofía de interfaz de usuario en lugar de nombrar clases CSS

Javascript

• Costo de JavaScript en 2019 por Addy Osmani
• RxJS: una simple introducción
• Búsqueda instantánea de JavaScript de vainilla

• Teoría:
  • JavaScript funcional: cinco formas de encontrar la media aritmética de los elementos de la matriz y el método .reduce ()
  • 5 funciones de ES2019 que puede usar hoy
  • Cómo configurar globalThis polyfill en JavaScript universal
  • Comprender Async / Await en JavaScript usando ejemplos
  • Colecciones de JavaScript: Set, Map, WeakMap y WeakSet
  

• Mongo / Nodo:
  • Patrones de diseño en Node.js: una guía práctica
  • Nuevo módulo ECMAScript compatible con Node.js 12
  • Firebase o MongoDB: qué base de datos usar para el desarrollo de aplicaciones
  

• VueJS:
  • Uso de middleware en Vue
  • ¿Por qué la gente se enoja con Vue 3?
  • Guía para principiantes de Vue CLI
  • ¿Cuándo necesita realmente el atributo: key de Vue y por qué?
  • Cómo comenzar con Vuetify
  

• Reaccionar:
  • Desarrollando una aplicación para streaming usando Node.js y React
  • Presentación de useReducer React Hook
  • Reaccionar mito de inaccesibilidad
  • Los diez mandamientos de los componentes de reacción
  • Agregar un componente de WebAssembly a una aplicación React
  • Conceptos avanzados de ganchos React explicados en el ejemplo del juego Snake
  • Next.js o Create React App: ¿qué aplicaciones son más productivas?
  

• Angular:
  • Estado angular en 2019
  • Comprender la magia detrás de los elementos angulares
  • Crear un reproductor de música usando Kendo UI y Angular
  • Lo que aprendí de 3 años de desarrollo en Angular 2+
  

• Ascua:
  • Comenzando con Glimmer-Native
  • Ember.js Seattle Meetup con Yehuda Katz
  • Deseos para la hoja de ruta Ember 2019
  

• Libs y complementos:
  • 10 mejores bibliotecas de JavaScript para visualizar datos en gráficos y tablas
  • freezeframe.js : una biblioteca que detiene .gifs animados, activando la animación al pasar el mouse / hacer clic / tocar
  • TWGL : una pequeña biblioteca auxiliar para WebGL
  • pixelmatch: una biblioteca JS pequeña, simple y rápida para la comparación de imágenes píxel por píxel
  • Adaptador Svelte: uso de componentes Svelte con Vue y React
  

Navegadores

• Firefox Nightly prueba el generador de contraseñas
• La herramienta Track THIS de Mozilla engaña a los algoritmos publicitarios
• Microsoft Edge tendrá tres modos de bloqueo de secuencias de comandos de seguimiento
• Firefox 68 ofrecerá una nueva implementación de la barra de direcciones
• Primera versión del nuevo navegador Firefox Preview para Android

Entretenido

• La habilidad más importante que un programador puede dominar.
• Los usuarios de Google ahora pueden limitar el tiempo de almacenamiento de datos de actividad (historial de ubicaciones, aplicaciones y búsquedas web) en los servidores de la compañía
• Terminal de Windows: conceptos básicos de configuración y primeras impresiones
• “El desarrollo del lenguaje Kotlin era mucho más costoso que nuestro producto promedio”: una entrevista con el jefe de JetBrains
• Por qué vale la pena incluir prototipos en el desarrollo
• Facebook, Google y otras compañías de TI crearán conjuntamente un conjunto común de pruebas para IA
• Trump permitió verbalmente a las compañías estadounidenses trabajar con Huawei
A.

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 .