Frontend Conf - cuidando do usuário

Não vou argumentar que o front end é mais importante que o back-end, nem apoiar o controverso conceito de que "um back-end na web moderna é opcional". Deixamos holivares de lado, simplesmente admitimos que o desenvolvedor front-end está envolvido no lado do cliente real dos projetos da web, o que significa que seu trabalho é mais visível para os usuários finais pelos quais há uma luta. Ou seja, não prestar atenção suficiente ao front-end é simplesmente um luxo inadmissível.

Decidimos sobre isso, resta apenas descobrir e agora como fazer tudo legal. Onde a internet está escrevendo sobre isso? Sim, em todo lugar! E assim, para lidar com toda a variedade de tecnologias modernas, estruturas e bibliotecas, realizamos uma conferência profissional Frontend Conf. Selecionando tópicos para ela, não focamos no hype, mas na utilidade dos relatórios. Tendo participado da conferência, qualquer fornecedor front-end profissional pode ter certeza de que encontrará muitos relatórios úteis correspondentes ao seu nível de conhecimento. Vou lhe dizer exatamente quais relatórios finalmente entraram no programa sob o corte.

Dados de entrada

A conferência Frontend Conf Moscow 2018 será realizada nos dias 4 e 5 de outubro . Por dois dias, nos dedicaremos completamente à discussão de tecnologias e abordagens para o desenvolvimento do lado do cliente, prestaremos atenção a questões como: melhoria da avaliação de produtividade e qualidade, escolha de uma estrutura, processo de design da interface, trabalho com a API e layout.

Em três fluxos em três salas em dois dias, serão apresentados 40 relatórios , master classes e reuniões em vários campos: API, layout e UX, desempenho, estruturas, testes e outros.

Ao compilar o programa, escolhemos aqueles que seriam úteis no trabalho do maior círculo possível de especialistas . Mas eles não deixaram para trás questões ainda mais específicas: no salão Gamma haverá relatórios sobre ferramentas que podem não ser necessárias para todos, mas definitivamente para algumas são as mais exigidas. Em um círculo relativamente estreito, será ainda mais conveniente discutir essas questões; haverá uma oportunidade de lidar completamente com tudo e encontrar pessoas com a mesma opinião. De uma forma ou de outra, quase todos os palestrantes são baseados em sua própria experiência e oferecem soluções específicas que ouviram - e implementaram . A menos que haja muito pouco espaço para apresentações simplesmente informativas, como sobre mineração de criptomoeda em um navegador .

A programação completa está no site de forma interativa e em pdf com os símbolos dos tópicos - é organizada para que, se você criar um tópico específico, possa acessar todos os relatórios. Agora vamos ver os tópicos.

O primeiro dia, quinta-feira, quarto dia, começará com quatro apresentações em inglês - para um aquecimento.

Quebrando a norma com CSS criativo

Aga Naplocha trabalha na Adobe e também está desenvolvendo o projeto educacional The Awwwesomes. Em sua palestra, Aga deseja compartilhar conosco novos recursos de CSS que permitem criar coisas realmente incríveis. O futuro brilhante dos gráficos da Web e CSS está chegando - finalmente poderemos incorporar rapidamente nossas idéias ousadas e criar designs de sites diretamente no navegador. Aha pede para não se afastar e recarregar com o novo espírito de criatividade .

Acessibilidade versus APIs da Web mais recentes. Não podemos simplesmente nos dar bem?

Mauricio Palma, da SinnerSchrader, atua como uma espécie de proxy entre equipes de designers e desenvolvedores e acredita que, na maioria das vezes, os desenvolvedores tratam o problema de acessibilidade da interface como algo que deve ser considerado por último.

Em seu relatório, Maurizio, usando a mais recente API da Web , promete mostrar técnicas eficazes de reconhecimento e síntese de fala e criar interfaces de usuário convenientes e acessíveis com sua ajuda.

Joguei fora meu mouse

Inspirado pelo trabalho de Laura Carvajal, Manuel Matuzović decidiu realizar um experimento e não usou o mouse por duas semanas. Em seu relatório, Manuel mostrará exemplos bem-sucedidos e mal-sucedidos de sites que ele conheceu. Com base neles, discutiremos os problemas mais comuns e falaremos sobre maneiras de resolvê-los. Vamos descobrir por que é importante que seu site seja possível e conveniente de usar no teclado e para quem é realmente benéfico .

Sistemas de design empáticos

No Frontend Conf, Jennifer Wong (Envoy) planeja, com base em sua experiência, contar como desenvolver um sistema de design a partir do zero, sem esquecer a acessibilidade e levando em consideração as necessidades dos usuários e desenvolvedores. Jennifer até fez um vídeo no qual ela convida para sua reportagem.

Depois disso, haverá uma pausa para o almoço nos salões Beta e Gamma, e um relatório muito interessante começará no salão Alpha.

Como desenvolvemos um primeiro aplicativo offline completo usando armazenamento persistente

Desenvolvimento Web e aplicativos offline Primeiro não parecem mais irrealistas. A vantagem de aplicativos nativos também é implementada em aplicativos da web.

Timothy Lavrenyuk (KeepSolid) planeja dizer :

• como portar um aplicativo nativo para trabalhar com documentos, preservando uma de suas principais vantagens - trabalhar em offline;
• Quais bibliotecas usar para trabalhar com o IndexedDB;
• como conectar Trabalhadores que trabalham com o banco de dados e o próprio aplicativo.

A história é baseada na experiência real e não pode prescindir de uma descrição das armadilhas.

Desempenho

garbage.collect ()

Estamos acostumados ao fato de que o navegador não apenas executa nosso JavaScript, mas também limpa o lixo restante por trás dele. O desenvolvedor da API do Yandex.Mart, Andrei Roenko, considera importante entender esse processo e sugere encontrar respostas para as perguntas juntas:

• De onde vem o lixo e o que fazer para reduzi-lo?
• Quem e quando coleta lixo?
• Quais ferramentas existem para analisar o consumo de memória e o rastreamento de lixo?
• Como os navegadores tentam otimizar o desempenho da memória?

Uma análise detalhada ajudará você a entender como a coleta de lixo afeta o desempenho de nossos aplicativos.

Lifehacks para desenvolvedores front-end

Alexei Zolotykh desenvolve a interface há 10 anos e acumulou muitos hackers: maneiras de fazer algo de forma rápida e fácil do que parece à primeira vista. Em seu relatório sobre o Frontend Conf Alexei promete compartilhar esses hacks, por exemplo, aprendemos como mostrar o resultado de seu trabalho em um computador local ou criar um site em uma noite. Veja também os hacks de vida no console e muito mais.

Serviço rápido sem renderização no servidor

Ultimate Guitar é um serviço que é visitado 65 milhões de vezes por mês, mas que é feito sem a renderização no servidor. Andrey Yakobchuk explicará por que esse caminho foi escolhido. E mais sobre o relatório aqui .

Coloque em cache

O cache do navegador é um mecanismo bastante flexível. Você usa todo o seu potencial? O Vsevolod Shmyrov (Yandex.Maps) promete fazer uma análise passo a passo de todos os níveis de cache disponíveis ao tentar baixar qualquer material pelo navegador. Tanto no lado do cliente quanto no lado do servidor.

Desenho

Esta seção inclui relatórios menos vinculados ao contexto da fonte. Basicamente, eles terão menos código, mas mais considerações estruturais, o que não prejudica sua utilidade.

O processo de criação de animações complexas na web: da idéia ao projeto finalizado

Um projeto espetacular não pode ser criado sem animações espetaculares. De qualquer forma, Natalia Gabitova e Yegor Savintsev, da Rambler & Co, pensam assim e prometem compartilhar sua experiência:

• como montar uma equipe de desenvolvedores e designers de movimento;
• como distribuir papéis e controlar o resultado;
• quais ferramentas dominar, o que entender;
• como integrar animações de diferentes fontes ao site.

Vamos ver como ele funciona na Rambler & Co e quais técnicas podem ser usadas para manter a ordem, evitar vazamentos de memória, sincronizar diferentes animações.

Experiência do desenvolvedor e APIs como um produto

Quais detalhes você deve prestar atenção ao criar (ou escolher) um produto de API para fornecer (ou obter) a melhor experiência de desenvolvedor? Anastasia Goryacheva no Intento lida com dezenas de APIs de IA e, com base em seu exemplo, oferece a análise de 8 características da API , como: confiabilidade, facilidade de início, facilidade de manutenção e outras coisas. Veremos quais gigantes da indústria causam mais dores de cabeça do que as funcionalidades. Essas mesmas idéias podem ser úteis ao escolher um serviço de pagamento para um site. Ou construindo a comunicação entre as equipes de desenvolvimento de back-end e front-end, criando um serviço.

Abordagem do PDD para planejar um projeto de TI

Ksenia Konovalova, da Digital Security, vai provar que todo desenvolvedor deve ser capaz de criar protótipos . O XD (não, este não é um emoticon) da Adobe ajudará a iniciar reativamente. Aprendemos como usar o protótipo: para formular requisitos do produto; Projetar arquitetura do produto testar hipóteses sem código . E depois do relatório, podemos encontrar de maneira divertida um idioma comum com nosso amado cliente, economizar o orçamento do projeto e reduzir o tempo de desenvolvimento. De qualquer forma, Xenia nos promete isso. Mesmo para um desses pontos, vale a pena tentar investigar a prototipagem.

API JSON - trabalhamos de acordo com a especificação

Alexey Avdeev, da Neuron.Digital, ajudará você a entender a especificação da API JSON. Este relatório está muito cheio de detalhes técnicos, mas também caiu nesta seção "Design", porque não está vinculado exclusivamente ao front-end. Alexey lhe dirá sobre o que é a API JSON, como essa abordagem complementa o RESTful e como ela difere do GraphQL . Como sempre, analisaremos os prós, contras e armadilhas.

Frameworks

Obviamente, você não pode prescindir do tema de tendências e novas estruturas no Frontend Conf. Tentamos não nos empolgar muito com eles e selecionamos apenas alguns dos relatórios mais práticos.

React, Vue ou Aurelia: como escolhemos o framework

Pode haver muitos critérios para escolher uma estrutura e, em cada nova tarefa, é necessário ponderar novamente os prós e os contras. Alexander Taran (Acumatica) apresentará suas condições e sua opinião. Por exemplo, ele dirá:

• como avaliar o "custo do erro" na escolha;
• quais protótipos para testar hipóteses para implementar,
• como as tarefas de hype e de negócios afetam;
• resultados resumidos e tomada de decisão.

Será interessante também porque, no final, Alexander se tornou o Aurelia Core Maintainer .

StoreWars (ngxs, redux, vuex)

Dando continuidade ao tema do quadro, será apresentado um relatório de Kirill Yusupov e Maxim Ivanov (Cinimex). Na parte principal, analisaremos o gerenciamento de estado , consideraremos exemplos em projetos pequenos e grandes para todos os três - ngxs, redux, vuex. E, como conclusão, os palestrantes prometem explicar por que os ngxs devem ser usados, e não o ngrx, e por que a escolha da estrutura não é tão importante quanto a escolha da loja.

Estruturas desaparecendo

Pavel Malyshev, do Mustlab, sugere começar com o básico e começar a descobrir por que realmente usamos estruturas e por que estruturas clássicas não são adequadas para todos os projetos . Na palestra, falaremos sobre a nova tendência de "estruturas em desaparecimento" usando o SvelteJS como exemplo e tentar entender por que essa ainda não é outra estrutura de javascript.



A conclusão é óbvia, uma bala de prata não existe, mas essas declarações o ajudarão a tomar uma decisão razoável em cada caso. Às vezes, pode até ser uma solução feita por você mesmo ...

Melhor perder um dia

O relatório de Aleksey Okhrimenko do IPONWEB não entrou em nenhuma das seções, é por si só. Em 5 de outubro, logo de manhã, descobriremos se vale a pena desenvolver nossas próprias ferramentas e se funcionará gastando muito tempo, em última análise, salve-a. Alexey compartilhará sua experiência em ferramentas de escrita para depuração, teste, otimização , andaimes e validação de vários projetos. Ele lhe dirá quais benefícios as ferramentas existentes podem trazer e se vale a pena perder tempo com isso.

Claro, isso está longe de tudo. Mas mesmo isso deve ser suficiente para convencer alguém de que o Frontend Conf Moscow 2018 será a maior e mais legal conferência de front-end da Rússia. Venha mergulhar em um ambiente profissional por dois dias, envolva-se em relatórios interessantes, aprenda novas coisas úteis e converse com outros profissionais. Sim, no final, apenas me divertindo.

Apresse-se para se registrar se sentir (ou o teste o levou) a necessidade de crescimento profissional - só resta uma semana!