El resumen de materiales frescos del mundo del front-end para la última semana No. 318 (4 al 10 de junio 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 de Frontend Weekend # 56 - Dmitry Karlovsky sobre cómo crear $ mol o cómo escribir su propio marco de nicho
• Podcast "devschacht": Night Front End # 36 - Discutimos con Nikolai Matvienko la actuación de Ryan Dahl en JSConf EU 2018
• Podcast de Frontend Youth (18+) # 51 Dan Abramov Administrador de paquetes
• "TODO TU HTML" # 52: "Parallax en un sombreador de antoni.de"
• Frente de granja colectiva . Una canción que no dejará indiferentes a los desarrolladores web modernos.

Desarrollo web

• Fuentes de Google y cumplimiento de GDPR
• Nuevo en AMP: Q2, Edición 2018
• WCAG 2.1 recibió el estado oficial de "Recomendación W3C"
• Componentes inclusivos: una guía completa para hacer tarjetas asequibles

• Rendimiento:
  • ¿Qué es el tiempo hasta el primer byte (TTFB) y el índice de velocidad?
  • Cultivando una cultura de productividad web
  • Más de 15 expertos comparten consejos de rendimiento web para 2018
  • Google AMP y el problema de los sitios de obesidad
  • Test My Site Series, Part 1 - Google Toolkit y Google Speed ​​Update
  

• Herramientas:
  • JSFiddle - nueva versión
  • JSUI : una poderosa herramienta de interfaz de usuario para organizar, crear y administrar proyectos JS
  • 8 consejos de Emmet que quizás no conozcas
  • Google Font Downloader : herramienta de CLI que le permite descargar la fuente deseada de Google
  • La importación de hilo ahora usa package-lock.json
  

• Efectos:
  • Selección semanal de hermosos efectos en CSS / SVG / JS # 79
  • Efecto de colapso del logotipo
  • Animación de imágenes y videos usando curtains.js
  

CSS

• Cómo comenzar con las fuentes variables en la web
• Ataque de canal lateral en navegadores que usan propiedades CSS3
• Simplifique la narración de la página con una posición fija
• Explorando las nuevas facetas de la animación CSS
• Recreando las identificaciones de las tarjetas de los Vengadores en HTML y CSS
• Mejora tus habilidades de selector de CSS
• Combinando el poder de las metodologías SEM y BIO para mejorar CSS
• Especificidad en: not () ,: has () y: coincidencias ()

Javascript

• Monitoreo de errores de JavaScript con window.onerror
• Matriz útil y métodos de objetos en JavaScript
• Una descripción general de algunos objetos JavaScript que tienen encapsulación
• ¿JavaScript se comerá el CMS monolítico?
• Prioridades para diagnosticar sitios en JavaScript
• Depuración de JavaScript en producción usando mapas de origen
• Crear un SPA sin marco
• Presentation Luna: una herramienta para realizar pruebas adecuadas en JavaScript
• Lanzamiento de Meteor 1.7 y sueño imperecedero

• Teoría:
  • Una introducción rápida a los Proxies de JavaScript
  • ¿Qué es "esto" en JavaScript?
  • Cuándo (y por qué) debe usar las funciones de flecha ES6, y cuándo no debe hacerlo
  

• VueJS:
  • Portar su aplicación web de JavaScript puro a Vue.js
  • Aprenda a usar la CLI de Vue.js
  • Reemplazar jQuery con Vue
  • Acelere el desarrollo con prototipos y Vue
  • Paginación Vuejs
  • Tablero Kanban en tiempo real usando Vue.js y Hamoni Sync
  

• Reaccionar:
  • El año pasado con React: conclusiones y recomendaciones
  • Componentes de orden superior usando Recompose
  • 5 prácticas comunes que podemos dejar de hacer en React
  • Reaccionar no es un nuevo jQuery
  • ¿Cómo (y cómo NO) aprender REACT?
  • Guía detallada de material de reacción
  • ¡Bromea, reacciona y predica!
  

• Angular:
  • Angular cli 6: por qué lo necesitas y cómo usarlo
  • 3 consejos útiles para Angular
  • Arquitectura en proyectos sobre Angular
  • Los beneficios de normalizar datos en Angular
  

• Libs y complementos:
  • MapKit JS de Apple es una herramienta para insertar Apple Maps en un sitio.
  • 11 bibliotecas JS para animación en 2018
  • Corto y dulce, contador de personajes disponible
  • LuminJS - Biblioteca de JavaScript para la selección progresiva de cualquier texto en la página
  

Navegadores

• Lanzamiento del proyecto Fusion que combina el navegador Tor y Firefox
• Google presentó Chrome 68 Beta
• Firefox está probando la capacidad de ver simultáneamente diferentes pestañas
• La participación de Firefox cayó por debajo del 10% según las estadísticas del servicio Net Applications
• El Yandex.Browser tiene un modo de ahorro de energía.

Entretenido

• GitHub ahora es propiedad oficial de Microsoft
• El nuevo jefe de GitHub dijo qué esperar después de la fusión con Microsoft
• Seis alternativas a GitHub para el desarrollo colaborativo.
• Google: bloquear una página en robots.txt puede no funcionar si hay enlaces a ella
• Google ha publicado las reglas para el uso de la inteligencia artificial.
• En resumen: de qué habló Apple en la inauguración de WWDC 2018
• Cómo los fundadores de WhatsApp se pelearon con Facebook y cuánto costó
• Facebook obligó a los desarrolladores a usar HTTPS en Facebook.
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