El resumen de materiales frescos del mundo del front-end para la última semana No. 356 (11-17 de marzo 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 sobre estándares web, número 165 : Chrome 73, React Native 0.59, CSS Nesting, KV Storage, ARIA Live Regions, Web Components, Conditional ES Modules.
• HardcodeFM Podcast Episodio 9 - Front End ClojureScript
• Podcast Frontend Youth (18+) # 87 No se necesitan clases
• CSSSR Podcast News 512 - Número 42 ( 11 de marzo - 17 de marzo )
• "Todo va al frente" . Nueva canción de Mikhail Malkov en la interfaz

Desarrollo web

• La fuerza y ​​el poder de los componentes web.
• Frontend sin JavaScript
• Planificación de imagen receptiva
• KV Storage: el primer módulo integrado en la web
• Propuesta para agregar soporte para la carga diferencial de scripts en la discusión WHATWG en Github

• Rendimiento:
  • Acelere un sitio con muchas imágenes: una guía para cargar imágenes diferidas
  • Se anuncian las páginas Lite para Chrome: Descarga más rápida para usuarios de red * muy * lentos. Inscríbase a través de Google Data Saver para una representación más inteligente del lado del servidor y priorización de los recursos secundarios de la página
  • Entendiendo Chrome Lite
  

• Herramientas:
  • Webpack en la práctica: desde cero para crear pruebas automáticas
  • Sublime Text 3.2 lanzado, aún rápido, con un nuevo lanzamiento: integración con Git
  • Cómo usar Chrome como IDE
  

• Accesibilidad:
  • Todo lo que necesitas saber sobre ARIA Live Regions
  • Accessibility insights es la nueva herramienta de prueba a11y que proporciona información rápida y útil sobre problemas de accesibilidad en sus productos.
  

CSS

• Precargador flexible que utiliza unidades em
• WebP en CSS : complemento PostCSS y pequeño script JS (128 bytes) para usar WebP como fondo CSS
• Cómo comenzar con CSS Grid
• Diseño de unidades para relación de aspecto en CSS
• La depuración de CSS es difícil
• Si expresiones y bucles en CSS
• Cómo manipular colores CSS usando JavaScript
• Rediseñando Nuestros Documentos - Parte 4: Creando una Arquitectura CSS Escalable
• ¿Por qué no puedo configurar el tamaño de fuente para el enlace visitado?
• Uso de CSS-in-JS para diseñar elementos personalizados
• Comenzando con PostCSS en 2019
• Animación efectiva de subrayar elementos de navegación en el menú.

Javascript

• Resolver una tarea de una entrevista de Google en JavaScript: 4 formas diferentes
• Node.js Foundation y JS Foundation se fusionaron en OpenJS Foundation
• ¿ Usando JavaScript? 6 formas de ver HTML procesado
• Entrevista para el puesto de desarrollador de JavaScript: tareas populares con análisis de soluciones
• Actualización sobre características experimentales en Node.js
• GraphQL en profundidad: qué, por qué y cómo
• Cómo estropeé mi código JavaScript y aún gané el Desafío de codificación
• JavaScript en 14 minutos . Jeremy Thomas Tutorial interactivo

• Teoría:
  • Entendemos los cierres en JavaScript. De una vez por todas
  • Cuando "Zoë"! == "Zoë". O por qué necesita normalizar cadenas Unicode
  • 7 trucos con objetos desplegados y de descanso en JavaScript
  • Convertir funciones de devolución de llamada en promesas
  

• VueJS:
  • VueJS: Un poco sobre 3.0
  • Cómo reemplazar jQuery con Vue
  • Cómo configurar la interfaz de búsqueda en Vue.js
  • Vue a11y : el proyecto comunitario Vue.js para mejorar la accesibilidad del sitio web.
  

• Reaccionar:
  • Análisis y optimización de aplicaciones React.
  • La documentación de React ahora está disponible en ruso
  • Ganchos de reacción: cómo comenzar y crear el suyo propio
  • Agregar animación a las aplicaciones React con React-Lottie
  • Estructura de archivos óptima para aplicaciones React
  • No necesita un marco mod para usar GraphQL con React
  

• Angular:
  • Actualización automática de módulos con carga lenta para Ivy
  • Implementación de carga de archivos usando Nodo y Angular
  • Creación de aplicaciones angulares y de reacción con Nx
  

• Libs y complementos:
  • Por qué no deberías usar Moment.js ...
  • promise-utils: utilidades similares a lodash sin dependencias para las promesas nativas de ES6
  • foreach asincrónico paralelo / serial en JavaScript
  • lax.js : plugin javascript simple y sencillo para crear animaciones suaves y hermosas mientras se desplaza
  

Navegadores

• Versión 73 del navegador web Chrome
• ¿Por qué Brave podría ser una alternativa digna a Chrome?
• El modo oscuro en el navegador Chrome ahora está disponible en Mac

Entretenido

• La World Wide Web tiene treinta años, ¿qué pasará después?
• Inteligencia artificial y criptografía: separamos el bombo de la realidad
• Lo efímero es una mentira. Por qué el cifrado no salvará tu privacidad
• Lookout: una aplicación de Google que informa a las personas ciegas y con discapacidad visual sobre el medio ambiente.
• El ex desarrollador de Rambler creó un servidor web, superó a Microsoft en el mercado y vendió la compañía por $ 670 millones: historia de Nginx
• Mozilla presentó Firefox Send
• Es hora de decir adiós. Google Allo Messenger dejó de funcionar, el siguiente en la línea - Bandeja de entrada
• GitHub cambia la política de privacidad y las sanciones.
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 .