El resumen de materiales frescos del mundo del front-end para la última semana No. 396 (30 de diciembre de 2019 - 5 de enero de 2020)

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 | Entretenido |

Medios de comunicación

• Podcast "Make Me Beautiful" Número 32, visitando Artur Kenzhaev - El artículo más estúpido y el tema más difícil
• Podcast "Web Standards" No. 210: Console.log o debug, fuentes variables, principios básicos, promociones NG, código único
• CSSSR Podcast: Noticias 512 - Edición especial de Año Nuevo 2020
• Video de PiterJS: # 37 (T-Systems) , # 38 (Nexign) , # 40 (DataArt) , # 41 (DINS) , # 42 (JetBrains)

Desarrollo web

• Aplicaciones web progresivas en 2020
• CI / CD para el front-end: una descripción general de herramientas y prácticas para la automatización del desarrollo.
• Resultados de SEO 2019: apuesta por los asesores
• Aprendizaje indexadoDB
• Desarrollo web en 2020: una mirada hacia el futuro
• Lo que puedes hacer con un navegador en 2020
• Lo que leemos, 2019. Una selección de recursos en los que puede monitorear las tendencias de desarrollo web
• ¿Qué es CORS (Cross Source Resource Sharing)?
• Storybook Docs para nuevos marcos
• Una selección de prototipos creativos de interfaces animadas "Resumen de interacciones y animaciones de interfaz de usuario # 1"

• Rendimiento
  • Optimización de carga de imagen
  • Comparación de rendimiento de HTTP / 1.1, HTTP / 2 y HTTP / 2 + Server Push
  • Creación de prototipos de optimización con Cloudflare Workers y WebPageTest
  • Cómo optimizar el tiempo de carga de la página: otra mirada al índice de frustración
  • Cómo leer un diagrama de cascada en WebPageTest
  • Problemas de rendimiento de JavaScript?
  

CSS

• Crear un diseño de planificador diario con CSS Grid & Subgrid & Flexbox
• Entendiendo CSS-in-JS
• Comprender la cuadrícula CSS: crear un contenedor de cuadrícula
• Potente índice z de propiedad CSS
• ¿Es útil el selector "es"?
• 2 formas de crear un diseño del Santo Grial en Flexbox
• Anchura / altura mínima y máxima en CSS
• ¿Año nuevo, trabajo nuevo? ¡Creemos un currículum en cuadrículas!

Javascript

• JavaScript Weekly 2019: los enlaces, artículos, tutoriales y videos más populares para 2019
• 70 preguntas de la entrevista de JavaScript
• Chrome V8 Versión 8.0 - V8, - ¿Qué esperar?
• Sesgo de muestreo, FDR y pensamientos sobre El estado de JS

• Teoría
  • ¿De qué está hecho JavaScript?
  • Plantillas de selección de base de datos rápidas y compatibles
  • Errores comunes de promesa de Javascript que todo novato debe saber y evitar
  • 5 funciones de JavaScript sin las cuales no podría escribir código
  • Más de 11 funciones de JavaScript que probablemente nunca utilizó
  • Características de ES7-ES9 # 8 Métodos de cadena
  

• Reaccionar
  • El poder de simplificar componentes grandes en React
  • Compare las bibliotecas de prueba de React
  • Trabajando con enlaces en Next.js
  • Contexto de reacción de Redux VS: ¿cuál elegir?
  • Revisión del año de reacción 2019
  • React-Redux Hooks con Typecript en 2020
  

• Vue
  • Vue Composition API: ¿qué es y cómo usarlo?
  • Off Main Thread Architecture con Vuex
  • Vue Cheat Sheet Parte 3 Avanzado
  • Vue Apollo v4: primer vistazo
  • Crear componentes web con Vue.js
  • Vue.js Composition API: uso con MediaDevices API
  • Solución Lazy Observable API Services con Vue.js
  • Revisión Vue Keep-Alive
  

• Angular
  • Angular: sobrealimentación del enrutador
  • 15 mejores artículos angulares para 2019
  • Mejore el rendimiento del SPA dividiendo sus bibliotecas angulares en varias partes
  • compodoc - herramienta de documentación de proyectos en angular
  

• Ascua
  • Usando TailwindCss con Ember
  • Promesas y estados de la interfaz de usuario en Ember.js
  • Una de las razones por las que deberías usar una URL
  

• Esbelto
  • Cree un sitio web receptivo con Svelte en 30 minutos.
  • Cómo crear un componente web en Svelte
  

• Libs y complementos
  • Cómo usar correctamente las bibliotecas de utilidades en JavaScript
  • IsoCity - Simulador isométrico de planificación urbana en JavaScript
  • Cómo lanzar una biblioteca de código abierto en 2020
  

Entretenido

• Los eventos más importantes de 2019
• Runet autónomo, redes neuronales, satélites Starlink, teléfonos inteligentes plegables: cómo ha cambiado la industria de TI durante el año pasado
• Samsung Galaxy Fold, el escándalo de la tarjeta de crédito de Apple y los problemas de Boeing: fallas tecnológicas en 2019
• GIGANEWS. Todas las noticias de seguridad más importantes para 2019
• Rediseño del sitio web o cómo mantener la posición y el tráfico en los motores de búsqueda.
• En los años noventa y ahora: cómo cambiaron el camión de Coca-Cola, los garabatos de año nuevo de Google, las tazas de Starbucks y otros símbolos.
• Los cinco mejores libros de ciencia en 2019 según la publicación científica Nature

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 .