El resumen de materiales frescos del mundo del front-end para la última semana No. 365 (13-19 de mayo 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

---

Medios de comunicación

• Web Standards Podcast , 176. Podcasts de desarrollo web, noticias de Google I / O y Microsoft Build
• Make Me Beautiful Podcast Issue No. 17 - No necesita SPA, Google News y Microsoft falla
• Podcast Frontend Youth (18+) # 93 Grumbling Front End
• CSSSR Podcast : Noticias 512 - Overclock de mayo
• CSSSR Podcast : Noticias 512 - Número especial de mayo
• Podcast "Devshahta / Night Frontend" # 80: Corregir versiones móviles y lo que hay en Facebook
• Repozitorro # 14 : Hay diferentes proyectos, pero esto ...
• "TODO TU HTML" # s3e2: "Física con Cannon.js"
• Video de SmashingConf SF 2019
• Web en Google I / O 2019 , 24 videos

Desarrollo web

• Fotos en la web 2019
• Tendencias de tecnología de desarrollo web 2019
• Componentes SVG para IoT y dispositivos (Parte 2)
• Introducción a JAMstack: arquitectura web moderna
• ¿Por qué el desarrollo con JAMstack es genial?
• Todo lo que querías saber sobre inputmode
• Pug Newbie Guide
• Comprender un dispositivo JPEG

• Rendimiento:
  • Uso de la aplicación web WebAssembly 20x acelerada
  • La mejor priorización HTTP / 2 para la aceleración web
  • Inmersión profunda en la carga perezosa nativa de imágenes y marcos
  • Informe de la reunión del comité consultivo de AMP
  • Optimización de imagen: comprender el impacto exacto en el puntaje de rendimiento de Google para mejorarlo en 2019
  • ¿Es 'el pliegue' (el área de pantalla inicial del sitio) todavía importante en la cultura de desplazamiento del sitio moderno?
  • 3Pweb es un visualizador en línea que muestra cuánto tiempo demora en promedio ejecutar scripts de terceros
  

• Herramientas:
  • Características de las Herramientas para desarrolladores de Chrome que no conocías (PARTE 1)
  • Desarrollo remoto usando código VS
  • Depuración de JavaScript más rápida e inteligente en Firefox DevTools
  

• Accesibilidad:
  • Una forma nueva (y fácil) de implementar la accesibilidad para contenido oculto
  • Estado de disponibilidad: GAAD 2019
  • Introdujo Microsoft Web Template Studio para el desarrollo completo
  

• Animación:
  • Integración de bibliotecas de animación de terceros en el proyecto.
  • Cómo crear un gráfico circular en SVG
  

CSS

• Selector: ¿has () estará disponible para el registro?
• Esta es una trampa trampa-ezoide: las formas CSS no son lo que esperas
• Animaciones de filas y columnas de cuadrícula CSS
• Subgrid . Nuevo artículo sobre documentos de desarrollo de MDN
• Escaneo CSS: la forma más rápida de verificar y copiar CSS
• La función CSS para limitar el texto multilínea a puntos suspensivos se implementó en Firefox
• CSS Grid Debugging: Parte 2: ¿Qué es Fr (acción)?
• ¡Google Fonts ahora admite la visualización de fuentes!
• Reglas CSS para hacerte la vida más fácil
• Parrilla de ventana china y CSS

Javascript

• Primera contribución a la API del navegador de Facebook
• Cloudflare, Mozilla y Facebook están desarrollando BinaryAST para acelerar las descargas de JavaScript.
• Comenzando con Svelte 3
• JavaScript funcional
• TypeScript 3.0: tipo desconocido

• Teoría:
  • ¿Qué es esto aquí? Operación interna de objetos JavaScript
  • Guía práctica de proxy Javascript
  • Motores JavaScript: ¿cómo funcionan? Desde una pila de llamadas hasta una promesa, (casi) todo lo que necesita saber
  

• VueJS:
  • Publicaciones de validación de formularios disponibles utilizando ARIA y Vue.js
  • Introducción al desarrollo basado en pruebas con Vue.js
  • Introducción a Vue: descripción general y tutorial
  • Galería con soporte de gestos en Vue.js y Tailwind
  

• Reaccionar:
  • Reakit 1.0: un nuevo kit de herramientas para crear aplicaciones web asequibles basadas en React
  • Cómo convertir fácilmente las clases React-Redux a React Hooks
  • unform : biblioteca ReactJS para crear estructuras de formulario no controladas con campos anidados, validaciones y mucho más
  • Animación de UI en React
  • ReactQ : kit de inicio universal para React + GraphQL: React 16, Apollo 2, MobX, Emotion, Webpack 4, Generador de código GraphQL, React Router 4, PostCSS, SSR
  • Patrones de diseño de ganchos de reacción clave
  • Aplicación Docking React
  • Creación de su propia biblioteca de validación de reacciones: conceptos básicos (parte 1)
  • Qué hacer cuando su aplicación React se siente lenta
  

• Angular:
  • Angular: crear y publicar una biblioteca
  • Introduciendo CLI Builder
  • Crear una tienda en línea usando ngrx / store y Angular
  • Mis consejos y trucos angulares favoritos
  • Herencia de componentes en angular
  • Facilitando la accesibilidad con Angular CDK. Listas de navegación del teclado
  

• Libs y complementos:
  • Conozca Storeon , un pequeño administrador de estado para aplicaciones modernas que son similares en espíritu a Redux, implementado en un solo archivo que pesa 173 bytes
  • ola - biblioteca de animación para promediar / interpolar números en tiempo real
  • reLift-HTML : una pequeña biblioteca para ver (3 KB) que le permite crear componentes web, elementos personalizados, lo que ayuda a que cualquier página HTML sea reactiva sin contaminación con grandes marcos
  

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 .