El resumen de materiales frescos del mundo del front-end para la última semana No. 345 (24-30 de diciembre de 2018)

Traemos a su atención la última selección de este año 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 153: Comunidad en Astana, YouTube vs. Edge, Android y PWA, imágenes, trabajadores sin conexión y de servicio, sobre CSS directamente de las especificaciones, pilas completas como un unicornio
• Angular Five Minute Podcast # 14 - Más grupos y canales, Optimización, StackBlitz, RxJS puzzle, NGX
• Podcast de Frontend Weekend # 85 - Dmitry Makhnev sobre trabajar en Odnoklassniki y los matices de preparar conferencias
• Podcast Frontend Youth (18+) Año Nuevo Stream Youth Frontend
• CSSSR Podcast, Noticias 512 - Especial de Año Nuevo
• "TODO TU HTML" # s2e3: "Copos de nieve, lienzo-boceto"

Desarrollo web

• Frontend 2018: resultados del año
• Preguntas al candidato para el puesto de desarrollador front-end
• WebP hoy: ¿por qué y cómo?
• Cree una página fuera de línea para su sitio
• Una mirada integral a la interfaz en 2018
• Creamos un sitio como en 1998
• Creamos un sitio como en 2018
• Comprensión del DOM virtual

• Rendimiento:
  • Comenzando con la productividad web: una guía para principiantes 2019
  • Mejorando el rendimiento percibido de su aplicación web
  • Marcadores de posición de degradado para imágenes
  

• PWA:
  • Creando PWA en solo 10 minutos
  • Atajos de Siri para la creación de iconos de manifiesto de aplicaciones web y PWA
  • Mi lista de deseos para aplicaciones web progresivas en 2019
  • ¿Las PWA reemplazarán a las aplicaciones móviles nativas?
  

• Herramientas:
  • Fiddly : cree páginas HTML hermosas y simples a partir de sus archivos Readme.md
  • Webpack: 0 a pruebas automatizadas
  

• Animación:
  • Presentaciones tridimensionales de productos en THREE.js para los más pequeños.
  • Una selección de demos geniales para 2018
  

CSS

• Diseño de cuadrícula como base de diseños modernos
• Animación de subrayado de enlace CSS puro
• Implementación inicial de clip-path: path ();
• Cómo crear una galería de imágenes con CSS Grid
• CSS Gradient Borders
• Problemas comunes de CSS para proyectos front-end

Javascript

• 19 ideas para los desarrolladores de Node.js que buscan crecer por encima de sí mismos en 2019
• Principios de programación funcional en JavaScript.
• JS 2018 resultados y pronósticos para el futuro
• Domando datos con JavaScript
• Cómo hacer web scraping con Node.js
• Comprender la limitación y el rebote

• Reaccionar:
  • Componentes de reacción final
  • Reaccionar ganchos: ¿qué pasará con mis pruebas?
  • Cómo personalizar componentes de terceros en React
  • Reaccionar la revisión de prueba en 2019
  • Preguntas de la entrevista React / Redux
  • Administre audio web con React y Redux Middleware
  

• Angular:
  • Estadísticas de la comunidad de habla rusa de Angular para 2018
  • Cómo actualizamos un sitio web con 500 millones de usuarios al año a Angular 7 en menos de un día
  • Divirtiéndose con mixins en Angular
  • Quicklink - Nueva estrategia de precarga angular
  • 404 página inteligente en angular
  

• VueJS:
  • Cómo trabajo con Vue en 2019: TypeScript y TSX
  • Cómo crear una aplicación BookSearch usando Vue.js y ElasticSearch
  

• Libs y complementos:
  • Accesos directos JS : creación de accesos directos de Apple con JavaScript
  • Magic Grid : una biblioteca Javascript simple y fácil para diseños de cuadrícula dinámicos
  • netlify-shortener : tu propio acortador de URL gratuito con Netlify
  • seguridad de nodo : la forma más fácil de controlar el acceso a los módulos npm
  

Navegadores

• Disponible Librefox, una variante de Firefox con cambios de privacidad y seguridad.
• Xiaomi lanzó Mint Browser, un navegador para Android con modo nocturno, sincronización de marcadores y sin anuncios
• Microsoft comparó el rendimiento de los navegadores en la actualización de Windows 10 de octubre de 2018
• En Firefox 66, aparece un botón para buscar pestañas
• Cómo agregar estilos personalizados en Firefox

Entretenido

• Dibujamos elegantes árboles de Navidad con caracteres ASCII (y no solo)
• Historia del proyecto Dragonfly: cómo fue Google a China
• Innovación más inútil de 2018 - Lista de Inc.
• Turbulencia en TI: ¿qué desafíos enfrentaron los líderes tecnológicos en 2018?
• TechCrunch nombró los mejores y peores dispositivos de 2018

Bueno, el próximo año me gustaría desear menos marcos nuevos y más estabilidad para nuestro front-end. Feliz año nuevo

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