O resumo de materiais frescos do mundo do front-end da última semana n ° 328 (20 a 26 de agosto de 2018)

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

---

Mídia

• O Podcast “Web Standards”, Edição nº 135: Certificates e TLS 1.3, flexiona e propriedades personalizadas, compatibilidade e -webkit-junk, filtros SVG e WebGL, novo Node.js.
• Podcast do fim de semana do front-end # 67 - Victor Grishchenko sobre como e por que desenvolver a ciência no mundo moderno da TI
• Weekly Vue Weekly Podcast, Edição 1.
• Podcast “Reação em cinco minutos” nº 44 - Da vida de um desenvolvedor intermediário
• Devshahta Podcast: # 47: Teste como o tio Bob
• Frontend Youth (18+) podcast # 62 Podcast multicultural não sobre frontend
• Entrevista com o chefe da SRI Sergey Berezhny
• ChernivtsiJS 2018 - 23 de junho de 2018 , 12 vídeos

Desenvolvimento Web

• Introdução à programação de sombreador para layouts
• Front-end de microsserviço - uma abordagem moderna para a separação da frente
• Pagamentos na Web, API de solicitação de pagamento e Google Pay
• Criando AR / VR com Javascript e HTML
• Uma rápida introdução à segurança na web
• Procurar geradores de sites estáticos populares
• Novas instruções de acessibilidade nas WCAG 2.1

• Desempenho:
  • Dicas para melhorar o desempenho das animações CSS e JS
  • Guia da Webpagetest
  • Como entramos nos três principais sites de comércio eletrônico mais rápidos
  • Imerso no desempenho da Web a partir do Google I / O 2018
  • Mergulhe profundamente no desempenho da web em 2018
  

• Ferramentas:
  • Dicas profissionais para usar o código do Visual Studio para obter melhor desempenho em 2018
  • SVG 3D Builder - uma ferramenta abrangente para criar modelos tridimensionais em svg
  • Filtros SVG Playground . Uma ferramenta que torna o gerenciamento de filtros muito mais conveniente
  

• Web espetacular:
  • Compilação de efeitos Codepen CSS / SVG para texto na web
  • Uma seleção de animações criativas para o menu de hambúrguer
  

CSS

• Abordagem personalizada para normalizar e redefinir estilos (custom-reset.css)
• Resolvido usando CSS! Estilo lógico baseado no número de elementos
• Escrevemos CSS melhor e mais bonito
• Usando a definição de suporte para escrever CSS em vários navegadores

• Padrões:
  • Padrão para costume
  • Às vezes eles retornam: pseudoelementos com o prefixo -webkit- se tornam válidos no Firefox
  • :: before vs: before
  

• Efeitos visuais:
  • Algumas palavras sobre gradientes
  • Imagens responsivas: truques CSS que economizam tempo
  • Usando o caminho de clipe CSS para criar efeitos interativos, parte 2
  • Usando o anexo em segundo plano CSS para criar anúncios em segundo plano fixos em um iFrame
  • Exemplos de uso de CSS no mundo real com SVG
  • Efeitos avançados usando modos de mesclagem em segundo plano CSS
  

• Layout:
  • Tudo o que você precisa saber sobre o alinhamento no Flexbox
  • Benefícios do uso da grade CSS para layouts de formulários da Web
  

• Tipografia:
  • Pesquisa de fontes variáveis
  • Fontes variáveis ​​e dislexia
  

• PWA:
  • CSS e PWA: algumas dicas para criar aplicativos avançados da Web
  • Ferramentas de otimização de CSS para acelerar aplicativos da web progressivos
  

Javascript

• TypeScript 3.0
• Aplicativos e servidores Web JavaScript vulneráveis ​​a ataques ReDoS
• Os 33 principais projetos JavaScript no GitHub
• Lista de verificação para escrever componentes de reutilização no React e no Vue

• Tutoriais:
  • Criando gráficos ao vivo no D3.js
  • Exemplo de API de busca de Javascript, um guia do zero
  • Criando um gerador de site estático simples com Node.js
  • Primeiros passos com o TensorFlow.js
  

• Teoria:
  • JavaScript: explorando objetos
  • Aumentamos o nível de propriedade do método de trabalhar com filtro de matrizes
  • Números complexos JavaScript
  • Iteradores e geradores substituem o JavaScript moderno
  • Recursão assíncrona: promessas, surpresas, mas acima de tudo, confusão
  

• VueJS:
  • Estado Vue.js em 2018
  • Criando SPA amigável ao SEO no Vue.js com o Prerender, além de dicas
  • Desenvolvedor JS desafia Google e Facebook
  • Manipulando eventos de toque com VueJs
  

• Reagir:
  • Javasript + React vs Kotlin + React
  • Reagir o tutorial de preenchimento automático com exemplo
  • Guia completo de representantes de representantes
  

• Angular:
  • Propriedades angulares da v6 que alteram as regras do jogo
  • Criando um PWA otimizado para mecanismos de pesquisa no Angular - Parte 1
  • Como criar uma arquitetura de aplicativo extensível / plug-in no Angular5 +
  

• Libs e plugins:
  • size-plugin - exibe os tamanhos dos ativos compactados do seu webpack e as alterações desde a última compilação
  • WorkerDOM - implementação da API do DOM projetada para funcionar dentro do Web Worker
  

Navegadores

Mozilla anuncia a remoção de complementos obsoletos do Firefox
• A próxima atualização do Google Chrome 69 trará um design de navegador radicalmente novo
• No Firefox 62, planeje ativar o complemento Firefox Monitor
• O Chrome para Android pode começar a desativar o JavaScript em uma conexão 2G

Divertido

• Yandex cancela o TIC e introduz um novo indicador de qualidade do site
• Programadores estão brincando. Está na hora de banir?
• A União Européia proibirá a produção de lâmpadas halógenas a partir de 1º de setembro
• Windows 95 portado para Electron
• Kernel Linux tem 27 anos
• Como o mouse foi temperado: a evolução dos periféricos de jogos
• OG se tornou o campeão do International 2018 . Pela vitória, a equipe faturou US $ 11,2 milhões.
A.

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