El resumen de materiales frescos del mundo del front-end para la última semana No. 379 (del 2 al 8 de septiembre 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 | Noticias

---

Medios de comunicación

• CSSSR Podcast: Noticias 512 - Chrome 77, Django 3.0, más sobre las acciones de Github, CSS Grid Gantt y Apple Presentation
• Podcast “Frontend Youth (18+)”: # 106 Senior conoce el precio de govnokode
• Podcast de Frontend Weekend # 97 : Vsevolod Rodionov sobre cómo construir una carrera de desarrollo en lugar de la carrera de un marinero
• Podcast “Devshahta / Night Frontend” # 94 : Pavel Malyshev defiende y promueve a Svelte

Desarrollo web

• Acordeón, preguntas frecuentes, spoiler y otros widgets desplegables
• Nuevos tipos de micromarcado para fragmentos interactivos avanzados
• Arquitectura frontend: círculo medio
• Apple acaba de lanzar componentes web en producción, y probablemente te lo perdiste

• Las herramientas
  • Tema personalizado en Chrome DevTools
  • Novedades de DevTools (Chrome 78)
  • Depuración de TypeScript en Firefox DevTools
  • Webpack Boilerplate: mínimo Webpack 4 boilerplate con Sass, ESLint, Hot Module Replacement y optimización de desarrollo / producción
  • 5 consejos para Firefox DevTools - Inspector de almacenamiento
  • Chrome 77: novedades de DevTools
  • "Herramientas de globalización: el estado de la web". Nuevo video en el canal de desarrolladores de Google con Andrei Sitnik como invitado
  

• Disponibilidad
  • Componentes inclusivos: cambio de tema
  • Entonces usted está siendo demandado por falta de disponibilidad
  

• Rendimiento
  • Características de Google PageSpeed: calificación mejorada del sitio y ranking de búsqueda
  • Lista de verificación de auditoría de rendimiento web
  • Rendimiento web: minimizar el reflujo DOM / Thrashing de diseño
  • ¿Por qué precargo la fuente, incluso si no hay necesidad?
  

• Efectos
  • Cómo cambiar dinámicamente los colores de las imágenes del producto usando CSS Blend Mode y SVG
  • Configurador para crear efectos de distorsión personalizados en WebGL
  • Resumen de sitios web inspiradores creativos # 8 selección creativa
  • Cómo crear Webcam Audio Visualizer usando Three.js
  

CSS

• Todo lo que necesita saber sobre el margen de CSS
• Herramienta para comparar marcos CSS
• Recorte y pérdida de datos visuales en CSS
• Comprender la especificidad de CSS
• Usando PostCSS para automatizar su flujo de trabajo
• Varios métodos para expandir un rectángulo mientras se mantiene el radio del borde
• Mi hack CSS favorito
• Variables CSS para IE11: Real Polyfill para propiedades personalizadas en IE11
• ¿Qué están haciendo los desarrolladores de CSS y por qué son necesarios?

Javascript

• Animación de enlaces en la barra del navegador usando JavaScript y emoji
• Los 5 mandamientos del desarrollador de TypeScript
• Cómo optimizar su aplicación JavaScript con el servicio de los trabajadores
• ¿El sitio debería funcionar sin JavaScript?
• Ofuscador de JavaScript casero simple
• Cómo funciona JavaScript

• Teoría
  • Uso profesional del DOM
  • Cómo hacer líneas de recorte en JavaScript (ES2019)
  • Cómo acelerar la declaración de propagación en JavaScript
  • JavaScript asíncrono: una introducción a las promesas de JavaScript
  • 8 hábitos a evitar al desarrollar en Javascript
  • Iteradores y Generadores JavaScript: Iteradores Asincrónicos
  

• Reaccionar
  • 14 consejos para escribir código de reacción limpio: Parte 1 , Parte 2
  • Pruebas basadas en modelos para reaccionar con autómatas estatales
  • ¿Por qué React está haciendo esto?
  • Documentación y vista previa de los componentes ReactJS con JSDoc
  • Agregar una barra de progreso y notificaciones a su aplicación React
  • Migración de JavaScript a TypeScript en un proyecto React real
  • React Microfrontends y Monorepos: la combinación perfecta
  • Todos los informes con React Rally 2019
  

• vue
  • Transmitir datos a Vue.js: ¿cómo funciona?
  • Ganchos en Vue.js versión 3.0
  • Componentes funcionales de Vue.js: ¿qué, por qué y cuándo?
  • Experiencia de usar Vue.js en "Edil": cómo usar y por qué no eligió Reaccionar
  • Cómo trabajar con el DOM en Vue
  • Carga lenta de Vue individuales y componentes de captación previa
  • Marcadores SVG dinámicos para Google Maps en Vue.js
  • Cómo usar variables de entorno en Vue.js
  • Cómo usar Google Maps en aplicaciones en Vue.js
  • Vue PWA: un ejemplo de aplicación web progresiva con Nuxt
  

• Angular
  • Guía para principiantes de GraphQL con Angular y Apollo
  • Consejos de inyección de dependencia angular
  • Cómo usar los creadores de formularios en Angular 8 para validar formas reactivas
  • Compartir componentes con Angular y Bit
  

• Ascua
  • Concurrencia de ascuas
  • Commit Porto '19: Prosperity through the Advertising Cycle: A History of Ember.js (Ricardo Mendes)
  

• Libs y complementos
  • La historia de cómo la popular biblioteca de JavaScript comenzó a mostrar anuncios en el terminal
  • hashids.js: una pequeña biblioteca JS para generar identificadores similares a YouTube a partir de números.
  • O-GL - Marco minimalista de WebGL
  • espacio-tiempo: una utilidad para trabajar con zonas horarias
  • Crea avatares en vivo (como Animoji) usando face-api.js
  

Navegadores

• Lanzamiento de Firefox 69
• La actualización de Firefox reducirá el consumo de energía de los dispositivos macOS en tres veces
• Mozilla asegura que las actualizaciones de la API de WebExtensions no dañarán a los bloqueadores en Firefox
• Mozilla comenzó a bloquear las cookies para rastrear la actividad del usuario en Firefox
• Lanzamiento del nuevo navegador Yandex: música, notificaciones, búsqueda de páginas
• Las campañas publicitarias ofrecen una alternativa a las cookies en medio de la prohibición de Mozilla del seguimiento de usuarios

Entretenido

• Deepfake: cómo las redes neuronales despojan a las celebridades y nos vuelven locos, y lo peligroso que es
• Factores de clasificación de Google 2019: un estudio de Rand Fishkin
• Tipos de aprendizaje automático
• En pocas palabras sobre las fuentes. Primera parte
• Google ha abierto un código de biblioteca para el procesamiento de datos confidenciales.
• Apple criticó el informe de vulnerabilidad de iPhone de Google y acusó a la compañía de crear la ilusión de una amenaza masiva
• ¿Por qué no escribir comentarios en el código?
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 .