El resumen de materiales frescos del mundo del front-end para la última semana No. 317 (28 de mayo - 3 de junio de 2018)

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 123: YaC y WWDC, los últimos hackers de Chrome, Edge y Firefox, anidadores, calc y CSS, cómo escribir código rápidamente, fuentes variables, esperar y módulos ES, hay una bestia completa, Yandex Aterrizajes.
• Frontend Weekend Podcast # 55 - Nikita Prokopov en ClojureScript, blogueando y creando su propia fuente
• Podcast "devschacht": Night Frontend # 35 - RIT ++
• Podcast de Frontend Youth (18+) # 50 Mitos sobre la configuración cero
• CSSSR Podcast: Noticias 512 - Número 8 (28/05 - 03/06)
• "TODO TU HTML" # 51: "Partículas conectadas en 3D"

Desarrollo web

• Nuevas versiones: GSAP 2.0 , WordPress 15 , el anuncio de Lighthouse 3.0 , el lanzamiento de Material-UI v1 , Jest 23 , el anuncio de TypeScript 2.9
• ¿Por qué el desarrollo frontend es tan inestable?
• Culto a la complejidad . Nota crítica de Jeffrey Zeldman sobre el estado actual del desarrollo web
• Crea una imagen receptiva . Cómo crear un logotipo que coincida con la relación de aspecto
• 9 increíbles secretos de PWA
• Indicadores de enfoque disponibles: cosas en las que centrarse

• Rendimiento:
  • prerender-loader! - preprocesamiento universal para Webpack. Mejora la primera pintura, a menudo incluso sin cambiar el código.
  • ¿Qué es Client Hints y vale la pena usarlo?
  • Reducción del tamaño de la imagen con muestreo de color
  

• Herramientas:
  • En Yarn y viceversa (en npm) nuevamente
  • Chrome 67: novedades en DevTools
  • Tres pasos para implementar aplicaciones Webpack en Heroku
  

CSS

• Álgebra en calc (), la nueva especificidad de los selectores de nivel 4 y otras innovaciones CSS de mayo
• Donde todo es complicado con saltos de línea. Aquí están todos los trucos CSS y HTML para esto.
• Explicar el índice Z: cómo posicionar elementos usando CSS
• Resolviendo problemas de vida con CSS
• critters : complemento de Webpack para incluir CSS crítico y carga lenta para el resto
• Cómo funciona CSS: Comprender Cascade
• Estado de cambio de gradiente utilizando transiciones y animaciones CSS
• HSL () / HSLa () son excelentes para el control de color del software

Javascript

• Métodos útiles de matrices y objetos en JavaScript.
• #SmooshGate Preguntas frecuentes
• Propiedades de JavaScript moderno que debe usar todos los días para mejorar el desarrollo y qué problemas resuelven
• Mejores prácticas para usar la sintaxis moderna de JavaScript
• Capturar e informar errores de JavaScript utilizando window.onerror

• ES2015 +:
  • Novedades de ES2017: características asíncronas, objetos mejorados y más
  • ES6 (ES2015) y posteriores: comprensión del control de versiones de JavaScript
  • ES6 en acción: literales de objetos mejorados
  • Control de flujo en JS moderno: devoluciones de llamada a promesas de asíncrono / espera
  

• VueJS:
  • Construyendo aplicaciones modernas con Django y Vue.js
  • Gráficos en tiempo real con Vue.js
  • Los mejores recursos para aprender Vue.js en 2018
  • De VanillaJS a Vue.js: una historia de refactorización
  

• Reaccionar:
  • Enamórate de React Fiber
  • Reach Router es un nuevo enrutador con énfasis en la accesibilidad. Descripción rápida de características y uso
  • Guía Next.js: SEO-Friendly React E-Commerce SPA
  • react-ideal-image : un componente React casi perfecto para imágenes
  • Las lecciones más importantes que aprendí después de un año de trabajar con React
  • Comprender Redux: la guía para principiantes más fácil del mundo
  • Administrar el estado de la aplicación en Reaccionar con sin indicar
  

• Angular:
  • NgRx - Mejores prácticas para aplicaciones empresariales en angular
  • Angular + Redux: la lección que aprendimos para ti
  • 44 consejos rápidos para un rendimiento de ajuste fino en Angular
  

• Libs y complementos:
  • proppyjs : una pequeña biblioteca JS para la composición funcional de accesorios. Admite ReactJS, VueJS, PreactJS y ReactiveX
  • 11 bibliotecas Javascript que debes conocer en 2018
  • minipack es un ejemplo simplificado de compiladores modulares modernos escritos en JS
  

Navegadores

• Navegador web Chrome versión 67
• Firefox 63 presentará un bloqueador de script de minería de criptomonedas
• La vulnerabilidad en Chrome y Firefox durante todo el año permitió obtener datos en los perfiles de Facebook
• Google Chrome presentó soporte para autenticación sin contraseña en sitios que usan el estándar WebAuthn

Entretenido

• Regreso de geektimes a Habr
• Arquitecto de Big Data Tesla: nuestro piloto automático es SkyNet de Terminator
• Qué fuentes son mejores para usar para datos complejos
• Cómo enseñarle a un niño a programar
• ¿QWERTY es realmente un mal diseño y por qué no podremos rechazarlo?
• Microsoft está negociando la compra de GitHub
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 .