Medios | Desarrollo web | CSS | JavaScript | Navegadores | Entretenido
Medios de comunicación
•
Podcast "Make Me Beautiful" Número 46: El texto mecanografiado y el diseño resolvieron todos sus problemas (usted no lo hizo)
•
Podcast "Frontend Youth (18+)" # 160: Black Cardinal Front End Pro Unlimited
•
Podcast CSSSR: MobX o Redux , Flexbox o CSS Grid, Angular DI, Lighthouse, Declarative Shadow DOM, MDN Web DNA 2020 Pro Unlimited
•
Podcast IT Way: Acerca de la interfaz para principiantes, cómo funciona Aviasales (y cómo funciona). Episodio 46 del 24/10/2020
desarrollo web
•
Componentes web: una guía para principiantes
• Cómo ejecutar scripts en HTML. La etiqueta de script y los atributos async, defer, module, nomodule y src
•
Una guía para los diferentes tipos de almacenamiento en el navegador
•
El atributo lang: los navegadores mienten, dulces mentiras.
•
Formas más inteligentes de crear estructura HTML con anidación profunda
- Herramientas
• Configuración de Webpack 5 desde cero
• Novedades de DevTools (Microsoft Edge 87)
• Adición de Chromium Edge PWA (aplicaciones web progresivas) a Microsoft Store
-
• - (WCAG) 2.1
•
• inert
CSS
• Estado de CSS 2020 . Una encuesta anual sobre el estado actual de CSS con la capacidad de evaluar su nivel de conocimiento en función de los resultados de su finalización.
•
¿Cómo estructuro mi CSS?
• ¿Cómo elijo un diseño de CSS - Grid o Flexbox?
•
Crear formas CSS con Emoji
•
Pensar fuera de la caja con CSS Grid
•
CSS en 3D: aprender a pensar en cubos, no rectángulos
•
“El selector CSS genérico es lento y debe evitarse” - ¡otra mentira!
•
Variables en Sass, CSS y Variables de tema semántico
•
Diseño de altura receptiva
JavaScript
•
Uso de await "global" en JavaScript
• Opciones de programación orientada a objetos (en JavaScript)
•
Representación del lado del cliente frente a representación del lado del servidor frente a generación de sitios estáticos
•
Resolviendo un problema tonto con JavaScript
•
API Observer en JavaScript - Parte II
•
6 avanzado Funciones de JavaScript que puede utilizar hoy
•
Cómo crear un componente de acordeón mejorado progresivamente utilizando Vanilla JS
- Lanzamientos
• Lanzamiento de Node.js 15.0 JavaScript Server Framework
• Lanzamiento de Create React App 4.0
• Lanzamiento de Babel 7.12.0 TypeScript 4.1, cadenas como nombres de importación / exportación y bloques estáticos de clase
- React
• React
• Rockpack — , React create-react-app
• Styled-Components React
• Create React App 4
• React v17.0
• Next.js
- Vue
• Vue SVG
• 10 Vue
• Vue.js , React
- Angular
• TypeScript — Angular
• Angular — function-like HTML
• @ngrx/component-store selector debouncing
- Svelte
• Svelte Actions
• Svelte
- Libs y complementos
• Deje de usar Moment.js para fechas y horas en JavaScript
• nsfwjs: una biblioteca de JavaScript simple para ayudarlo a identificar rápidamente imágenes obscenas en el lado del cliente
• Lucia es una pequeña biblioteca JS (compatible con UMD) que puede reemplazar jQuery y aplicaciones en JavaScript vainilla.
• fingerprintjs: genera la identificación del visitante del sitio web a partir de la huella digital del navegador
Navegadores
• Lanzamiento de Firefox 82
• Microsoft Edge para Linux: la versión beta del navegador está disponible para todos
• El navegador Chrome ahora tiene una función de búsqueda para pestañas abiertas
• Ahora JScript en Internet Explorer se puede deshabilitar
Entretenido
• Photoshop ha recibido muchas funciones de inteligencia artificial: reemplazo de cielo inteligente, filtros avanzados, etc.
• En todas partes hay hipervínculos y columnas azules: cómo se veían los sitios de Apple, Google y Amazon en 1999
• Cómo Cloudflare genera claves criptográficas usando una pared de lava de 100 entropía lámparas
• Facebook ha creado una inteligencia artificial que podrá traducir textos entre 100 idiomas directamente
del Digest de la semana pasada .
Material preparado dersmoll y alekskorovin .