Frontend Weekly Digest (24-30 de junio de 2019)

Esta semana publicamos una gran selección de todas las noticias esenciales que quizás te hayas perdido en el desarrollo front-end. Asegúrese de verificar las últimas actualizaciones en CSS, HTML y JavaScript.

Desarrollo web

• ¿ Comenzando con el rendimiento web? Esto es en lo que debes concentrarte.
• Cree una PWA con Webpack y Workbox
• API de detección de spam
• Posicionamiento relativo mímico dentro de un SVG con SVG anidados
• ¿ HTML puede hacer eso?
• syntax.fm podcast No. 154: SVG con Sara Soueidan

• Accesibilidad:
  • Cómo los árboles de accesibilidad informan a la tecnología asistencial
  • Informe de demanda de accesibilidad web y de aplicaciones ADA de mitad de año
  • ¿Qué es la accesibilidad para aplicaciones web y por qué me importa?
  

• Web efectiva:
  • Cómo hacer animaciones enlazadas de forma correcta
  • Aprenda los fundamentos de la síntesis con nuestro nuevo sitio web interactivo Running on Web Audio, WebAssembly y WebGL. Hecho con three.js, Tone.js, anime.js y React usando TypeScript y mucho
  • useAnimations: iconos animados en Lottie Framework y After Effects para la implementación inmediata en sus aplicaciones o sitios web
  

CSS

• Tres predicciones del estado de la encuesta CSS 2019
• La guía definitiva para centrar Flexbox
• a11y-css-reset
• Crear un horario de conferencia con CSS Grid
• Arrastrar y soltar pegajoso, ¡sin JS!
• Fuentes variables para desarrolladores
• Pensando en BEM como una filosofía de interfaz de usuario en lugar de una convención de nomenclatura CSS

Javascript

• Amsterdam JSNation 2019 , 15 videos
• El costo de JavaScript en 2019 por Addy Osmani
• RxJS: una introducción simple
• Búsqueda instantánea con JavaScript de Vanilla

• Mongo / Nodo:
  • Diseñar patrones en Node.js: una guía práctica
  • El nuevo soporte del módulo ECMAScript en Node.js 12
  • Firebase vs. MongoDB: qué base de datos usar para el desarrollo de su aplicación
  

• VueJS:
  • ¿Por qué la gente se enojó con Vue 3?
  • Una guía para principiantes a Vue CLI
  • En Vue, ¿cuándo necesito realmente el atributo clave y por qué?
  • Cómo comenzar a usar Vuetify
  

• Reaccionar:
  • Conociendo el usoReducer React Hook
  • El mito de la reacción inaccesible
  • Los 10 mandamientos componentes
  • Agregar un componente de WebAssembly a una aplicación React
  • Conceptos avanzados de React Hooks - a través de Snake!
  • Next.js vs. Crear aplicación de reacción: ¿Qué aplicaciones son más eficaces?
  

• Angular:
  • El estado de Angular en 2019
  • Comprender la magia detrás de los elementos angulares
  • Crear una aplicación de reproductor de música usando Kendo UI y Angular
  • Lo que aprendí durante 3 años de desarrollo de 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:
  • freezeframe.js : una biblioteca que detiene los .gifs animados y les permite animar al pasar el mouse / hacer clic con el mouse / evento táctil, o con funciones de activación / liberación
  • TWGL : una pequeña biblioteca auxiliar de WebGL
  • pixelmatch: la biblioteca de comparación de imágenes a nivel de píxel JavaScript más pequeña, simple y rápida
  • Adaptador Svelte: use componentes Svelte con Vue y React
  

Gracias por leer! No dude en enviarnos sus artículos o contenido nuevo y útil que desee ver en el próximo resumen.