El resumen de materiales frescos del mundo del front-end para la última semana No. 350 (28 de enero - 3 de febrero 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 159: tres años en el aire, eventos, desarrolladores de JS para TV, Chrome, Safari, PWA, Safari y JS Core, CSS vs. JS, ES2019
• "Show de FrontSpot" # 1. ¿Es Dan Abramov un impostor? ¿El flujo no es un flotador? ¿Y quién es él, el rey de nishtyakov?
• RadioJS Podcast Issue 55: Node.js en Backend - Real Backend?
• Podcast de Devschacht: 68: Preguntas incómodas para GraphQL
• Podcast de Frontend Youth (18+) # 82 Cómo lodash cambió javascript
• Torneo: "Mejor función web 2018" (PARTE 1)

Desarrollo web

• Cómo escribir código bueno y claro
• HTML, CSS y puntos de entrada de la industria que desaparecen
• Tutorial GraphQL para principiantes
• CSS y JS en guerra: cómo detenerlo
• HTML es, y siempre ha sido, el objetivo de la compilación. ¿Podemos hacer algo al respecto?
• Google Play Store ahora está abierto para aplicaciones web progresivas
• "Backendification" del desarrollo front-end
• Una visión general de las ofertas más interesantes para la plataforma web relacionadas con los componentes web.

• Rendimiento:
  • Optimización de la velocidad de la página: métricas, herramientas y mejoras
  • Mejora del rendimiento de fuentes web con ejemplos
  

• Herramientas:
  • tris-webpack-boilerplate - webpack-boilerplate para crear sitios estáticos, que tiene todas las herramientas modernas necesarias y herramientas de optimización incorporadas.
  • 11 Extensiones de JavaScript para Visual Studio Code
  • Novedades de DevTools (Chrome 73)
  • Nuevo en Firefox DevTools 65
  

• Accesibilidad:
  • Uso de inteligencia artificial para crear texto alternativo en imágenes
  • Herramientas y estrategias para desarrollar aplicaciones web asequibles.
  • ¿Cómo se usa el elemento figura?
  

• Animación:
  • Deconstrucción de Taotajima.jp WebGL
  • Crear animaciones de onda en Three.js
  • Efectos personalizados para el cursor
  

CSS

• Cómo funciona realmente la posición: pegajosa en CSS
• Una mirada a los contenedores CSS en 2019
• Muchas formas de cambiar el relleno SVG de desplazamiento (y cuándo usarlos)
• CSS-in-JS y renderizado estático
• CSSans Pro - Nueva fuente creativa de color

• Codepen demo:
  • CSS WordArt
  • Cuadrícula CSS: hoja de cálculo de Excel
  • Animación CSS: Mapa del Merodeador
  

Javascript

• Precio de composición en el mundo javascript
• EcmaScript 10 - JavaScript este año
• ¿Por qué TypeScript es el corazón de cada nueva aplicación web de PayPal?
• Qué hay de nuevo en JavaScript 2019
• JavaScript futuro: ¿qué más falta?
• Pruebas estáticas vs unidad vs integración vs E2E para aplicaciones front-end
• Reaccionar frente a angular: una comparación detallada
• Tres formas más de representar el estado de JavaScript
• Nuevos lanzamientos: TypeScript 3.3 , Babel 7.3 , Jest 24

• Teoría:
  • JavaScript: Campos de clase públicos y privados
  • Cómo dominar la sintaxis async / await: un ejemplo real
  • Cómo trabajar con async / await en bucles JavaScript
  • Una breve historia de las características asincrónicas de Javascript
  • Sumérgete más en JavaScripts . Una mirada más cercana a los manejadores de objetos JavaScript
  

• VueJS:
  • 7 problemas que puede evitar usando Nuxt.js para su próxima aplicación Vue
  • Vue.js Application Performance Optimization: Parte 1: Introducción a la optimización del rendimiento y la descarga retrasada.
  • Dominar las propiedades calculadas en VueJS
  • Cómo crear un monitoreo simple de redes sociales en NodeJS, GraphQL y Vue
  • Usando Vue.js para crear un panel meteorológico interactivo con API
  • ¿Qué significa Vue 3.0 para el desarrollo web?
  

• Reaccionar:
  • (Nuevo) Reaccionar métodos de ciclo de vida en un lenguaje simple y disponible
  • Reaccionar como un UI Runtime , una nueva publicación de blog de Den Abramov
  • Cree aplicaciones web progresivas con React. Parte 1
  • addimated es una biblioteca de animación declarativa interrumpible para React.
  • React Custom Scroll 4.0 : un pequeño componente personalizado para crear desplazamiento personalizado
  • 5 formas de animar las aplicaciones ReactJs en 2019.
  • ¿Por qué es tan rápido Gatsby?
  

• Angular:
  • Presentamos NG-VDOM: una nueva forma de escribir aplicaciones angulares
  • Construya PWA listo para producción con Angular y Firebase
  • Angular 7 | 6 Tutorial: Crear y enviar formularios
  • Angular DI: Presentación de Ivy NodeInjector
  

• Libs y complementos:
  • flexsearch : biblioteca de búsqueda de texto de texto completo en navegadores y Node.js
  • readability.js es una versión separada de la biblioteca utilizada para el modo lector en Firefox
  • webaudio-synth: sintetizador polifónico de Web Audio API
  

Navegadores

• En 2020, Microsoft dejará de admitir Internet Explorer 10
• Lanzamiento de Firefox 65 , así como detalles para desarrolladores web en el blog de Marat Tanalin
• WebRender para tarjetas gráficas AMD / Intel y protección contra ataques MITM en Firefox
• Mozilla introdujo otro navegador móvil
• Los usuarios se quejan de problemas con los certificados después de instalar Firefox 65
• Qué pasará con los bloqueadores de anuncios después de la actualización de la API de Chromium: opiniones de Yandex Browser, AdGuard y Adblock Plus

Entretenido

• Respuestas a las preguntas más populares sobre Gutenberg
• La desconexión total de Google+ para usuarios regulares está programada para el 2 de abril, la compañía advierte sobre la eliminación completa de datos
• JavaScript superó a Java en el ranking de preferencias de los desarrolladores HackerRank
• Cómo el comercio virtual de los artefactos del juego puede afectar la vida real
• ¿Qué es una computadora cuántica y cómo funciona?
• Estado de la inteligencia artificial en 2019
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 .