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

Medios de comunicación

• Web Standards Podcast # 205. Safari TP, Service Workers, Node.js ESM, Async and Promise, Opcional Chaining, propiedades personalizadas
• Frontend Weekend Podcast # 100 - Lo que ha cambiado para Artyom Tsatsin y el Podcast para todos los tiempos (Edición de aniversario)
• UnderJS Podcast # 8 - ¿Un binario para JavaScript?
• CSSSR Podcast: Noticias 512 - predustanovka, desfile RC, nuevas características de Vue 3, CSS 8, Github para dispositivos móviles y Oracle vs Google
• CSSSR Podcast: Remote Talk # 09 - Jacob Fine y Anton Moiseev, NYC vs Samara, TypeScript y la importancia de los libros en TI
• Podcast Frontend Youth (18+) # 115 con un corazón puro y un motor desnudo
• Podcast "Estándares Web" No. 204. Chrome Dev Summit, GitHub, Web Snapshot 2019, GSAP 3, Visual Studio
• Repozitorro # 35 - Portafolio fuerte para junior
• Conferencia CSS-Minsk-JS 2019
• JS Party Podcast, Episodio # 101: ¿JavaScript necesita cambio de marca? ¿Eh? No?

Desarrollo web

• Cómo Apple mata las tecnologías web
• SVG o lienzo?
• ¿Cómo implementamos WebAssembly en Yandex.Maps y por qué dejamos JavaScript?
• La interfaz de usuario de Firefox ahora se ejecuta en componentes web
• Introducción a la codificación de caracteres / texto en la web
• Aspectos destacados con Chrome Dev Summit 2019
• 6 patrones para microfrontes
• Selección de sitios creativos Resumen de sitios web inspiradores # 10

• Rendimiento
  • Descargar Adaptive. Mejora del rendimiento del Web en dispositivos del presupuesto
  • WebPageTest: ejemplos de scripts avanzados de prueba de velocidad del sitio
  • Nuevo podcast de Planet Performance de Stoyan Stefanov
  

CSS

• Aprenda diseño web receptivo en 5 minutos
• Cómo hacer que su HTML responda agregando una línea de código CSS
• Pequeños trucos de propiedades personalizadas (variables CSS)
• Entrena tus habilidades de CSS con juegos en línea
• ¿Cómo se elimina CSS no utilizado de un sitio?
• Diseño de múltiples columnas y espacio de columnas en Firefox 71
• Métodos para crear un diseño de periódico utilizando CSS Grid y bordes entre elementos
• Comprender la diferencia entre la resolución CSS y la resolución del dispositivo
• Ejemplo de IU: Estilos de accesibilidad para componentes de tarjeta
• Crea diseños complejos usando CSS Grid

Javascript

• Los 5 principales marcos JS para el desarrollo front-end en 2020: Parte 1 , Parte 2
• Deno: Node.JS ¿se está acabando el tiempo?
• Anunciamos soporte para módulos ECMAScript en Node.js
• Encadenamiento opcional de rendimiento en JavaScript
• Nuevas funciones útiles en ES2016 y 2017
• ¿Qué hay de nuevo en ES2019?
• Introducción a la pila Express y ES6 + JavaScript
• Creé la misma aplicación en React y Svelte. Aquí están las diferencias.
• jQuery Core: migración de módulos AMD a ES
• Cómo gestionar con éxito el mono-repositorio JavaScript a gran escala, también conocido como megarepo

• Teoría
  • Introducción a ECMAScript 2017 (ES8)
  • La diferencia entre una función asincrónica y una función que devuelve una promesa
  • Encapsulación en JavaScript
  • Introducción a la composición en Javascript
  • Solo sobre composición, agregación y asociación en JavaScript
  • 15 operaciones frecuentes en matrices en JavaScript (hoja de trucos)
  

• Reaccionar
  • Reacción iónica: primer vistazo
  • Reaccionar componentes del ciclo de vida de los métodos
  • Cree un cambio para Reaccionar como uso reutilizable
  • 4 ganchos personalizados para acelerar su aplicación React
  • Las 11 mejores herramientas para desarrolladores de React para 2020
  • SWR - Biblioteca React Hooks para recuperación remota de datos.
  • Mecanografiado y Redux. Mi consejo
  • ¿Se sobrevalora la reacción?
  

• Vue
  • Noticias interesantes Vue 3
  • Cómo crear una aplicación web progresiva con Vue.js
  • Listo para la producción de Vue SSR en 5 sencillos pasos
  • Suspenso - Nueva característica en Vue 3
  • Creación de un sitio de portafolio completo con Nuxt.js y Netlify: hermoso, rápido y con optimización 100% SEO
  • Creé la misma aplicación en Vue y Svelte. Aquí están las diferencias.
  

• Angular
  • Angular sin zone.js: máximo rendimiento
  • SEO angular: cómo hacer páginas fáciles de buscar
  • Promesas angulares versus observables
  • El último tutorial de detección de cambio angular que necesitará.
  • Como escribí la tienda NgRx en 63 líneas de código
  • 9 ideas para Angular que los desarrolladores suelen pasar por alto
  

• Ascua
  • Ember 3.14 Release (Octane Preview Cont.)
  • Promesas y estados de la interfaz de usuario en Ember.js
  • ¿Necesitas un EmberObject?
  • Ember-CLI-Mirage: creemos un servidor increíble y creemos una base de datos
  

• Libs y complementos
  • lite-youtube-embed: un elemento personalizado de Paul Irish que descarga videos 224 veces más rápido que el método original
  • Legra (Lego Brick Graphics) es una pequeña biblioteca JS que te permite dibujar usando ladrillos en forma de pata sobre lienzo
  

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 .