El resumen de materiales frescos del mundo del front-end para la última semana No. 328 (20 al 26 de agosto 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 135: certificados y TLS 1.3, propiedades flexibles y personalizadas, compatibilidad y -webkit-junk, SVG-filtros y WebGL, nuevo Node.js.
• Podcast de fin de semana de Frontend # 67 - Victor Grishchenko sobre cómo y por qué desarrollar ciencia en el mundo moderno de TI
• Weekly Vue Weekly Podcast, número 1.
• Podcast "Five Minute React" # 44 - De la vida de un desarrollador intermedio
• Podcast de Devshahta: # 47: prueba como tío Bob
• Podcast de Frontend Youth (18+) # 62 Podcast multicultural no sobre frontend
• Entrevista con el jefe de SRI Sergey Berezhny
• ChernivtsiJS 2018 - 23 de junio de 2018 , 12 videos

Desarrollo web

• Introducción a la programación de sombreadores para diseños
• Frontend de microservicios: un enfoque moderno para la separación del frente
• Pagos web, API de solicitud de pago y Google Pay
• Crear AR / VR con Javascript y HTML
• Una introducción rápida a la seguridad web.
• Explorar generadores de sitios estáticos populares
• Nuevas instrucciones de accesibilidad en WCAG 2.1

• Rendimiento:
  • Consejos para mejorar el rendimiento de las animaciones CSS y JS
  • Guía de prueba de página web
  • Cómo ingresamos a los 3 sitios de comercio electrónico más rápidos
  • Inmerso en el rendimiento web a partir de Google I / O 2018
  • Profundice en el rendimiento web en 2018
  

• Herramientas:
  • Consejos profesionales para usar el código de Visual Studio para obtener el mejor rendimiento en 2018
  • SVG 3D Builder : una herramienta integral para crear modelos tridimensionales en svg
  • Área de juegos de filtros SVG . Una herramienta que hace que la gestión de filtros sea mucho más conveniente
  

• Espectacular web:
  • Codepen CSS / SVG compilación de efectos para texto en la web
  • Una selección de animaciones creativas para el menú de hamburguesas.
  

CSS

• Enfoque personalizado para normalizar y restablecer estilos (custom-reset.css)
• ¡ Resuelto usando CSS! Estilo lógico basado en el número de elementos.
• Escribimos CSS mejor y más hermoso
• Uso de la definición de soporte para escribir CSS entre navegadores

• Normas:
  • Estándar para personalizar
  • A veces regresan: los pseudoelementos con el prefijo -webkit- serán válidos en Firefox
  • :: antes vs: antes
  

• Efectos visuales:
  • Algunas palabras sobre gradientes
  • Imágenes receptivas: trucos CSS que ahorran tiempo
  • Uso de la ruta del clip CSS para crear efectos interactivos, parte 2
  • Uso de archivos adjuntos de fondo CSS para crear anuncios de fondo adhesivos en un iFrame
  • Ejemplos de uso de CSS del mundo real con SVG
  • Efectos avanzados usando modos de fusión de fondo CSS
  

• Diseño:
  • Todo lo que necesitas saber sobre la alineación en Flexbox
  • Beneficios de usar CSS Grid para diseños de formularios web
  

• Tipografía
  • Investigación de fuentes variables
  • Fuentes variables y dislexia
  

• PWA:
  • CSS y PWA: algunos consejos para crear aplicaciones web avanzadas
  • Herramientas de optimización CSS para acelerar aplicaciones web progresivas
  

Javascript

• TypeScript 3.0
• Aplicaciones web y servidores de JavaScript vulnerables a ataques ReDoS
• Los 33 principales proyectos de JavaScript en GitHub
• Lista de verificación para escribir componentes de reutilización en React y Vue

• Tutoriales:
  • Crear gráficos en vivo en D3.js
  • Ejemplo de API de recuperación de Javascript, una guía desde cero
  • Crear un generador de sitio estático simple con Node.js
  • Primeros pasos con TensorFlow.js
  

• Teoría:
  • JavaScript: explorar objetos
  • Aumentamos el nivel de propiedad del método de trabajar con filtros de matrices
  • Números complejos de JavaScript
  • Iteradores y generadores toman su lugar en JavaScript moderno
  • Recurrencia asincrónica: promesas, sorpresas, pero sobre todo, confusión.
  

• VueJS:
  • Estado Vue.js en 2018
  • Creación de SPA amigable para SEO en Vue.js con Prerender, así como consejos
  • El desarrollador de JS desafía a Google y Facebook
  • Manejo de eventos táctiles con VueJs
  

• Reaccionar:
  • Kotlin + React vs Javasript + React
  • Reaccionar el tutorial de autocompletar con un ejemplo
  • Guía completa de accesorios de repeticiones
  

• Angular:
  • Propiedades angulares de v6 que cambian las reglas del juego
  • Creación de PWA optimizada para motores de búsqueda en angular - Parte 1
  • Cómo crear un plugin / arquitectura de aplicación extensible en Angular5 +
  

• Libs y complementos:
  • size-plugin : muestra los tamaños de los activos comprimidos de su paquete web y los cambios desde la última compilación
  • WorkerDOM : implementación de API DOM diseñada para funcionar dentro de Web Worker
  

Navegadores

• Mozilla anuncia la eliminación de complementos obsoletos de Firefox
• La próxima actualización de Google Chrome 69 traerá un diseño de navegador radicalmente nuevo
• En Firefox 62, planifique activar el complemento Firefox Monitor
• Chrome para Android puede comenzar a deshabilitar JavaScript en una conexión 2G

Entretenido

• Yandex cancela TIC e introduce un nuevo indicador de calidad del sitio
• Los programadores están bromeando. ¿Es hora de prohibir?
• La Unión Europea prohibirá la producción de lámparas halógenas a partir del 1 de septiembre.
• Windows 95 portado a Electron
• El kernel de Linux tiene 27 años.
• Cómo se templó el mouse: la evolución de los periféricos para juegos
• OG se convirtió en el campeón de The International 2018 . Para la victoria, el equipo ganó $ 11.2 millones.
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