El resumen de materiales frescos del mundo del front-end para la última semana No. 338 (5 al 11 de noviembre 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 146: aplicaciones basadas en web en el escritorio, seguridad y front-end, Test262, Babel y Webpack, preguntas para HolyJS.
• Frontend Weekend podcast # 78 - Anton Chernousov, alias golodnyj, sobre convertirse en gerente de producto de un programador y podcasting
• CSSSR Podcast News 512 - Número 28 (05.11 - 11.11)
• React Five Minute Podcast # 49 - bem-react-core
• Podcast de Devshahta: # 56: NodeConf EU 2018
• Podcast "Drinkcast", # 29 - " Frontend estadounidense con Stepan Korshakov"
• ReactiveConf 2018 , 47 videos

Desarrollo web

• Elm cambió de opinión sobre los idiomas impopulares.
• Guía de lienzo HTML

• Rendimiento:
  • Un estudio de caso de rendimiento web de Netflix . Un artículo detallado de Addy Osmani sobre cómo mejorar el puntaje de Time-To-Interactive para la versión de escritorio de Netflix.com
  • Mejora del rendimiento de GIF animado con video HTML5
  • Rendimiento web 101 . Una introducción detallada para descargar el rendimiento de la web moderna de Ivan Akulov
  

• Herramientas:
  • Mejore las habilidades de depuración utilizando las herramientas de desarrollador de Chrome (parte 2)
  • npm: abreviaturas y trucos útiles
  • ¿Por qué escribí 33 extensiones para VSCode y cómo las administro?
  • Integración continua con Prettier + ESLint
  • FX - Herramienta CLI para procesamiento JSON
  • Alias ​​Git sin los que no puedo vivir
  

• Accesibilidad:
  • Relevancia de los metadatos en los PDF disponibles
  • Business Case para accesibilidad digital
  

CSS

• Cómo creé animaciones que cambian el estado de ánimo usando máscaras CSS
• Crea imágenes receptivas
• Consejos CSS que es poco probable que encuentres en tutoriales
• Cómo diseñar rápidamente un sitio usando CSS Grid
• Sugerencia útil: uso de calc () para cambiar la altura de los componentes de la página de héroe
• Cinco años de PostCSS: Estado de la Unión . Andrey Sitnik sobre el estado de las cosas en su proyecto
• CSS frameworks o CSS Grid: ¿Qué debo usar para mi proyecto?
• ¿Por qué los navegadores descargan estilos con consultas de medios inapropiadas?
• Optimice CSS eliminando consultas de medios no utilizados
• CSS y rendimiento de la red . Artículo detallado de Harry Roberts
• Diseños de mosaico de cuadrícula con ajuste automático y minmax
• Resumen del análisis CSS y comparación en Twitter PWA y el antiguo sitio de escritorio
• Diseños editoriales, flotantes y CSS Grid . Un artículo sobre problemas de formato en textos editoriales estándar cuando es imposible usar flotante. Y también, la rápida respuesta de Rachel Andrew con una solución en forma de exclusiones

Javascript

• JavaScript Offline Broker
• Trabajar con árboles de sintaxis JavaScript abstractos
• [marcador] Versión en PDF del tutorial de Node.js y nueva guía de JavaScript
• GraphQL recibió su propia plataforma independiente
• 10 cosas que aprender en el camino para convertirse en un maestro de JavaScript
• Fuera de console.log () . Curiosamente, este no es otro artículo que promueva el uso del depurador

• ES2015 +:
  • Funciones de flecha de JavaScript: por qué son necesarias, cómo manejarlas, cuándo usarlas y cuándo no
  • Implementación de promesas de JavaScript
  • JSBI: implementación de la propuesta oficial ECMAScript de BigInt en JavaScript puro , que se convertirá en parte del lenguaje en un futuro próximo
  

• Reaccionar:
  • Componentes de orden superior en reacción
  • Implementación de desplazamiento suave en React
  • Reaccionar suspenso con Fetch API
  • Introducción a React Hooks
  • 5 cosas que no sabía sobre la aplicación Create React
  • 3 ventajas de los componentes funcionales en React en sitios de comercio electrónico
  • re: ¿Por qué la comunidad React está pasando por alto los componentes web? Respuestas Den Abramov
  

• Angular:
  • Tematización de aplicaciones angulares
  • Lista de verificación de código limpio en Angular ️
  • ¿Por qué Angular me hizo abandonar el desarrollo web?
  • Guía completa para la inyección de dependencia angular 6+ - proporcionada en vs proveedores: []
  • Tutorial de tabla de material angular con un ejemplo
  

• VueJS:
  • Crear un gráfico radial en Vue y SVG
  • Arreglando el DOM virtual Vue.js: necesidad, explicación y solución
  

• Libs y complementos:
  • Conoce a Loona: Biblioteca de administración de salud de React y Angular Application
  • Glider.js: muy rápido, pequeño, totalmente adaptable, con soporte para dispositivos móviles, sin dependencias, una biblioteca para desplazarse y navegar por las listas
  

Navegadores

• Nueva Opera para Android lanzada con la función de bloquear diálogos de cookies
• Chrome 71 bloqueará todos los anuncios en sitios con elementos fraudulentos
• Soporte de pruebas de Firefox para guardar en el almacenamiento en la nube
• Nueva vulnerabilidad RCE detectada en el navegador Edge

Entretenido

• Ahora oficialmente. Google ha confirmado que el modo oscuro ahorra significativamente la energía de la batería
• Un formato que cambia el mundo: la historia de VHS
• GitHub ha cruzado la línea de 100 millones de repositorios.
• Microsoft agregará una función a Word que creará automáticamente listas de tareas
• Sin contacto: qué es NFC y cómo puede un programador trabajar con él
• Las startups más caras que cerraron en 2018
A.

Aparentemente, esta es la última publicación en el blog corporativo del Grupo Zfort. Gracias por venir aquí, suscribirse y leer nuestras publicaciones durante los siete años del blog. Continuaremos publicando nuestros resúmenes de una forma u otra. En primer lugar, las colecciones se publicarán en el blog del sitio corporativo . Además, intentaremos continuar nuestras publicaciones en el centro desde la cuenta alexzfort . El contenido de los resúmenes variará, para evitar duplicaciones, probaremos un nuevo formato la próxima semana. ¡Que tengan una semana fructífera!

Resumen de la semana pasada .
Material preparado por derSmoll y alekskorovin .