Resumo de materiais novos do mundo do front-end na última semana # 444 (1 a 6 de dezembro de 2020)

Chamamos sua atenção para uma seleção com links para novos materiais da área de front-end e em torno dela.

Mídia     |    Desenvolvimento Web     |    CSS     |    JavaScript     |    Navegadores

meios de comunicação

• "News 512" do CSSSR: WebStorm 2020.3, minmax (), Math.random () em JS, fwdays 2020, Advent of Code, Octoverse e State of CSS , além da versão em texto

• Podcast "Make Me Beautiful" # 51 - Você hackeado, mas pelo menos não um hamster

• Podcast nº 136 do FrontoWeek: Destaques do front-end da semana.

• Podcast Frontend Yunost (18+) # 165: Um site para merda

• Podcast "proConf" # 80: TSConf 2020

• The Undefined Podcast # 29: Vue vs. Svelte com Evan You e Rich Harris

desenvolvimento web

• Monolith vs. Micro-front-ends

• Como criar formulários HTML corretamente: segurança

• Como o Lyft está migrando mais de 100 front-ends de microsserviços para Next.js

• Criando sites com dados preferenciais reduzidos

• De Jekyll a 11ty

• PWA e AMP: levando o melhor dos dois mundos

• PWAdvent É o calendário de advento perfeito para qualquer pessoa apaixonada pela plataforma web.

• 
  
  • WebStorm 2020.3: , Tailwind CSS
  
  • WMR: -. , Preact, . TSX, HMR, CSS Modules, npm ,
  
  • Snowpack v3.0. Streaming NPM Imports, , , JavaScript API
  
  • Puppeteer vs Selenium vs Playwright —
  
  

• 
  
  • Layout Shift netlify.com
  
  •
  
  • Google Fonts
  
  • «» -
  
  • BBC World Service 31 react 83%
  
  

• 
  
  • -
  
  • A11y Advent Calendar
  
  

• 
  
  • SVG  border-image
  
  •
  
  • - Svelte
  
  

CSS

• CSS DRY: como usar cada anúncio apenas uma vez

• Detalhes sobre o uso da função CSS minmax () em layouts de grade

• Estado dos resultados da pesquisa de CSS em 2020

• Ferramentas de desenvolvimento de navegador ausentes para CSS do Tailwind

• Como fazer elementos fixos e as caixas de tela cheia funcionaram bem juntas

• Calendário com três linhas de CSS

• Como criar um gráfico usando CSS

• Como adicionar texto à borda usando elementos HTML básicos

• Proporções nativas em CSS usando proporção de aspecto

JavaScript

• TypeScrip: Oh, That Fun Type System

• JavaScript completa 25 anos: uma breve história da linguagem e 50% de desconto no WebStorm

• A Pesquisa do Estado de JavaScript de 2020 começa

• Isso é o que as pessoas na indústria de tecnologia disseram sobre JavaScript quando ele foi lançado em 1995

• Cansado de piadas bobas? Escreva seu próprio Precisão Arbitrária Aritmética JS Biblioteca

• Apple Music Guia de Integração JavaScript

• js25.org: JS local histórico dedicado ao seu 25º aniversário

• 
  
  • 5 JavaScript
  
  • Math.random() JavaScript
  
  • JavaScript
  
  • Incremental vs Virtual DOM
  
  

• React
  
  • SEO- React Single Page Application
  
  • useCallback
  
  • React
  
  • React
  
  • React Hooks : 2
  
  • useState useEffect ReactJS Hooks
  
  • ReactJS Ably
  
  

• Vue
  
  • Ionic & Vue.js — ( )
  
  • Nuxt.js Single Page Application Boilerplate
  
  • Vue.js 1
  
  

• Angular
  
  • ngTemplateOutlet:
  
  • Jest Angular
  
  • Angular 10 Transclusion:
  
  • Ionic/Angular -
  
  

• Ember
  
  • The Ember Times — Issue No. 169
  
  • Ember.js 2020 Tech Talk | coloradoSprings.js Meetup
  
  • -- Ember — Aad Versteden
  
  

• Libs & Plugins
  
  • List.js — , , HTML.
  
  • EasyGrid — VanillaJS
  
  • React-Tensorflow — React , Typescript Tensorflow
  
  

• Navegar offline como se fosse 1995

• O Internet Explorer não oferece mais suporte ao Microsoft Teams

• O Beaker 1.0 é apresentado com uma plataforma P2P para sites descentralizados

• Chrome 88: produtos digitais, avaliação de iluminação de realidade aumentada e muito mais



Resumo da semana passada ...

Material preparado dersmoll e alekskorovin .