El resumen de materiales frescos del mundo del front-end para la última semana No. 361 (15-21 de abril de 2019)

Traemos a su atención una selección con enlaces a nuevos materiales del área frontend y sus alrededores.

Desarrollo web | CSS | Javascript

---

Desarrollo web

• Qué es GraphQL
• Mozilla presenta WebThings
• Optimización del tamaño de ensamblaje del paquete web
• Cómo enviar PWA a Google Play Store
• Validación de campos de entrada usando HTML5 y expresiones regulares
• Un archivo SVG incrustado de forma declarativa y asíncrona en HTML

• Rendimiento:
  • AMP Stories tiene una sección separada en los resultados de búsqueda de Google
  • Tres formas de verificar que Rel = preconnect Resource Hints están funcionando
  • Optimización del rendimiento con sugerencias de recursos
  • Cloudflare anuncia la URL real de AMP
  

• Animación:
  • Cómo crear y animar superposiciones rotadas
  • Demostración visual creativa de Notre Dame con animación de desplazamiento en WebGL
  

CSS

• Flexión en línea mística y lo que hace
• CSS Subgrid Noticias y Demos
• CSS y accesibilidad
• Mampostería CSS con flexbox,: nth-child () y orden
• CSS que se cierne sobre elementos vecinos
• La presentación oficial de CSSBattle: el primer juego de golf CSS
• Bordes de píxeles: SASS mixin para agregar un borde pixelado para elementos, con configuraciones para tamaños, colores y diseño

Javascript

Se ha comenzado a trabajar en la traducción de javascript.info al ruso y al ucraniano (el ruso actual está disponible en todos los Learn.javascript.ru conocidos). El equipo activista está buscando voluntarios para ayudar a traducir los artículos para el libro de texto.

• Trabajadores web de JavaScript: una guía para principiantes
• Renderizado dinámico para aplicaciones JS - JavaScript SEO
• El terrible global Este polifilo en JavaScript universal
• 7 trucos útiles de JavaScript
• Cómo usar la consola de JavaScript más allá de console.log ()
• Introducción a Javascript: las herramientas y recursos adecuados (entrevista en video con Christian Heilmann)
• Cuándo usar TypeScript: una guía detallada de scripts comunes
• Simulación de ratón

• Teoría:
  • Desarrollo responsable de JavaScript, parte 1
  • Acelerar JavaScript usando Establecer tipo de datos
  • Funciones anónimas en JavaScript
  • 12 conceptos que impulsan tu JavaScript
  • Conceptos básicos de JavaScript: dominar objetos
  • Cómo optimizar sus aplicaciones JavaScript con bucles
  • JavaScript para gatos
  • ES6 y más allá>
  • Explorando el potencial oculto de las matrices en JavaScript
  

• VueJS:
  • Escribir una aplicación de una página con Flask y Vue.js
  • Cómo almacenar en caché páginas por URL usando Vue, Vue Router y Keep Alive
  • Optimice el rendimiento de la aplicación Vue utilizando componentes asincrónicos
  • Cómo construir un embudo de ventas en Vue.js
  • El poder de las transiciones con nombre en Vue
  

• Reaccionar:
  • ReactRussia # 1 @ OK , video de tres informes
  • Obtenemos 60 cuadros por segundo para animación en React
  • Escribir un middleware simple similar a Redux para React Hooks
  • useReducer vs useState en React
  • Una mirada más cercana a los ganchos React Memoize: useRef, useCallback y useMemo
  • De Redux a los ganchos: un estudio de caso
  • Nuevo estilo de escritura React Redux sin ganchos de selección
  • Reaccionar la hoja de trucos de gancho: soluciones a problemas comunes
  

• Angular:
  • Comprensión de la hiedra angular: DOM incremental y DOM virtual
  • Trabajo correcto con SEO en Angular en el lado del servidor
  • Sumérgete rápidamente en cómo todo encaja en Angular
  • ¿Por qué y cómo hacer una carga de biblioteca diferida en Angular?
  • "Carga diferencial": una nueva función en Angular CLI v8
  • PWA en Angular: SwPush y SwUpdate
  

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 .