El resumen de materiales frescos del mundo del front-end para la última semana No. 353 (del 17 al 24 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

• Podcast "Web Standards", número 162: Npm para Enterprise, prioridades de descarga de JS, precio de scripts de terceros, JS directamente en CSS, accesible por TodoMVC, casillas de verificación personalizadas, alineación de texto.
• Devschacht Podcast # 70: Cómo TypeScript cambia nuestro pensamiento
• CSSSR Podcast News 512 - Issue No. 39 (18 de febrero - 24 de febrero)
• Podcast “Frontend Youth (18+)” # 84 Cada uno de nosotros ha visto lo peor
• Video blog de Vadim Makeev: “13. Vive con las respuestas " , 14. Casillas de verificación personalizadas correctamente
• MinskJS Meetup # 5 - 3 videos

Desarrollo web

• Desarrollo de WebAssembly: rastrillo real y ejemplos
• BEM conveniente
• Páginas AMP y Turbo: Pros, contras y resultados de implementación
• AMP aumenta el tráfico de búsqueda orgánica: estudio
• 30 prácticas esenciales para escribir HTML5 moderno y efectivo
• Diapositivas de Alexandra Shinkevich del MK interno sobre la prueba de la interfaz para desarrolladores
• ¡Prueba GraphQL! Guía interactiva de GraphQL

• Herramientas:
  • Una nueva mirada al aprendizaje y la documentación del código fuente
  • Cómo el tamaño del código depende del minificador, el recopilador y el idioma. Actualización inesperada del paquete web
  • 10 consejos de seguridad para npm
  • ICONSVG : una herramienta para simplificar el proceso de búsqueda y generación de iconos populares para su proyecto
  • 7 sandboxes de javascript en 2019
  

• Accesibilidad:
  • Consejos para hacer accesibles elementos interactivos en dispositivos móviles
  • Componentes inclusivos: lista de tareas
  • ¿Qué significa la norma europea de accesibilidad EN 301 549 para organizaciones estadounidenses?
  • Video sobre cómo los lectores de pantalla usan la web
  

• Espectacular web:
  • Efectos de filtrado SVG. Parte 6. Creando texturas con feTurbulence
  • Crea animaciones que den vida a tu sitio.
  • Cómo crear un efecto de imagen 3D falso usando WebGL
  • Blobs!
  • SVG SPA
  

CSS

• ¿Por qué estoy escribiendo CSS en JavaScript?
• Dibujando en CSS puro . Las 5 mejores propiedades CSS en las que confío cuando creo arte CSS
• JS-in-CSS : un worklet que se creará directamente desde CSS (como parte del experimento CSS HOUDINI)
• 21 formas de optimizar tu CSS y acelerar tu sitio
• Cómo funciona @supports
• Uso adecuado de CSS Grid
• Cuadrícula de alineación automática Flexbox compatible con IE10
• CSS + calc () + rgb () variables = Alto contraste de color
• CSS: Animaciones FLIP

Javascript

• FunES # 8: Math.pow no es igual **
• manipulaciones DOM en JavaScript puro
• Introducción a jQuery (versión 2019)
• Guía completa de características de ES10
• Prioridades de carga de JavaScript en Chrome
• Análisis de soluciones JavaScript en problemas algorítmicos generales (parte 1)
• 12 ideas para mejorar tus habilidades de JavaScript
• XMLHttpRequest o Fetch API: ¿cuál es el mejor para Ajax en 2019?

• Teoría:
  • JavaScript: el gran todo por qué
  • Cómo comenzar con la internacionalización en JavaScript
  • Campos de clase públicos y privados.
  • Probar / Atrapar / Finalmente . Tareas de entrevistas y más
  • Guía de herencia de clase de prototipo de JavaScript
  • Es hora de hablar sobre JavaScript orientado a objetos.
  • Evitar el bloqueo DOM en JavaScript
  

• VueJS:
  • 26 consejos para ahorrar tiempo al trabajar con Vue
  • Crear una aplicación moderna usando Nest.js, MongoDB y Vue.js
  • Optimización del rendimiento de la aplicación en Vue.js: Parte 3 - Carga lenta de módulos Vuex
  

• Reaccionar:
  • Una colección de 2.200 recursos para todo lo relacionado con la reacción: desde Next.js, Gatsby y JSX hasta animación, Apollo GraphQL y podcasts
  • Anuncio Beta de Ionic React
  • Reaccionar ganchos, primeras impresiones
  • Uso de ganchos de Git precompromiso y pre empuje en un proyecto de reacción
  • Reaccionar: la relación entre componentes
  • Reacción progresiva ¿Quiere que su sitio web React sea más productivo? Aquí hay una lista de verificación rápida
  • Cree aplicaciones web progresivas con React. Parte 2
  

• Angular:
  • Diseño de aplicaciones angulares con Bootstrap
  • Recuperación reactiva de la posición de desplazamiento con RxJS
  

• Libs y complementos:
  • Descubrimiento NSFW del lado del cliente a través de Tensorflow JS
  • Estudie, diseñe o documente una base de código colocando migas de pan en el código fuente
  

Navegadores

• El CERN lanzó el navegador de Internet de los 90 en honor del 30 aniversario de la World Wide Web.
• Yandex comenzó a probar chats públicos con personas cercanas en el móvil Yandex.
• El 31% de los complementos de Chrome usan bibliotecas con vulnerabilidades conocidas
• Microsoft Edge secretamente permite que Facebook use contenido Flash
• En Firefox, aparecerá un modo de imagen en imagen y un administrador de complementos rediseñado

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