Como sempre, além dos relatórios, haverá intensivos, master classes e workshops e, claro, discussões abertas (qualquer pessoa pode fazer isso - sugira um tema para discussão e convide participantes).

Para expandir seu horizonte, escolhemos novamente apenas relatórios criativos e práticos sobre projetos da vida real. Haverá relatórios sobre novas idéias e demonstrações de como tudo funciona e funciona. Nas master classes, contaremos como as equipes resolvem dificuldades repentinas, quais novos conhecimentos inventaram e o que obtiveram como resultado. Também falaremos sobre beleza.
E bonito e seguro
Na trilha de perguntas comuns, os palestrantes não têm medo de se aprofundar na tecnologia e voltar com resultados interessantes. Eles irão lhe ensinar como evitar a penetração de fora no nível do código, bem como trabalhar no tempo de execução de digitação estática do TypeScript. Os alto-falantes adicionarão um pouco de hardcore e, a partir do desenvolvimento do lado bonito, haverá muitas coisas interessantes sobre som, dança e ícones.
Alexander Inkin (Tinkoff.ru), um apaixonado desenvolvedor angular, Google Developer Expert, compositor e fã de filmes, apresentará seu aplicativo para tocar sintetizador em um navegador. Em suas demonstrações incríveis, Alexander explicará como você pode usar a API de áudio da Web imperativa em um estilo declarativo. Ele também falará sobre o que ajudará a reutilizar facilmente os blocos criados e, em geral, é confortável usar a API em ambientes de componentes web ou frameworks com abordagem de componente.
Vasilika Klimova (Avaloq) , uma evangelista 3D de Luxemburgo com 11 anos de experiência em desenvolvimento web, adorava usar a tecnologia 3D no front-end antes mesmo de ser mainstream. Fui o Frontend Team Lead da Artec3D, onde conheci o mundo 3D do WebGL.
Vasilika mostrará como ela ensinou seu modelo 3D a dançar, e você aprenderá o que é aparelhamento, modelos de esfola e por que modelos de osso 3D.
Em nossa indústria, as pessoas raramente pensam em pequenos itens domésticos como ícones SVG. Nikita Mostovoy (HeadHunter) , o desenvolvedor de frontend líder na equipe de arquitetura, nos fará imergir em seu mundo maravilhoso e nos contará como podemos otimizar a adição de ícones ao site por meio de um componente embutido. Nikita também mostrará como resolver o problema de ícones sem cache durante o SSR, como alterar os ícones e otimizar o processo de carregamento.
Se você quiser abrir o código-fonte e economizar algumas semanas em treinamento, Roman Sedov de Tinkoff.ru, um desenvolvedor angular e autor de um livro interativo sobre angular avançado), dirá o que você precisa ser capaz de fazer e saber. Roman apóia e desenvolve projetos de código aberto no mundo Angular e sabe na prática como é divertido criar bibliotecas NPM. E também como escrever documentação, como um pacote se parece sem código desnecessário, como não dar a impressão de matérias-primas em vez de fontes, como configurar a verificação de código e como carregá-lo.
Depois de enviar o código, você precisa estar preparado para que os hackers também o entendam. Tatiana Novikova (TSARKA) , uma experiente auditora de pentester e código-fonte do ponto de vista da segurança, mostrará quais vetores de ataque existem e como os hackers exploram vulnerabilidades de front-end. Também explicará por que os frameworks da web não protegem o desenvolvedor de erros de segurança e como lidar com todos eles.
Tatiana fará um tour pelo mundo das vulnerabilidades de front-end, começando com XSS e terminando com os tipos de ataques não mais populares, para que você possa dizer com segurança que tem um mínimo de higiene.
E, claro, onde está sem hardcore. A tecnologia de front-end está em constante evolução e nem sempre acompanhamos esse desenvolvimento. Alexander Rudenko (X5Labs) , Engenheiro de Software Sênior / Líder da Comunidade no Facebook Developer Circle: Moscou, dará continuidade à última conferência. No ano passado, Alexander nos apresentou ao Relay Modern e, neste ano, ele vai lhe dizer como trabalhar com Network & Data Layers nele.
Alexander o lembrará dos princípios básicos do Relay Modern e, em seguida, mergulhará na camada de dados e na camada de rede para falar sobre uma conexão competente com o servidor.
Mike Bashurov (WiseBits) , um palestrante regular, samurai do TypeScript e fã do ReasonML, vai lhe dizer como arrastar a digitação estática no TS para o tempo de execução. Pelo que? Por exemplo, para validar JSON, outros dados ou para testes baseados em propriedades. Não é fácil, mas se você realmente quiser, pode!
Mike mostrará a você o que é emissão dirigida por tipo, como usá-la, compará-la com outras soluções e mergulhar nos detalhes da API do transpiler (e veremos qual é o rake dessa abordagem. Venha observar como os tipos se movem para o tempo de execução e validar os dados ...
Linda não só por fora, mas também por dentro
Os desenvolvedores também desejam trabalhar com códigos bonitos e convenientes. Claro, é difícil avaliar se a arquitetura é boa ou não - em um projeto ela será bem-sucedida e em outro "algo dará errado". No entanto, uma arquitetura clara sempre ajuda o trabalho em um projeto: a extensão ou alteração do código ocorre sem grandes dificuldades para entendê-lo e testá-lo. Mesmo que você tenha o código de outra pessoa em suas mãos. Os relatórios da trilha "Arquitetura" são apenas sobre como tornar a vida mais fácil para um desenvolvedor.
Denis Krasnovsky (DomClik) , gerente de desenvolvimento técnico, voltará a agradar com um relatório sobre otimização de código. Desta vez, Denis falará sobre a metodologia de refatoração aprimorada em muitos projetos. Com sua ajuda, você pode dar uma nova vida ao código mais incompreensível.
Com o novo algoritmo, será mais fácil tomar a decisão de lidar com problemas quando você já chegou a um projeto com legado.
Ivan Soloviev (Evrone) , não apenas um desenvolvedor de front-end JS, mas também um praticante de Go e Rust - ele gosta de compará-los entre si e com JavaScript. Ivan falará sobre como a escolha entre monólito e microsserviços, assim como mono-repositório e polyrep, afeta o combate à complexidade em grandes projetos.
Ivan também compartilhará como a arquitetura escolhida ajudará a prevenir doenças de um grande front-end como ciclo de lançamento, vendas em crescimento, obsolescência de código, avaliação de dependência, duplicação de código e código compartilhado.
Ali Rahimov (Okko), um desenvolvedor front-end desde 2013, falará sobre os benefícios do TypeScript na arquitetura de desenvolvimento da web e por que os desenvolvedores estão cada vez mais escolhendo o TypeScript para seus projetos. E também sobre os prós e contras de usar a linguagem e como é fácil iniciar seu primeiro site em TypeScript.
Um bloco separado será dedicado à digitação, a pedra angular da linguagem que até mesmo desenvolvedores experientes tropeçam.
Andrey Marchenko (Tinkoff.ru) , techlead, plataforma de desenvolvimento para desenvolvedores, contará a história de seu projeto. Descubra como a arquitetura de front-end da Tinkoff mudou e evoluiu. Como em 2015 5 desenvolvedores criaram o site tinkoff.ru no React 0.13 e como o projeto vive agora.
Agora já existem 60 desenvolvedores, e o monólito consiste em 40 aplicativos separados, microfronts, monoreps e produtos técnicos.
Vladimir Grinenko (Yandex) , Chefe do Serviço de Componentes Compartilhados do Departamento de Desenvolvimento de Interface de Pesquisa, mostrará como encontrar o equilíbrio perfeito para não direcionar todos para um único sistema de design e, ao mesmo tempo, manter a autoidentificação visual. Uma vez que Yandex faz produtos muito diferentes (pesquisa, táxi, música, comida, educação e cinema), a consistência (consistência) das interfaces em Yandex é um fenômeno contraditório tanto do ponto de vista visual quanto tecnológico.
Vladimir mostrará a fórmula para os benefícios do código comum: onde funcionará e onde é melhor escrever sua própria bicicleta, e lhe dirá como reutilizar o código sem tecnofascismo e parar experimentos.
Legal e com resultado
Ninguém quer perder tempo testando com resultados incompreensíveis ou vagando por condições de teste difíceis, mesmo que os resultados sejam bons. Para fazer com que o resultado atenda às suas expectativas, nossos palestrantes irão lhe ensinar como tornar os testes compreensíveis até mesmo para testadores e gerentes, como os testes se parecem da perspectiva de um ex-QA que mudou para o desenvolvimento. E em "Teste", além dos relatórios, haverá os próprios testes, em particular, nodejs-web-services e UI.
Alexander Iossa (Diginavis) , gerente de produto, apresentador do canal sobre as dores e alegrias dos engenheiros de software, falará sobre o teste BDD de aplicativos da web e como isso ajuda a escrever testes E2E de maneira mais econômica e rápida. Mostra como a sintaxe do Gherkin em conjunto com o Cypress torna os testes compreensíveis não apenas para desenvolvedores, mas também para testadores e gerentes.
Alexander ensinará como escrever testes, bem como quem e quando pode e quem deve escrevê-los. Você será capaz de definir o local dos testes de aceitação no pipeline ci / cd, reutilizar blocos previamente escritos e, então, será fácil manter e expandir o processo de teste.
Alexandre também sabe o que pescar em Innópolis, onde mora há mais de 4 anos. Não perca a chance de perguntar a ele sobre isso)
Nikolay Moskalenko (Raiffeisenbank) , testador com 10 anos de experiência, desenvolvedor front-end em React e multiplicador, fará perguntas incômodas sobre a qualidade dos testes. Veremos a situação com os testes pelos olhos de um ex-controle de qualidade que passou para o desenvolvimento. E vamos descobrir como testar o código rapidamente (há mais defeitos do que parece!).
Nikolay também lhe dirá quais testes são melhores para economizar tempo. Você entenderá quais técnicas e ferramentas eliminam dependências externas ao testar aplicativos front-end. Mas isso não é tudo! Nikolay lhe ensinará como acelerar a escrita de autotestes em JavaScript e aumentar sua legibilidade usando a notação Gherking, a biblioteca jest-cucumber.
Para sobremesa, existe o padrão PageObject para testes ponta a ponta no Puppeteer, que simplifica o suporte de autotestes de IU.
E, finalmente, até 2 master classes sobre teste serão conduzidas por Maxim Sosnov (SKB Kontur), um desenvolvedor líder, um motor de uma cultura de excelência técnica que se esforça para ser ágil e estar em conformidade com a filosofia DevOps. Maxim dirá a você o que são padrões e antipadrões, como fazer testes úteis e como vender testes para uma equipe para que os desenvolvedores não torçam o nariz.
Master class 1. Testando nodejs-web services
Na primeira master class Maxim mostrará como testar adequadamente um serviço nodejs. Como obter testes funcionais confiáveis usando mocha, chai, nock, supertest, usando as melhores práticas de teste e bom senso. Vamos ver como esses testes ajudam na refatoração.
Master class 2. Teste de IU
Junto com a Maxim, vamos adaptar as melhores práticas de teste ao layout e descobrir qual combinação de teste é ideal para o teste de IU. Ele cobrirá práticas como teste de captura de tela e teste funcional e como incorporá-los facilmente em seu processo de desenvolvimento. Ferramentas usadas:
- livro de histórias
- loki.js
- biblioteca de testes
- brincadeira
Bom e rápido
O que acontece com o usuário quando ele abre o aplicativo? Ele espera 2 minutos após cada clique ou mergulha feliz no trabalho?
Hoje em dia, o desempenho não está mais sendo aprimorado retroativamente, mas pelo desenvolvimento. Os desenvolvedores verificam imediatamente como as decisões arquitetônicas afetam a velocidade de carregamento, renderização, interatividade, etc. Isso requer monitoramento constante. O teste e a medição requerem métricas que dependem de um grande número de parâmetros. Por exemplo, em qual dispositivo, em qual navegador, em qual rede e com qual firewall o usuário abriu o aplicativo? Sem mencionar servidores de teste, caches, proxies e outros detalhes. E mesmo depois de todos esses esforços, a aceleração continua sendo um problema e uma dor de cabeça para os desenvolvedores.
Apesar de todas essas dificuldades,Nikolay Ryabov (Avito) , trata de tudo relacionado ao desempenho do frontend dentro do Avito - coleta de métricas, criação de perfil, otimização. Nikolay está convencido de que a tarefa de uma empresa é fazer recursos com eficiência.
Na conferência, Nikolai proporá combinar as capacidades do Lighthouse, webpack-bundle-analyser e Chrome DevTools Performance em uma ferramenta. Descubra por que essa variedade de ferramentas por si só não ajudará a monitorar o desempenho continuamente.
Victor Rusakovich (GP Solutions), um desenvolvedor de front-end que viu muitos frameworks e bibliotecas, trabalhando com jQuery, Backbone, Knockout, Angular, Elm, Clojure e RxJS e finalmente React. Victor falará em detalhes sobre métricas e ferramentas para coletar estatísticas sobre o desempenho dos sites dos clientes, que conclusões podem ser tiradas, como as estatísticas não apenas coletam dados, mas também melhoram a velocidade dos sites.
Os ouvintes do relatório receberão respostas às perguntas:
- O que e como coletamos?
- Como e por que analisamos?
- Por que coletar estatísticas dos usuários?
- Como você sabe a velocidade de carregamento e desempenho de seu site?
- Por que se preocupar com a velocidade do site?
Vitaly Sysolyatin (Delivery Club) , techlead, JavaScript e desenvolvedor front-end, vai lhe dizer como fazer SSR o mais rápido possível e quais problemas você terá que resolver. Um exemplo é o novo site delivery-club.ru, que foi lançado como um aplicativo de página única com a implementação de renderização do lado do servidor.
Vitaly dirá a você por qual tipo de rake eles passaram e qual será o problema para um desenvolvedor front-end em javascript em um ambiente de servidor. Junto com Vitaly, aprenderemos como contornar os pontos fracos do JavaScript para eficiência do aplicativo. Histórias da vida real também estarão lá!
Alexander Baltsevich (Synesis), um blogueiro líder e dirigido por um cientista que pratica experimentos educacionais. No Frontend Live, Alexander explicará como o React fornece 60 fps mesmo com um grande fluxo de atualizações a cada segundo. Vamos descobrir como o React atinge uma velocidade de comparação de O (n) com os algoritmos mais avançados com comparações de árvore da ordem de O (n ^ 3).
E, claro, veremos exemplos de combate de como você pode atirar no próprio pé com tanta aceleração!
Lindamente quadrado
O cérebro do desenvolvedor e do usuário opera em ondas diferentes. O primeiro achará o recurso brilhante, enquanto o segundo simplesmente ficará confuso ao tentar alterar o número de itens na cesta. E o que o usuário deseja parece insuportavelmente simples para um gênio. Mesmo assim, os desenvolvedores também usam aplicativos e sofrem da mesma forma quando o design, a interface ou mesmo a cor os impedem de colocar as mãos no que pediram. Na trilha de design, haverá relatórios de cor e interface para os usuários.
Glafira Zhur (SpurIT), líder de equipe e desenvolvedor de acessibilidade, apaixonado por interfaces e sua acessibilidade desde jovem. No Frontend Live, ele falará sobre o impacto psicológico da cor, que não depende da moda, das tendências e do capricho do cliente. Ele revelará como as cores na interface afetam a percepção das informações e como os desenvolvedores podem usá-las para controlar o humor, as escolhas e a experiência do cliente.
Também aprenderemos sobre acessibilidade de interfaces em termos de soluções de cores.
Anna Selezneva (Spiral Scout) , desenvolvedora front-end criativa, palestrante em conferências e encontros, co-organizadora de encontros MinskCSS e MinskJS e conferências CSSMinskJS. Anna irá lembrá-lo de que estamos desenvolvendo interfaces de usuário -. Vamos aprender como ter em mente a ideia de que pessoas reais o usarão ao implementar uma interface.
De acordo com Anna, “há 10 anos, nosso problema eram os cantos arredondados entre navegadores e agora precisamos tornar o site responsivo, acessível e eficiente”.
Por fim, Vitaly Fridman (Smashing Magazine) , cofundador da revista online, autor de livros e consultor frontend / UX de mente aberta, falará sobre o impacto da conveniência do serviço nas conversões e nos principais indicadores de negócios . A palestra de Vitaly será sobre o desenvolvimento de formulários web para o usuário final, que muitas vezes determina a conveniência de todo o serviço justamente por eles.
Os formulários da web são geralmente inacessíveis e difíceis de usar, e Vitaliy descreverá os pontos problemáticos típicos que os clientes enfrentam com frequência. Por fim, aprenderemos a criar uma interface que nos permita receber as informações do cliente de forma amigável, auxiliando tanto nas conversões quanto no aumento dos indicadores chave do negócio.
Veja a lista completa de relatórios no site da conferência . Na versão mobile do site, você pode adicionar as palestras que quiser à sua programação. Não se esqueça de reservar seu ingresso (os preços sobem no dia 15 de setembro).
Frontend Live 2020será realizada de 23 de setembro de 2020 - 2 de outubro de 2020 online em todo o mundo. Criamos um novo formato para ele, que é tão eficaz quanto as reuniões offline. Você pode sentir a energia da comunidade, recarregá-la, interagir com colegas do setor e obter conselhos de especialistas. Você pode até fazer uma pós-festa online com bicicletas até de manhã para sua vida e carreira. Tudo é como na vida :) A
programação de cada dia já está traçada, mas pequenas mudanças são possíveis. E escreveremos sobre os chips de eventos da conferência em telegrama , facebook , twitter e VKontakte .