Medios de comunicación | Desarrollo web | CSS | JavaScript | Navegadores
Medios de comunicación
• Novedades 512 de CSSSR: Firefox 89, Safari 15 Beta, Jest 27, una serie de artículos sobre el rendimiento del navegador, el desarrollo principal, un artículo general sobre las pruebas de frontend y un anuncio del Grupo de la comunidad WebExtensions.
• Podcast de estándares web n. ° 285: Chrome 92 Beta, Firefox 89, Anchors and Extensions, TeamCity, JS dentro de WASM, TypeScript 4.3
• Podcast de frontend para jóvenes n. ° 190: Cómo comenzar con un proyecto antiguo y no ser un puñetazo
• "News 512" de CSSSR: React 18, Vue 3.1, anuncio de ESLint 8, cursos de CSSSR ,: is (), donde () y: has (), cómo entró Internet
• Podcast "Callback Hell": Servicios de Google con Bad Web Vitals, compartir la lógica entre el anverso y el reverso, documentación sobre proyectos
desarrollo web
• El futuro de la web: ¿el renderizado en <canvas> reemplazará al DOM?
• La etiqueta adecuada para el trabajo: por qué debería usar HTML semántico
• 5 problemas de interfaz que no debe ignorar
- Herramientas
• Tres herramientas de auditoría frontend que descubrí recientemente
• Una selección de plantillas útiles y kits de inicio para el desarrollo web, desde auditoría CSS y a11y hasta marcos y complementos js para VS
• Presentación de Memory Inspector en Chrome DevTools
• Presentación de Astro: un nuevo tipo estático generador de sitios que no utiliza JS
• 7 herramientas para un desarrollo de front-end más rápido en 2022
-
• CSS, JavaScript -
• . 1/n.
• 2/n. FMP TTI?
• 3. Event loop, layout, paint, composite, call stack
•
-
• .
• , -
• whocanuse — ,
•
-
• SVG CSS SVG
• SVG
CSS
• Diseño poco convencional
• La guía completa de la cuadrícula CSS con hoja de referencia
• Colores del sistema CSS
• CSS define valores de color que coinciden con la configuración del sistema.
• Consultas de medios en los días de @container
• Aprendamos sobre la relación de aspecto en CSS
• Ajuste de tamaño de CSS para @ font-face
• Columnas iguales con Flexbox: más difícil de lo que piensa
• Experimente con tablas ordenables de varias columnas
• Meet: tiene: selector de CSS nativo
• Consultas de contenedor de Cornucopia
• Cree reglas de tamaño de fuente CSS y cree una escala de tipo fluido
JavaScript
• Cómo aceleré el motor en un 13%
• Pronóstico de series de tiempo en JS: análisis de datos para los desarrolladores de frontend más pequeños
• Sparkplug: un compilador de JavaScript que no optimiza en detalle
• Cómo crear una aplicación de pila completa usando Supabase y Next.js
• Implementación campos privados en JavaScript
• Forever Functional: Memorización de promesas
• Cómo implementar principios SOLID en JavaScript
• Automatizar el formato y la corrección de JavaScript con Prettier y ESLint
• JavaScript moderno
• Más allá de ESLint: una descripción general del análisis estático en JavaScript
• Tipos de API confiables para la seguridad DOM de JavaScript
• Cómo construir una NFT con JavaScript
• Rust desde una perspectiva de JavaScript
- React
• Hoja de ruta para React 18
• Una descripción general de las técnicas de gestión de estado de React en 2021
• Alternativas de Redux en 2021
• Tutorial de páginas de Cloudflare: Implementación de una aplicación React a través de GitHub
• Iconos de React: una guía completa con ejemplos
• Prueba de React 18 Alpha
- Vue
• Vue 2 Vue 3 – Migration Helper
• Vue.js Composition API
• State Management? Vuex Nuxt.js
• Vue.js vs. React —
- Angular
• , AsyncPipe Angular
• Angular NgClass — CSS
• Angular GitHub Pages
• Angular
• Angular Material
- Libs & Plugins
• libSquoosh. Squoosh, node
• nanostores — React/Preact/Vue/Svelte
• flexsearch — ,
• Vivaldi 4.0 - Primer acercamiento
• Google ha reconocido el experimento de mostrar solo el dominio en la barra de direcciones de Chrome como un fracaso
• Capacidades de WebKit en Safari, demostradas en WWDC21
Digest la semana pasada .
Material preparado dersmoll y alekskorovin .