Oi Habru! Já postamos vídeos dos relatórios do HolyJS 2018 Piter no YouTube e, para você, fizemos (não exatamente) uma seleção tradicional dos melhores deles, de acordo com os visitantes da conferência.
Como sempre, existem relatórios "juniores" no topo, com a classificação mais alta no final. Obviamente, isso não significa que um relatório seja muito pior que outro: as estimativas de toda a coleção variam de 4,28 a 4,56. Se você observar o número de revisões ou alterar a metodologia de cálculo, os locais poderão ser alterados facilmente. Em geral, veja tudo!
Abaixo do corte - e vídeos dos melhores relatórios, links para suas apresentações, descrições curtas e um link para a lista de reprodução completa.
Uma abordagem sistemática de front-end para acelerar: medições on-line
Palestrante:
Andrey ProkopyukLocalização: 11
Classificação: 4.28 ± 0.08
Apresentação do relatórioSurpresa! Hoje não temos 10, mas 11 relatórios, e há várias razões para isso.
Em primeiro lugar, entre o 11º e o 10º lugar, a diferença é de apenas quatro centésimos de ponto. Em segundo lugar, inicialmente os caras do "grupo de velocidade Yandex" planejavam fazer um relatório em pares e depois se separaram: Andrey (
Andre_487 ) falou sobre online e Alex sobre medições offline. Portanto, para fins de completude, ambos foram incluídos no topo: você pode considerá-los duas partes de um único todo.
Este é um excelente relatório para iniciar nossa seleção - é simples, dinâmico, mas ao mesmo tempo útil. Isso ajudará você a criar métricas e a entender a velocidade do produto, fazendo algumas coisas literalmente no joelho e sem análises desnecessárias.
Como um dos visitantes da conferência disse: “CI em esteróides por esses caras!”.
Recuperando a Web para dispositivos móveis
Palestrante:
Imad ElyafiLocalização: 10
Classificação: 4.28 ± 0.12
Apresentação do relatórioO relatório do Imad do Pinterest sobre como reescrever a versão da Web para dispositivos móveis de um grande projeto como o Pinterest em 11 semanas (com sucesso!), Com um aumento nas métricas de envolvimento do usuário. Resultado - o resultado é próximo a aplicativos nativos sem perda na velocidade da carga.
Obviamente, o caminho foi espinhoso e difícil - Imad conta com exemplos onde eles tiveram que lidar com problemas e como conseguiram resolvê-los. Ele explicará por que a equipe escolheu a versão móvel, sobre como trabalhar na página inicial e como o site foi otimizado para uma conexão 3G sem perder a sincronização.
Depurando JS usando o Chrome DevTools como exemplo
Palestrante:
Alexey KozyatinskyLocalização: 9
Classificação: 4.28 ± 0.08
Apresentação do relatórioO tópico principal do relatório é o que está dentro do depurador de aplicativos da web. Alexey trabalha "do outro lado das barricadas" - na equipe do Chrome DevTools, criando e melhorando as ferramentas de depuração de JavaScript. A conversa será sobre exatamente isso: o que o navegador pode fazer automaticamente ao depurar, quais ferramentas são amigas do desenvolvedor, como trabalhar com pilhas assíncronas e perfis de memória.
E no relatório, Alexey responde à pergunta de por que os pontos de interrupção nos arquivos com o mapa de origem só funcionam após recarregar a página e contrastam a amostragem e a instrumentação, destacando os pontos fortes e fracos de cada um.
O relatório é curto, mas detalhado: contém muitas ferramentas de análise, muito código e promete corrigir bugs :)
Uma abordagem sistemática à velocidade do front-end: medições offline
Palestrante:
Alexey KalmakovLocalização: 8
Classificação: 4.29 ± 0.08
Apresentação do relatórioA segunda parte do relatório sobre a abordagem de medições dos caras da Yandex. Agora, sobre medições offline: abordagens completamente diferentes e informações completamente diferentes. É melhor observar as duas partes para entender o que está acontecendo e como aplicar o conhecimento fora das ferramentas internas do Yandex.
Alexey revela os prós e os contras da abordagem de seu colega e fala sobre a triste história de uma versão, sobre a ferramenta Pulse, que ajuda a coletar dados e consultas e identifica os principais problemas da coleta de dados offline. Relatório fácil, divertido e útil.
Keynote: 30: Demasiado JavaScript
Palestrante:
Ilya KlimovLocalização: 7
Classificação: 4.30 ± 0.08
Apresentação do relatórioA palestra motivacional final acabou sendo muito "fácil", animada e bem-humorada. No mínimo, vale a pena examinar a seção sobre categorização do treinamento. Ilya fez um cronograma amplo da importância e relevância do conhecimento, de que nossos ouvintes realmente gostaram.
Este relatório é a resposta para três perguntas feitas por Ilya toda semana, várias vezes por seus alunos:
- Como aprender o que você precisa, não exagerar?
- Como estruturar informações para o desenvolvimento mais rápido?
- Para onde correr?
Keynote: Flickering Technology ou Engenharia do século XXI
Palestrante:
Maxim YuzvaLocalização: 6
Classificação: 4.41 ± 0.07
Apresentação do relatórioSe o código não argumenta, não faz perguntas desnecessárias (bem, quase) e não há necessidade de negociar com ele, as coisas ficam muito mais complicadas com as pessoas - todos têm suas próprias peculiaridades, necessidades e assim por diante. Sobre isso - o relatório no estilo TED da Maxim, que terminou no primeiro dia.
Maxim analisa a parte do trabalho que está fora dos holivares sobre estruturas, paradigmas e fora do eterno barulho de front-end. Por exemplo, os alunos notaram dicas úteis sobre como escolher tecnologias, fazer perguntas corretamente e interagir em equipe.
Maxim ensina a vender refatoração em um projeto, convencendo os colegas a implementar o Linter e parar de se preocupar com o que escrever, Angular, React ou Vue.
Este relatório responderá à pergunta: "Elon Musk poderia lançar e pousar um foguete se soubesse JavaScript, React ou Angular o melhor do mundo?" Spoiler: “Sim. Mas conhecer js não é o ponto aqui. Afinal, você precisa fazer o download de soft softs, poder se comunicar em equipe, provar seu ponto de vista e muito mais. Você pode escrever um código perfeitamente, mas perde a discussão para alguém que tenha uma boa linguagem interrompida. E isso deve ser lembrado.
Decomposição do thread principal no Node.js para aumentar a taxa de transferência
Palestrante:
Nikolay MatvienkoLocalização: 5
Classificação: 4.42 ± 0.09
Apresentação do relatórioCada empresa usa o Node.js à sua maneira: desde estilos de construção, SSRs e modelos até microsserviços e comunicação com bancos de dados. Mas todos têm uma coisa em comum - um Thread Principal carregado. Nikolay, usando o Node.js como exemplo em grandes projetos de comércio eletrônico corporativo, conta como aliviar de forma eficiente e gradual o Main Thread, a fim de aumentar a taxa de transferência.
Existem muitas ferramentas para isso - fazer o logon em um fluxo separado, coletar métricas em um processo separado, iniciar os trabalhadores para trabalhar com as tarefas que mais consomem recursos.
Testes, números de comparação específicos, gráficos - Nikolai analisa cada ferramenta em detalhes e com sabedoria. Harkorny, mas relatório muito útil, que não é recomendado para ser desperdiçada.
Trabalhando com árvores abstratas de sintaxe JavaScript
Palestrante:
Kirill CherkashinLocalização: 4
Classificação: 4.44 ± 0.07
Apresentação do relatórioKirill, nascido em Moscou, agora vive em Nova York e trabalha no Google para Firebase, e também
organiza a maior mitap de angular do mundo. Ele fala sobre exemplos simples e "dolorosos" de como analisar corretamente seu código e transformar o de outra pessoa.
Por que você precisa analisar seu código? Por exemplo, para encontrar o console.log esquecido antes de confirmar. Mas e se você precisar alterar a assinatura da função em centenas de entradas no código? Expressões regulares lidarão aqui?
Todas essas perguntas são respondidas por Cyril em seu relatório simples, mas muito útil. Ele explora abordagens para analisar e transformar o código-fonte JavaScript com base na análise e no trabalho com a Árvore de sintaxe abstrata resultante. Exemplos são Babel e ESLint.
EME? Cdm? DRM? CENC? IDK!
Palestrante:
Sebastian GolaschLocalização: 3
Classificação: 4.46 ± 0.17
Apresentação do relatórioConversa de três palavras - engenharia reversa da Netflix!
Um relatório muito interessante que revela os detalhes técnicos por trás de várias abreviaturas assustadoras da pilha DRM: EME (extensão de mídia criptografada), CDM (módulos de descriptografia de conteúdo), Widevine e DRM (gerenciamento de direitos digitais).
Em um relatório, Sebastian abordará os principais pontos relacionados à proteção de vídeo online: streaming, download, antipirataria, licenciamento e muitos outros. Ele mostrará como criar seu próprio player de vídeo para o Netflix e mergulhar na arquitetura do serviço.
Um relatório cheio de detalhes técnicos, que pode não ser adequado para todos, mas apresentará o básico do trabalho com DRM ou sugerirá algo útil para aqueles que enfrentam o trabalho dos serviços de streaming todos os dias.
Pequenos truques sujos dos cantos escuros do comércio eletrônico
Palestrante:
Vitaliy FridmanLocal: 2
Classificação: 4.51 ± 0.11
Apresentação do relatórioVitaliy é uma pessoa que fala simplesmente sobre o importante. Por exemplo, sobre o que pode dar errado em um projeto de comércio eletrônico.
Sim, os problemas podem surgir literalmente em todos os lugares: desde a escolha de um produto e a inclusão no carrinho até uma carta com confirmação e, de fato, entrega da mercadoria. Cada etapa deve ser cuidadosamente verificada quanto a possíveis erros e mal-entendidos.
No relatório, Vitaliy mostra um grande número de exemplos de como o comércio eletrônico se sai mal (na conversão ou em relação aos usuários), com exemplos reais e humor corporativo.
Neste relatório, Vitaliy considerará como você pode aumentar a conversão, além de simplesmente melhorar sua experiência do usuário com algumas pequenas coisas. Como sempre - o relatório de Vitaly é bonito, simples (apesar do idioma inglês) e muito útil para designers e desenvolvedores de UX.
Muitas críticas positivas dos visitantes dizem uma coisa: cada ouvinte e espectador encontrará algo útil para trabalhar no relatório de Vitaly.
Keynote: Novas aventuras no frontend, segunda temporada
Palestrante:
Vitaliy FridmanLocalização: 1
Classificação: 4.56 ± 0.05
Apresentação do relatório"Mas ele não adivinhou, vibra nos dois ouvidos!" Em geral, se devido à foto de abertura do post, você tentou adivinhar o lugar de Vitaliy Fridman, dificilmente adivinhou que ele conseguiu assumir as duas posições superiores ao mesmo tempo.
Se uma das performances mais notáveis do HolyJS anterior foi o
relatório de Vitaliy Fridman “Novas Aventuras em Design Responsivo da Web”, sua “sequência” se tornou a melhor do HolyJS Piter 2018!
Ao dirigir a Smashing Magazine, você aprende muitas sutilezas de front-end, complexidades e truques sujos - para que o relatório abranja uma variedade de tópicos. Como o autor adverte, "você não pode" reconhecer de volta "o que aprendeu e não somos responsáveis por seus pesadelos subsequentes". Como um dos ouvintes disse: “truques acrobáticos para otimizar o trabalho do frontend sempre serão úteis!” Não podemos discordar.
Se esses relatórios (e outros da lista de reprodução completa ) forem interessantes, observe: o HolyJS Moscow 2018 será realizado de 24 a 25 de novembro .
As informações mais atualizadas sobre o programa sempre podem ser vistas no site, você também pode comprar ingressos por lá - e a partir de 1º de novembro, o preço aumentará para o final, então agora é a última oportunidade de economizar.