O resumo de materiais frescos do mundo do front-end da última semana n ° 335 (15 a 21 de outubro de 2018)

Trazemos à 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 Navegadores Divertido

---

Mídia

• Podcast “Web Standards”, Edição nº 142: Safari e Edge, orçamento para desempenho, novas tags HTML, comunidade Kiev, quem são os Kotans?, Edição nº 144 : Chrome 70 e WebKit 2019, borracha proporcional, Ações do GitHub, Adobe Fonts , ES6 fraquezas, frontend em Odessa.
• Frontend Weekend podcast # 75 - Nikita Dubko sobre como acelerar rapidamente sua carreira de desenvolvedor front-end ao longo de um ano
• CSSSR Podcast News 512 - Edição nº 25 (15.10 - 21.10)
• Podcast # 69 do Frontend Youth: Java não consegue acompanhar o JavaScript ; # 68 Granny se tornou o campeão olímpico

Desenvolvimento Web

• O Google abandonou completamente o esquema de rastreamento ajax
• História das estruturas de front-end
• Como a dívida front-end cresce?
• Agrupamento inteligente: como fornecer código desatualizado a navegadores antigos
• O incrível mundo do desempenho do navegador - como ser produtivo

• Ferramentas:
  • O GitHub anunciou seu próprio CI / CD e começou a distribuir convites
  • Aprimoramos as habilidades de depuração usando as ferramentas de desenvolvedor do Chrome (parte 1)
  • Typekit agora é Adobe Fonts
  

• Animação:
  • Como as fotos 3D do Facebook funcionam
  • Efeito de pairar em loop de tela cheia
  • Formigas marchando SVG - o efeito de correr ao longo da borda dos pontos
  • Experiências com o menu SVG com o zoom da caixa de visualização
  

CSS

• Exemplos de Flexbox
• CSS: recursos interessantes do raio da borda
• A propriedade de aparência e padronização de estilos de elementos de formulário: uma nova esperança
• Ritmo de tipografia na Web
• Linhas de grade negativas
• Usando definições de função, convenções e grupos seletores
• Estilo de um bloco com colunas em Gutenberg
• Referência de layout CSS no MDN

Javascript

• Escola de Magia TypeScript: extensão de tipos e genéricos
• John Muller aconselha otimizadores a aprender JavaScript
• O bug de 0 dia no popular plugin jQuery foi explorado por pelo menos alguns anos
• 33 conceitos que todo desenvolvedor de JavaScript deve conhecer
• Testando Javascript - Aprenda a maneira mais eficaz de testar qualquer aplicativo JavaScript
• JS Party Podcast - Episódio # 48: Fundações da Fundação (ao vivo no Node + JS Interactive)

• Teoria:
  • Temporizadores JavaScript: tudo o que você precisa saber
  • Guia completo para contextos de execução, bolhas, escopos e snappers de JavaScript
  • Folha de dicas de promessa e assíncrona / espera
  • Noções básicas sobre curry em JS
  • Compreendendo os padrões de design do JavaScript
  

• VueJS:
  • Como aprender o Vue.js em 2018
  • O ecossistema Vue cresce ... Assim como o React
  • Depuração avançada do Vue: uma história de detetive
  • gridsome - framework Vue para sites estáticos no Vue.js e GraphQL
  • Como importar um arquivo Sass para qualquer componente de um aplicativo Vue
  • Carregando imagens preguiçosamente com as diretivas Vue.js e Intersection Observer
  • Quadro Kanban no Vue.js: adicionando a função PWA
  

• Reagir:
  • Arquitetura Redux. Sim ou não?
  • Como se tornar um desenvolvedor do React em 2018
  • Entrevistando uma posição de desenvolvedor do React como recrutador
  • Versão final dos componentes denominados v4
  • Componentes estilizados V4: bom, ruim e algo completamente diferente
  • Como aplicar os princípios do SOLID em aplicativos React
  • Criando um aplicativo JavaScript de baunilha com reação 100% segura ao tipo
  • Criação de perfil de reagir componentes com a API de tempo do usuário
  • React Podcast 25: Faça uma bagunça brilhante com Diana Mounter e Emily Plummer
  

• Angular:
  • Atualização da plataforma angular lançada para a versão 7.0
  • Versão angular 7 - prompts da CLI, rolagem virtual, arrastar e soltar e muito mais
  • Quer aprender Angular? Aqui está um curso gratuito de Dan Wahlin de 33 peças
  • Criando PWA otimizado para mecanismos de pesquisa em angular - parte 2
  • Principais conclusões após o AngularMix 2018
  • Tudo sobre ligações angulares
  • Publicação profissional de bibliotecas angulares
  • Como migrar do angular 6 para o 7
  • Rolagem virtual com CDK angular - o que há de novo na v7
  

• Libs e plugins:
  • 5 players de vídeo HTML5 de código aberto para 2018
  • omi: estrutura da web de última geração em apenas 4kb JavaScript (componentes da Web + JSX + Proxy + Store + atualização de caminho)
  • Tea-School.js - gerando um arquivo PDF a partir de HTML / CSS no Node.js
  • O Colorblindly é uma ferramenta de acessibilidade que ajuda os desenvolvedores a entender como seu site daltônico vê
  

Navegadores

• O Chrome 70 suporta [lista de recursos] e o AV1 - por que o suporte a codec é tão importante?
• O Chrome 70 saiu com a capacidade de desativar a notória função de autorização automática e o suporte a aplicativos PWA no Windows
• Atualizando conexões TLS no Microsoft Edge e Internet Explorer 11
• Firefox, Chrome, Edge e Safari deixarão de suportar TLS 1.0 e TLS 1.1
• Mozilla está experimentando adicionar VPN paga no Firefox
Sinais de "ópera". Jon von Techner sobre a ideologia do navegador Vivaldi

Divertido

• Vinte e dezenove: uma primeira olhada no novo tema padrão no WordPress
• Atlassian lançou um software Jira completamente redesenhado
• O Google adicionou a integração de alguns recursos dos serviços Dropbox, Box, Jira e Egnyte ao Gmail
• Adobe Max 2018 e novas ferramentas de design
• “Google+ de prostituta suja do Google+”: confissão de um ex-funcionário do projeto que odiava o Google
• Novo Winamp será apresentado em 2019

Pedimos desculpas por quaisquer erros de digitação ou links quebrados / duplicados. Se você perceber um problema - escreva em um e-mail pessoal, tentamos corrigi-lo rapidamente.

Resumo da semana passada .
Material preparado por dersmoll e alekskorovin .