Frontend Weekly Digest (11-17 de febrero 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 | CSS | Javascript

---

Desarrollo web

• El HTML que nunca tuvimos
• Un currículum de desarrollo de front-end de día a día, # 100DaysOfCode Front-End
• HTML5 Boilerplate v7 lanzado
• Bootstrap 4.3.0 (soltar jQuery, pasar a Hugo)
• Haciendo interfaces futuras: SVG en línea
• Una introducción a WebBluetooth
• Guía completa: cómo acelerar los videos GIF

• Rendimiento:
  • Third-Web-Web : resumen de los scripts de terceros que son más responsables de la ejecución excesiva de JavaScript en la Web.
  • Priorización de recursos: conseguir que el navegador lo ayude
  • Precarga de fuentes y el rompecabezas de las prioridades
  • Estudio de caso de desempeño DOM
  

• Herramientas:
  • Presentación: pika / pack - construcción de paquetes npm, reinventado
  • Novedades de DevTools (Chrome 73)
  • Puppeteer es mi nuevo servidor de desarrollo
  

• Accesibilidad:
  • Uncanny A11y
  • Consejos para hacer accesibles elementos interactivos en dispositivos móviles
  • Haciendo interfaces futuras: SVG en línea
  

• Web efectiva:
  • Efectos de revelación de cuadrícula con Anime.js
  • Naturaleza muerta de CSS puro: agua y limones
  • Efectos de filtro SVG: conformar texto a textura de superficie con <feDisplacementMap>
  
  

CSS

• Anuncio de la encuesta #StateOfCSS 2019
• El lado oscuro de la rejilla (Parte 1)
• Un nuevo enfoque para las clases de utilidad de visibilidad basadas en variables CSS
• Una guía de 10 pasos para Flexbox
• Hojas de estilo construibles: estilos reutilizables sin costuras
• El proceso de implementación de un diseño de interfaz de usuario desde cero
• Selectores CSS nivel 4
• Introducción a las métricas de fuentes
• ¿ Para cuadrícula o para flexionar?
• CSS Scroll Snap: cómo funciona realmente
• ¡Rápido! ¿Cuál es la diferencia entre Flexbox y Grid?

Javascript

• Ember.js: The Documentary (Lanzamiento oficial)
• Informática en JavaScript: listas doblemente vinculadas
• 5 formas de crear aplicaciones en tiempo real con JavaScript
• Cómo llevar JavaScript más allá de la Web en 2019
• JavaScript: las partes divertidas
• Cómo me deshice de las nuevas publicaciones patrocinadas de Facebook.
• ES5 a ESNext: aquí están todas las funciones agregadas a JavaScript desde 2015

• TypeScript:
  • ReasonML vs TypeScript: comparando sus sistemas de tipos
  • Cómo usar el mecanografiado con React y Redux
  • clean-code-typescript : conceptos de código limpio adaptados para TypeScript
  

• Teoría:
  • La guía visual de definiciones y alcance de variables de JavaScript
  • Los fundamentos de las definiciones y elevación de variables de JavaScript
  • Aprenda funciones puras con JavaScript
  

• VueJS:
  • Creación de un SPA Vue.js para vender camisetas de desarrollador
  • Convierta sus dibujos SVG estáticos en widgets interactivos e infografías con Vue.js
  

• Reaccionar:
  • ¿Por qué estoy emocionado con React Hooks?
  • Creación de un componente React Autocomplete desde cero
  • Animación en reacción
  • La magia de las formas de múltiples pasos basadas en reacciones
  • Todo lo que necesitas para crear un gancho de reacción personalizado
  • Lograr accesibilidad en React Applications
  • Lo que aprendí al aprender React en 2 noches después de años de trabajar con Angular
  

• Angular:
  • Gestión de puntos de corte de imagen con angular
  • Un recorrido por la consola angular
  • Información sobre herramientas con CDK angular