O resumo de materiais frescos do mundo do front-end da última semana n ° 411 (13-19 de abril de 2020)

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

Mídia     |    Desenvolvimento Web     |    CSS     |    Javascript

meios de comunicação

• Podcast CSSSR: Novas tarifas do Github, Three.js, SVG, marcadores de frontend, Vue 3 Beta.2, versões de segurança git e Oracle
• UnderJS Podcast # 19 - Cypress, Material UI e apenas sobre OpenSource
• AvitoTech x FrontendConf 2019: vídeos de seis conferências de Oleg Bunin para 2019 e uma para 2020
• Vídeo de Odessa Frontend MeetUps # 14 e 15

desenvolvimento web

• Navegador atento às solicitações de API: construindo comunicação segura de front-end com o back-end
• Trabalhando com imagens na web
• Desafios de front-end: uma seleção de serviços onde você pode testar seu conhecimento
• Criando um site com documentação usando JAMstack
• Ecossistema JAMstack [Infográficos]
• Lições extraído ao criar o PWA no COVID-19

• Ferramentas
  • Lançamento do Puppeteer v3.0.0 , agora com suporte ao Firefox
  • Ferramentas de fluxo de trabalho para desenvolvedores da Web: guia para iniciantes
  • Código do Visual Studio: guia avançado do usuário
  

• 
  • HTTP/3 HTTP/2
  • WebPageTest Request Data
  • -
  • Performance Kit — , ,
  

• 
  • ARIA: role=progressbar aria-live=polite
  • - « » . -
  

• 
  • WebGL
  • JavaScript
  • - «Awesome Demos Roundup #15»
  • «ALL YOUR HTML» #s3e21, Particles animation by Étienne Jacob
  

CSS

• Encontros interessantes de CSS no novo design do Facebook
• Cores LCH no CSS
• Inserção de ilustrações pseudo-aleatórias usando CSS
• Usando CSS para colocar texto dentro de um círculo
• Criar caminho de movimento CSS responsivo? Claro que podemos!
• Linha do tempo da animação CSS: Criando a máquina Goldberg
• Grades CSS limitadas sem largura máxima.
• Criando animações morphing usando o caminho do clipe CSS
• Barra de rolagem CSS com indicador de progresso
• Criando layouts responsivos sem usar consultas de mídia

Javascript

• Suporte ao toque em JavaScript
• Versão do jQuery 3.5.0
• html5-boilerplate: discussão no github, o jQuery deve atualizar para 3.5.1 ou ... excluir?
• Melhores práticas de desempenho do JavaScript
• Estratégias de migração TypeScript
• 23+ perguntas avançadas sobre entrevistas em JavaScript (com respostas)
• Shorts de front-end: como criar um visualizador de links usando o React, Vue e Vanilla JavaScript

• Teoria
  • As 8 estruturas de dados mais comuns usando JavaScript
  • Estruturas de dados teóricas e sua aplicação em JavaScript. P1 Pares
  • 7 conceitos básicos de JavaScript explicados simplesmente
  

• React
  • React —
  • . React Hooks
  • CSS React
  • 2020 : NextJS vs Gatsby
  • React
  • react-tater — React
  

• Vue
  • Vue Composition API
  • Vue Composition API Vue Mixins
  • Vue 3 Beta
  • Vue.js?
  • Vue — Vue
  

• Angular
  • Angular. ESLint, codelyzer, stylelint, husky, lint-staged Prettier
  • Nginx Angular
  • Scully Tutorial: Angular
  • Angular
  • Angular Ivy —
  

• Ember
  • The Ember Times — Issue No. 144
  • Todo Ember Octane , React
  

• Svelte
  • Svelte & Sapper
  

• Libs & Plugins
  • Redaxios — (800 ) fetch API, axios
  • Builderz — Zero Configuration JavaScript Bundler
  • Alpine.js
  • mdjs —
  

/ . — , .

Resumo da semana passada .
Material preparado dersmoll e alekskorovin .