El resumen de materiales frescos del mundo de la interfaz para la última semana No. 352 (11-17 de febrero 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

---

Medios de comunicación

• Frontend Weekend Podcast # 88 - Lo que ha cambiado para Sergei Popov durante el año (sobre la creación de la Liga A y el problema de los front-ends sin experiencia)
• Podcast "Web Standards", número 161: Chrome 73 y CSS 2019, SVG, tablas, cuadrículas y botones, el futuro de Photo Frames.
• Podcast "devschacht": 69: I Frontend
• Podcast "Frontend Youth (18+)" # 83 Transferencia a Star Stack
• CSSSR Podcast News 512 - Número 38 (09.02 - 15.02)
• Torneo: "La mejor característica de JS de 2018" (PARTE 2)
• Frontreview Podcast No. 5: Resumen correcto y cartera de desarrolladores junior
• Ember.js: documental (lanzamiento oficial)

Desarrollo web

• HTML que perdimos
• Sobre linter, calidad de código, calidad en general y gestión de calidad
• Un plan corto para estudiar la interfaz, o # 100DaysKoda
• HTML5 Boilerplate actualizado a la versión 7
• Bootstrap 4.3.0 . El lanzamiento de la nueva versión, que se negó a admitir jQuery
• Introducción a WebBluetooth
• Guía completa: cómo acelerar los GIF web

• Rendimiento:
  • Mejora del rendimiento de las fuentes web con un ejemplo real.
  • Priorización de recursos: utilizamos la ayuda de navegadores
  • Precargar fuentes y acertijos prioritarios
  • Ejemplo de rendimiento DOM
  • web de terceros : una selección con información breve sobre el grado de influencia de las secuencias de comandos de terceros en sitios web
  

• Herramientas:
  • Recolectando el paquete de sueños con Webpack
  • Meet: pika / pack : una nueva forma de administrar paquetes npm
  • Novedades de DevTools (Chrome 73)
  • Titiritero - Mi nuevo servidor de desarrollo
  

• Accesibilidad:
  • Extraño A11y
  • Consejos para hacer accesibles elementos interactivos en dispositivos móviles
  • Diseño de las interfaces del futuro: SVG en línea
  

• Espectacular web:
  • Efectos de filtrado SVG. Parte 3. Efecto de posterización de imagen usando feComponentTransfer
  • Efectos de filtrado SVG. Parte 4. Imágenes a dos colores con feComponentTransfer
  • Efectos de filtro SVG: alinee el texto con la textura de la superficie usando <feDisplacementMap>
  • El efecto de relleno de fondo de cuadrícula con Anime.js
  • Agua y limones : una imagen detallada en CSS puro
  
  

CSS

• Nueva encuesta #StateOfCSS 2019 de los creadores de StateOfJS
• El lado oscuro de las rejillas (Parte 1)
• Un nuevo enfoque para la utilidad CSS Clases de visibilidad variable
• Guía de 10 pasos de Flexbox
• Hojas de estilo construidas: estilos reutilizables sin costuras
• El proceso de implementar el diseño de la interfaz de usuario desde cero utilizando el encabezado del sitio como ejemplo
• Selectores CSS nivel 4
• Una introducción a las métricas de fuentes con una explicación detallada de los detalles de cada aspecto.
• Rejilla o Flex?
• CSS Scroll Snap: cómo funciona
• ¿Cuál es la diferencia entre Flexbox y Grid?

Javascript

• 10 comandos de consola para ayudar a debatir el código JavaScript como un PRO
• JavaScript robusto: persiguiendo un mito
• Aplicación práctica de la transformación del árbol AST utilizando Putout como ejemplo
• Informática en JavaScript: listas doblemente vinculadas
• 5 formas de crear aplicaciones en tiempo real usando JavaScript
• Cómo eliminar JavaScript de la web en 2019
• JavaScript: momentos divertidos
• Cómo me deshice de las nuevas publicaciones patrocinadas en Facebook.
• ES5 a ESNext: estas son todas las características agregadas a JavaScript desde 2015

• Teoría:
  • Todo lo que necesita saber sobre async / wait. Bucles, control de flujo, restricciones.
  • Gestión del estado . Una serie de conferencias que consta de cinco videos de Ilya Klimov
  • Guía visual de definiciones y aplicaciones de variables de JavaScript
  • Conceptos básicos de JavaScript para definir y hacer estallar variables
  • Explore funciones puras con JavaScript
  

• TypeScript:
  • clean-code-typescript : conceptos de código limpio adaptados para TypeScript
  • ReasonML vs TypeScript: comparando su sistema de escritura
  • Cómo usar Typecript con React y Redux
  

• Reaccionar:
  • ¿Por qué están React Hooks tan emocionados por mí?
  • Crear un componente Reaccionar autocompletar desde cero
  • Animación en React
  • Reacciona la magia de varios pasos
  • Todo lo que necesitas para crear un gancho de reacción personalizado
  • Cómo lograr soporte de accesibilidad en aplicaciones React
  • Lo que aprendí al aprender React en dos noches, después de años de trabajar con Angular
  

• Angular:
  • Angular Universal: todo lo que un especialista en SEO necesita saber
  • Administre puntos de interrupción de imagen con Angular
  • Tour de consola angular
  • Crear información sobre herramientas en Angular CDK
  

• VueJS:
  • VueJS 3.0: ¿Revolución? . Opinión de Ilya Klimov
  • Creando un SPA en Vue.js para vender camisetas
  • Convirtiendo dibujos SVG estáticos en widgets interactivos e infografías con Vue.js
  

Navegadores

• Mobile Opera tiene una VPN gratis
• Introdujo una nueva interfaz de navegador Opera
• Navegador El navegador de Internet Samsung ha superado el hito de mil millones de descargas en Google Play Store
• Empleado de Microsoft: no use Internet Explorer por defecto
• Chrome admitirá enlaces a palabras y frases individuales en el texto
• Valiente ahorro de memoria: 33–66% de reducción con respecto a Chrome
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 .