Frontend Weekly Digest (9-15 de septiembre de 2019)

Esta semana publicamos una gran selección de todas las noticias esenciales que quizás te hayas perdido en el desarrollo front-end. Asegúrese de verificar las últimas actualizaciones en CSS, HTML y JavaScript.

Desarrollo web

• ComponentesConf 2019, Australia. 15 videos
• 5G definitivamente hará que la web sea más lenta, tal vez
• (Por qué) Algunos HTML son "opcionales"
• Cómo contribuir a un proyecto de código abierto
• X3D: 3D declarativo para la web moderna
• Arquitecturas de front-end contemporáneas

• Herramientas
  • Presentación de caniemail.com
  • Caniuse y colaboración de datos de compatibilidad MDN
  • Mover su desarrollo de JavaScript a Bash en Windows
  • Mis extensiones favoritas para el desarrollo web.
  • Comprobador de contraste de botones
  

• Efectos
  • Impresionante resumen de Demos # 8
  • Resumen de sitios web inspiradores # 8
  

CSS

• Cómo construir sitios web únicos y hermosos con Tailwind CSS
• Vulnerabilidades de seguridad CSS
• Botones fantasma con conciencia direccional en CSS
• Dos navegadores entraron en una barra de desplazamiento
• Operaciones lógicas con variables CSS
• Cómo quitar CSS no utilizado
• CSS Grid: diseños de revistas

Javascript

• Cómo encontrar errores en su código JavaScript con el depurador
• Metrónomos en JavaScript
• Observabilidad frontal. Una guía práctica para la supervisión de errores de navegadores con window.onerror
• Aprendizaje automático para desarrolladores front-end con Tensorflow.js
• Un V8 más ligero
• Cómo depuro el código Javascript que no escribí
• Lista de nuevas características de ECMAScript: una lista completa de las nuevas características de ES, incluidas ES6, ES7, ES8, ES9 y ES10 (2015-2019)
• La nueva característica más destacada en Javascript que necesita conocer: Encadenamiento opcional

• Teoría
  • ¡ Se trata de consejos y trucos útiles de JS!
  • 4 formas de acceder de forma segura a objetos anidados en Javascript de vainilla
  • Una reintroducción a la tarea de desestructuración
  • No es incorrecto que "emoji" .length == 7
  

• Reaccionar
  • Menú de hamburguesas con un lado de ganchos de reacción y componentes con estilo
  • ¿Por qué cambiamos a ganchos de reacción?
  • React Dev Tools - Debug Like a Ninja
  

• vue
  • Creación de su aplicación con componentes diseñados en Vue.js
  • Vue 3 | Buscando en la Vueture: Funciones de composición. Natalia Tepluhina en ComponentsConf 2019
  • JSFoo: VueDay 2019
  • Algunos trucos prácticos de Vue.js
  • ¿Por qué Vuejs es tan impresionante?
  • Cómo probar las aplicaciones de Vue con el popular marco de Cypress
  

• Angular
  • Cómo crear aplicaciones web internacionalizadas amigables con los motores de búsqueda con Angular Universal y ngx-translate
  • Agregar internacionalización (i18n) a una aplicación angular
  • Configuración de un proyecto CLI angular con GraphQL
  • ¿Qué hay de nuevo después de Angular 8?
  

• Libs y complementos
  • css-dot-js-loader: un cargador de Webpack que permite generar código CSS estático a través de JavaScript
  • check-imports: comprueba las importaciones en archivos JS y actualiza las dependencias de package.json
  • Modo oscuro en su sitio con 1 línea de código
  • "Native Lazyload" de Google oficialmente en Wordpress
  • js-fire: una biblioteca para generar automáticamente interfaces de línea de comandos (CLI) a partir de la mayoría de los objetos js.
  • poético: Configuración de ESLint, Prettier y Airbnb en 1 línea
  • js-noisy-gradient: lib pequeña y rápida para suavizar las bandas visibles en fondos de gradiente lineal.
  

Gracias por leer! No dude en enviarnos sus artículos o contenido nuevo y útil que desee ver en el próximo resumen.