Os relatórios serão gerais sobre os tópicos de front-end, no restante da conferência, os palestrantes falarão mais a fundo sobre cada tópico, com nuances, detalhes, práticas e discussões. Já falamos sobre alguns dos relatos que estarão nesses 2 dias para todos, e hoje vamos apresentar os demais discursos abertos.
O que há de novo no Frontend e o que podemos fazer melhor?
Todos os anos, falamos sobre as novas tendências que surgiram no ano passado e como elas afetaram todo o Frontend. Alguns se tornaram ferramentas muito úteis e alguns são coisas do passado. No ano passado, Vitaly Fridman falou sobre as tendências no mundo do frontend, este ano Philip Nekhaev fará uma revisão em seu relatório " Radar tecnológico: tendências como as vemos ." Philip é o chefe de front-end da Tinkoff e, especialmente para a conferência, ele vai compartilhar quais tecnologias, de acordo com a Tinkoff, serão usadas no próximo ano, que há muito se tornaram o padrão de fato, quais empresas estão rejeitando no mercado e quais foram abandonadas pela Tinkoff.
Esperamos pelo menos um bom desempenho do sistema novo e antigo, ou seja, a rapidez com que ele responde aos nossos cliques, pings e solicitações. Se o sistema responder sem demora, para nós é como falar com as pessoas em nossa vida real. E em nosso tempo, esperamos cada vez mais isso de um computador. Claro, nossa percepção vai depender do que estamos fazendo enquanto esperamos - todo mundo odeia a espera passiva até que a página carregue e, quando estamos ativos, o tempo passa mais rápido. Eva Ferreira, da Aerolab, conhece um atalho para melhorar o desempenho do seu front-end de forma saudável e fácil de implementar. Em seu discurso “ Dos 45 aos 85, uma jornada performática”, Eva mostrará alguns truques que você pode usar para melhorar o desempenho do seu serviço web, bem como para medir como isso afetou o carregamento do site. Eva vai falar em inglês.
Se podemos medir algo, podemos melhorá-lo. Obviamente, para cada empresa, as melhores e mais importantes métricas serão as diferentes maneiras de medir o desempenho da página da web. Não existe um indicador geral universal para todos, em cada caso a escolha será individual. No entanto, para qualquer medição, primeiro selecionamos a partir de uma linha de base que geralmente cobre as métricas mais comuns. Martin splittapresentará uma excelente palestra "Core Web Vitals - o que são e por que são importantes?" sobre uma ferramenta do Google que permite monitorar as métricas básicas de desempenho da interface. O relatório será em inglês.
E enquanto o desempenho está sendo medido, podemos melhorar e mudar muito em nossos serviços da web para que os visitantes do site não apenas se esqueçam da renderização lenta das imagens, mas também fiquem satisfeitos em se comunicar com você por meio de formulários da web. Sim, aqueles notórios formulários de fevereiro, sobre os quais, como já apresentamos , serão apresentados por Vitaly Fridman “ Getting Web Forms Right: From Checkboxes To Dropdowns" Vitaly irá compartilhar como os visitantes podem confiar em nossos formulários da web novamente sem esperar para superar obstáculos como encontrar hidrantes ou seu país em uma longa lista (sem pesquisa!). E fornecerá dicas práticas para implementação imediata e melhor experiência do usuário em seus projetos da web.
Está tudo bem dentro da equipe?
Não apenas os visitantes dos serviços da web devem estar satisfeitos, mas também as equipes de desenvolvimento que os criam, melhoram e modificam. Muitas pessoas trabalham em qualquer projeto: desenvolvedores, gerentes, oficiais de segurança, networkers, contadores e mensageiros. Além de serem todos dependentes uns dos outros, um erro, por exemplo, no cálculo do tempo por tarefa, também pode afetar os clientes. O Scrum ajuda a sincronizar suas ações entre si, e Alexandra Baptizmanskaya falará sobre isso em sua palestra “ Que Scrum? Eu só quero escrever código! " Com base em sua vasta experiência na criação de equipes de sucesso, Alexandra compartilhará suas observações de como um desenvolvedor comum pode se beneficiar do Scrum e por que uma equipe e um processo de equipe são necessários.
Cada equipe tem membros juniores. Se ele for decidido, encontrará seu próprio caminho, mas às vezes ser mentor dos mais jovens é útil para os mais velhos. Daniil Pilipenko , fundador e diretor do SymbioWay IT Specialist Recruitment Center, dirá por que é tão legal e útil para qualquer desenvolvedor intermediário obter um June Padawan e treiná-lo com sucesso. Em seu relatório " O caminho para os seniores por meio da mentoria de junior'ov ", Daniel explicará por que o estágio júnior é importante, como fazer crescer um especialista júnior que seja útil para a equipe e como interagir com ele para o benefício geral dos juniores e da equipe, e para o projeto.
Para que a interação seja fácil, eficaz e ao mesmo tempo leve em conta as especificidades do estilo de vida (e trabalho) de todos os desenvolvedores, seria ideal usar não vários mensageiros, mas um, com muitas funções necessárias, para o frontend. Embora a funcionalidade de portais e chats corporativos seja bastante escassa. Mas Georgiy Bugakov (ele programa desde os 7 anos!) Tem uma ideia de como fazer um SuperApp completo para funcionários que usam Slack e Node.js. E este é um projeto real usado por mais de 40 equipes de desenvolvimento. Em sua palestra “ Fazendo um superapp corporativo com base no Slack e Node.js ”, Georgiy mostrará o que os bots podem realmente fazer no Slack e o que pode ser compensado com ferramentas externas.
Mas nem um único mensageiro o ajudará a depurar e unir os processos de desenvolvimento, teste e operação. O DevOps se torna um link de conexão, que inclui a compreensão de muitas coisas - tanto o código em si, como testá-lo, e os princípios da arquitetura. Além disso, você precisa levar em consideração os riscos e possíveis vulnerabilidades do sistema, ser capaz de automatizar processos. Sem falar no fornecimento de suporte antes e depois do lançamento. Em sua palestra " Programa educacional em CI / CD para o frontend no exemplo do GitLab " Timofey Tiunov explicará com exemplos o que podem ser "devops" no frontend e o que é um frontend do ponto de vista de um engenheiro de DevOps ou administrador de sistema.
Equipe feliz - usuários felizes?
Quando todos na equipe já estão trabalhando harmoniosamente, eles se entendem e as datas de lançamento não são interrompidas, é hora de lembrar o negócio como tal e as necessidades dos usuários de serviços da web em particular. Excelente design é o que os visitantes veem primeiro em um site. E Stéphanie Walter em sua palestra " Projetando Componentes Adaptáveis (além de pontos de interrupção responsivos) " irá chamar sua atenção para o porquê de ser melhor pensar sobre o "contexto de uso" da tela, ao invés do número de pixels. Stephanie mostrará que às vezes os ingredientes ativos podem sair da tela, e isso também pode ser um ótimo design, que o público vai adorar e se sentir confortável de usar. Relatório em inglês.
E para que esse ótimo design também seja deliciosamente bonito, Kathleen McMahonna palestra “ Componentes React com sabor de acessibilidade tornam seu sistema de design delicioso! »Irá compartilhar sua experiência e conhecimento sobre acessibilidade de design e os próprios sistemas de design. Em inglês. Kathleen explicará como e o que você pode usar no React para esse propósito, como misturar vários componentes de IU, mostrar exemplos interativos de melhores práticas e delinear as regras do que você pode fazer para assar um produto e o que não deve fazer.
Hui Jing Chen do Shopify leva a capacidade de resposta ainda mais longe. Junto com HJ, vamos dar uma olhada na capacidade de resposta do CSS por meio do DevTools na palestra Usando DevTools para entender layouts CSS modernos" Ao vivo de Cingapura, HJ demonstrará como DevTools pode ser usado para mais do que apenas uma ferramenta de depuração. E ele vai mostrar como o DevTools pode ajudá-lo a alinhar os layouts que queremos criar com o que é realmente exibido na página. Isso o ajudará a entender melhor como o navegador interpreta os valores CSS que você atribui. Por exemplo, dimensionamento com Flexbox ou várias opções para redimensionar faixas no Grid. Como resultado, essas técnicas permitirão que os projetos se adaptem melhor a uma ampla variedade de tamanhos de monitores. O relatório, é claro, será em inglês.
E, continuando o tema de diferentes idiomas. Com que frequência você se deparou com o fato de que, enquanto estuda algumas informações em inglês, deseja assisti-las em russo? Mas, tendo mudado o site para o russo, você não só não encontra essa informação (a mesma para todos os idiomas), mas em geral o site pode se tornar "um pouco" diferente de repente? Provavelmente, a localização de tal site deu um pouco errado, como gostaríamos. Como lidar com essas dificuldades de localização no frontend, especialmente quando o projeto é enorme e a equipe é grande, Dmitry Andriyanov contará em seu relatório " Medo e aversão à localização em grandes projetos ." Dmitry mostrará como a localização foi organizada no Yandex.Direct - um projeto com dezenas de milhares de fragmentos de texto e uma equipe de mais de 40 pessoas.
Um desenvolvedor pode ser um mago?
Claro, que conferência front-end (e, claro, qualquer projeto) sem os próprios desenvolvedores! Quando você tem uma equipe, um design, o processo de trabalho é lançado, os sprints seguem um após o outro, parece que só falta escrever código. Mas não são apenas as pessoas em equipes que têm problemas de interconexão. Dentro das aplicações, diferentes linguagens podem ser usadas, os componentes precisam de conexões entre si, mas ao mesmo tempo, cada obstáculo pode se transformar em uma tarefa séria que desenvolve o fronteado e o leva adiante.
A complexidade dentro dos aplicativos pode aumentar devido ao fato de que diferentes estados são distribuídos em muitos componentes e eles precisam de uma conexão entre si. Alexander Shushunov em sua palestra "The Heart of a Vue Application»Não só apresenta o gerenciador de estado Vuex que vem com o framework Vue. Alexander falará sobre algumas das nuances de trabalhar com ele e explicará sua estrutura interna. O gerenciador de estado é o coração do aplicativo da web moderno. Dito isso, Vuex é bastante simples - não é fácil encontrar exemplos complexos de seu uso. Mas Alexander mostrará como o Vuex é usado na EPAM Systems, quais problemas a equipe enfrentou e o que desempenho tem a ver com isso. Não importa se você está usando o Veux ou ainda não - a informação será útil para todos.
Mas outro desafio - existe vida sem JavaScript? O site pode ser interativo com outras ferramentas? Claro, JavaScript funciona em Windows, macOS, Linux e plataformas móveis, ou seja, em qualquer lugar. No PC, as plataformas Node.js, Angular e React Native tiraram o JavaScript dos limites do navegador. E, no entanto, Dmitry Sharabin convida você a ouvir sua opinião. Dmitry acredita que o futuro do HTML já chegou graças ao Mavo, que está sendo desenvolvido no Massachusetts Institute of Technology (MIT) sob a liderança de Lea Verou. Em seu relatório “ Segredos de Mavo. Resolvendo tarefas diárias de desenvolvedor da web sem JavaScript"Dmitry mostrará claramente suas vantagens e responderá à pergunta se tecnologias como o desenvolvimento de aplicativos interativos da web são necessários agora apenas escrevendo HTML e CSS.
A programação sem JC terá o suporte de Ilya Chertorylsky , um desenvolvedor front-end do Raiffeisenbank. Em sua palestra " WebAssembly SPA-frameworks " Ilya considerará tendências no desenvolvimento de front-end como GO, RUST, C #, PHP em termos de uso de frameworks completos que permitem escrever um site pronto para uso em uma linguagem familiar sem JavaScript. O frontend pode ser escrito em quase qualquer linguagem de programação, e Ilya dirá como implementá-lo na prática. Vadim Patsev
continuará o tópico de desmascarar mitos sobre a ausência de tarefas significativas no desenvolvimento de front-endda Yandex, que aparecerá no relatório “ Onde estou e onde está a máquina de estado? “Que no desenvolvimento web existem tarefas complexas e interessantes para os programadores. O frontend não é apenas rebitar de formas, mas a solução de problemas e obstáculos sérios, a implementação de grandes ideias. Vadim acredita que você pode tentar coisas como uma máquina de estados finitos, cadeias de Markov, etc. sem medo. Venha ouvir algo incomum!
Se você quiser discutir, pedir conselhos ou compartilhar histórias de trabalho, assine o canal FrontendConf Talks Telegram . E escreveremos sobre os chips de eventos da conferência em telegrama , facebook , twitter e VKontakte .