El resumen de materiales frescos del mundo del front-end para la última semana No. 399 (20 al 26 de enero de 2020)

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

Medios de comunicación

• CSSSR Podcast: Noticias 512 - Componentes con estilo 5.0, carga diferida, diseño multidireccional, ru Github
• Podcast de Frontend Youth (18+) # 123 Git con balalaika y osos
• Podcast "Devshahta / Night Frontend" No. 109: Trabajo competente con errores. Mónada tampoco.
• Podcast "Estándares web" No. 211. Habilidades blandas, fútbol y vida sin una interfaz, componentes web, React, cuadrículas, rendimiento, buceadores
• Make Me Beautiful Podcast, número 33 - Tendencias de diseño, microbrowers y estudios en desarrollo
• Podcast Frontend Youth (18+) # 122 Salario justo para plancton

Desarrollo web

• Representación del sitio web 101
• Adiós código limpio
• ¿Nuevo en JAMstack? Eso es todo lo que necesita saber para comenzar.
• Web 2020: extensibilidad e interoperabilidad
• Seis consejos para trabajar para internacionalizar aplicaciones web
• Una guía completa de iframes
• No es necesario odiar los componentes web.
• Recreando un botón Arduino usando SVG y elemento iluminado

• Las herramientas
  • Más bonito en proyectos grandes: dedica 20 minutos a la configuración, olvídate del formateo para siempre
  • Proyecto de optimización del tiempo de construcción
  • ¡Conoce a Yarn 2!
  • Playwright es la nueva biblioteca de nodos de Microsoft para automatizar navegadores en Chromium, WebKit y Firefox. Creado por los desarrolladores de Puppeteer, Playwright tiene como objetivo crear una plataforma de automatización web cruzada, rápida y perenne.
  • Configuración de ESLint y mejores prácticas
  • Mi historia sobre herramientas, tecnologías y soluciones de desarrollo web
  

• Rendimiento
  • Microoptimización del rendimiento y JavaScript.
  • Google PageSpeed ​​Insights: la verdad sobre 100/100
  • Velocidad de mil cortes
  

• Disponibilidad
  • Disponibilidad en el nuevo Microsoft Edge
  • Mala disponibilidad significa mala calidad
  

• Efectos
  • Nos damos cuenta del efecto visual de la película "The Matrix"
  • El efecto de desplegar una imagen de un rollo usando Three.js
  • Una selección de interfaces creativas "Resumen de interacciones y animaciones de interfaz de usuario # 2"
  • Noche en el museo de los muchachos muy buenos
  

CSS

• RTL Styling 101 - Una guía detallada para el estilo CSS RTL
• La cascada CSS. O cómo los navegadores resuelven el problema con estilos CSS competitivos
• CSS Houdini: todo lo que necesita saber sobre las API más populares
• Comprensión de las palabras clave CSS: inicial, heredar y desarmar
• Usar modificadores adaptativos para controlar los cambios de diseño en sus componentes
• Crear diseños bidireccionales
• Un poco de CSS imaginario
• 4 diseños CSS sin usar consultas de medios
• Enlaces de gradiente multilínea
• Gradientes mágicos del arco iris con CSS Houdini y React Hooks
• Dimensiones internas de CSS

Javascript

• Innovaciones de JavaScript ES2020 con ejemplos simples
• Errores comunes al usar Promise en Javascript
• Lectura y procesamiento de archivos utilizando la API JavaScript FileReader
• 10 marcos JavaScript más importantes en la última década
• Svelte: ¿una receta para un marco exitoso?
• ¿Por qué estoy disfrutando de Svelte?
• Estimados fanáticos de Loop: usemos métodos Array
• Visualización de JavaScript: generadores e iteradores

• Reaccionar
  • Cómo usar Control Inversion en JavaScript y Reactjs para simplificar el manejo del código
  • Descripción general de JSX con tres ejemplos sin reacción
  • 10 conceptos de JavaScript que necesitas para dominar React (+ hoja de trucos)
  • Guía para principiantes de React Cycle JSX
  • Cree formularios más accesibles con React Icons
  • Carga dinámica Reaccionar componentes con ganchos
  

• Vue
  • ¿Qué esperar en Vue 3.0?
  • Cómo escribir una aplicación Vue.js completamente en TypeScript
  • Cómo crear una aplicación web progresiva en Vue.js
  • ¿El amor vuetifica? Conoce PrimeVue, la nueva y poderosa biblioteca Vue UI.
  • Carruseles en Vue.js: soporte y rendimiento de SSR
  

• Angular
  • Angular 9 e Ivy: carga de componentes diferidos
  • Guía práctica de Angular: servicios e inyección de dependencias
  • Cómo implementar la arquitectura de micro frontend con Angular
  

• Ascua
  • The Ember Times - Número 131
  • The Ember Times - Número No. 132
  • Cómo logramos compilaciones "perennes" en una aplicación corporativa en Ember.js
  • Metadatos de RouteInfo (3.10)
  

• Libs y complementos
  • Biblioteca JS para verificar las propiedades de JS, que son datos de formulario.
  • React Nice Dates: adaptable, con soporte para eventos táctiles, una biblioteca de selector de fecha modular
  

Navegadores

• Microbrowsers están en todas partes. ¿Pero qué sabemos sobre ellos?
• Los investigadores acusaron a Opera de emitir micropréstamos al 438% anual sin pasar por las reglas de Google
• Google está probando la nueva interfaz del menú Compartir en Chrome, con herramientas para crear códigos QR y capturas de pantalla
• Revisión de la versión final de Microsoft Edge basada en Chromium: un nuevo viejo amigo
• La próxima versión del navegador Apple Safari se lanzará sin el soporte de Adobe Flash
• Mozilla ha bloqueado 197 complementos de Firefox en las últimas dos semanas.
• Edgium

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 .