Frontend Weekly Digest (8-14 de abril 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

• Manual para desarrolladores front-end 2019
• Resultados de la encuesta para desarrolladores
• SVG en línea ... en caché
• Desarrollo web, ilustrado.
• tipos de entrada móvil
• Javascript vs. CSS: más control significa más responsabilidad
• Uso de la API de Web Speech para traducciones multilingües
• No confíes en los lugareños: investiga la prevalencia de las secuencias de comandos persistentes entre sitios del lado del cliente en la naturaleza

• Rendimiento:
  • Carga diferida nativa y respaldo basado en js con vanilla-lazyload 12
  • Google AMP redujo la velocidad de nuestra página, y no hay más remedio que usarla
  • Cómo obtener un puntaje de rendimiento de 100% Lighthouse
  

• Accesibilidad:
  • Problema común de accesibilidad: pasar a una sección de página sin cambiar el foco del teclado
  • Accesibilidad de color: herramientas y recursos para ayudarlo a diseñar productos inclusivos
  • Las 5 preguntas más frecuentes en capacitaciones de accesibilidad
  

• Animaciones:
  • Cómo crear un efecto de imagen adhesiva con Three.js
  • Separando SVGs con componentes reutilizables WebGL usando React-three-fiber
  

CSS

• ¡Es 2019! Terminemos el debate sobre las fuentes de iconos frente a los iconos SVG
• Una guía para comprender CSS Houdini con la ayuda de dibujos animados
• CSS Battle Tips n 'trucos
• Animando SVG con CSS
• Sigue estos pasos para convertirte en una superestrella de CSS
• Obtenga un valor de propiedad personalizada CSS con JavaScript
• Dirección de arte para la web usando formas CSS
• Usando un Mixin para sacar las matemáticas de los tamaños de fuente sensibles
• Por qué deberías usar CSS env ()
• Examen: ¿Bien dirigido? ¿Qué tan bien conoces los selectores CSS?
• sassyfication: biblioteca con sass mixins para acelerar su flujo de trabajo CSS.

Javascript

• jQuery 3.4.0 lanzado
• El panel de fuentes de Chrome DevTools: reemplaza vs FileSystem vs Snippets vs Page
• Cinco razones por las que los componentes web podrían complementar los marcos de JavaScript
• Kyle Simpson: He olvidado más JavaScript del que la mayoría de la gente ha aprendido
• 31 repositorios más populares de GitHub JS en abril'19

• Teoría:
  • Truncamiento de números en JavaScript
  • Las trampas de Async / Await in Array Loops
  • En defensa de la declaración ternaria
  • Mejore la programación asincrónica con las promesas de JavaScript
  • Diseñar patrones en el desarrollo moderno de JavaScript
  

• VueJS:
  • Por qué su empresa debería comenzar a usar Vue.js
  • Presentamos una nueva gestión de estado para Vue.js
  • Resumen de la experiencia y las charlas de VueJs Amsterdam 2019 (Parte 2)
  • ¿Por qué elegí Vue sobre reaccionar?
  • Obteniendo datos de una API de terceros con Vue.js y Axios
  • Haga que sus aplicaciones web Vue.js sean reconocibles - JavaScript SEO
  

• Reaccionar:
  • Lo que desearía saber cuando comencé a trabajar con React.js
  • React95 : una biblioteca de componentes React con interfaz de usuario Win95
  • Mejores prácticas de estilo usando React
  • La mejor extensión de reacción para el código VS
  • Descripción general de las bibliotecas populares CSS-in-JS para React
  • Gestión de estado con React Hooks: sin API de Redux o Context
  

• Angular:
  • Contexto angular: enlace de datos fácil para árboles de componentes anidados y la salida del enrutador
  • CLI angular: desmitificar el espacio de trabajo
  • Angular avanzado: Implementación de un componente de autocompletado reutilizable
  

• Libs y complementos:
  • fkit: un kit de herramientas de programación funcional para javascript
  • jQuery Terminal Emulator - terminal basado en web
  • Choices.js : un complemento de entrada de texto / cuadro de selección personalizable vanilla JS
  

Navegadores

• Qué esperar en los nuevos canales de Microsoft Edge Insider
• Opera presenta reborn 3, el primer navegador de escritorio con web 3, VPN más rápido y bloqueador de anuncios
• Edge Goes Chromium: ¿Qué significa para los desarrolladores front-end?

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