Salut Habru! Nous avons déjà publié des vidéos des rapports HolyJS 2018 Piter sur YouTube, et pour vous, nous avons fait (pas tout à fait) une sélection traditionnelle des meilleurs d'entre eux, selon les visiteurs de la conférence.
Comme d'habitude, il y a des rapports «juniors» en haut, avec la note la plus élevée à la fin. Bien sûr, cela ne signifie pas qu'un rapport est bien pire qu'un autre: les estimations de l'ensemble de la collection varient de 4,28 à 4,56. Si vous regardez le nombre d'avis ou modifiez la méthodologie de calcul, les lieux peuvent facilement changer. En général, voyez tout!
Sous la coupe - et des vidéos des meilleurs rapports, et des liens vers leurs présentations, et de courtes descriptions, et un lien vers la liste de lecture complète.
Une approche frontale systématique de la vitesse: mesures en ligne
Conférencier:
Andrey ProkopyukEmplacement: 11
Évaluation: 4,28 ± 0,08
Présentation du rapportSurprise! Aujourd'hui, nous n'avons pas 10, mais 11 rapports, et cela pour plusieurs raisons.
Premièrement, entre la 11e et la 10e place, la différence n'est que de quatre centièmes de point. Deuxièmement, au départ, les gars du «groupe de vitesse Yandex» avaient prévu de faire un rapport sur la paire, puis se sont séparés: Andrey (
Andre_487 ) a parlé en ligne et Alex des mesures hors ligne. Donc, par souci d'exhaustivité, les deux ont été inclus dans le haut: vous pouvez les considérer comme deux parties d'un même ensemble.
C'est un excellent rapport pour commencer notre sélection - il est simple, dynamique, mais en même temps utile. Il vous aidera à trouver des mesures et à comprendre la vitesse du produit en faisant certaines choses littéralement sur le genou et sans analyses inutiles.
Comme l'a dit l'un des visiteurs de la conférence: "IC sur les stéroïdes par ces gars!".
Redonner vie au Web mobile
Conférencier:
Imad ElyafiEmplacement: 10
Évaluation: 4,28 ± 0,12
Présentation du rapportLe rapport Imad de Pinterest sur la façon de réécrire la version Web mobile d'un projet majeur tel que Pinterest en 11 semaines (avec succès!), Avec une augmentation des mesures d'engagement des utilisateurs. Résultat - le résultat est proche des applications natives sans perte de vitesse de chargement.
Bien sûr, le chemin était épineux et difficile - Imad raconte par des exemples où ils ont dû faire face à des problèmes et comment ils ont réussi à les résoudre. Il expliquera pourquoi l'équipe a choisi la version mobile, comment travailler sur la page d'accueil et comment le site a été optimisé pour une connexion 3G sans perdre la synchronisation.
Débogage de JS en utilisant Chrome DevTools comme exemple
Conférencier:
Alexey KozyatinskyEmplacement: 9
Évaluation: 4,28 ± 0,08
Présentation du rapportLe sujet principal du rapport est ce qui se trouve à l'intérieur du débogueur d'application Web. Alexey travaille «de l'autre côté des barricades» - dans l'équipe Chrome DevTools, y créant et améliorant des outils de débogage JavaScript. L'exposé portera sur cela: ce que le navigateur peut faire automatiquement lors du débogage, quels outils sont les amis du développeur, comment travailler avec des piles asynchrones et le profilage de la mémoire.
Et dans le rapport, Alexey répond à la question de savoir pourquoi les points d'arrêt dans les fichiers avec sourcemap ne fonctionnent qu'après rechargement de la page et contraste l'échantillonnage et l'instrumentation, soulignant les forces et les faiblesses de chacun.
Le rapport est court mais détaillé: il contient beaucoup d'outils d'analyse, beaucoup de code et promet de corriger les bugs :)
Une approche systématique de la vitesse frontale: mesures hors ligne
Conférencier:
Alexey KalmakovEmplacement: 8
Évaluation: 4,29 ± 0,08
Présentation du rapportLa deuxième partie du rapport sur l'approche des mesures des gars de Yandex. Maintenant sur les mesures hors ligne: approches complètement différentes et informations complètement différentes. Il est préférable de regarder les deux parties afin de comprendre ce qui se passe et comment appliquer les connaissances en dehors des outils internes de Yandex.
Alexey révèle les avantages et les inconvénients de l'approche de son collègue et parle de la triste histoire d'une version, de l'outil Pulse, qui aide à collecter des données et des requêtes et identifie les principaux problèmes de la collecte de données hors ligne. Rapport facile, amusant et utile.
Keynote: 30: Trop de JavaScript
Conférencière:
Ilya KlimovEmplacement: 7
Évaluation: 4,30 ± 0,08
Présentation du rapportLe discours de motivation final s'est avéré être très «facile», vivant et assez humoristique. Au minimum, il vaut la peine de consulter la section sur la catégorisation de la formation. Ilya a dressé un vaste calendrier de l'importance et de la pertinence des connaissances, ce que nos auditeurs ont vraiment aimé.
Ce rapport est la réponse à trois questions posées chaque semaine par Ilya par ses élèves:
- Comment apprendre ce dont vous avez besoin, pas le battage médiatique?
- Comment structurer l'information pour un développement le plus rapide?
- Où courir?
Keynote: Flickering Technology, or 21st Engineering Engineering
Conférencier:
Maxim YuzvaEmplacement: 6
Évaluation: 4,41 ± 0,07
Présentation du rapportSi le code ne discute pas, ne pose pas de questions inutiles (enfin, presque), et qu'il n'est pas nécessaire de négocier avec lui, alors les choses sont beaucoup plus compliquées avec les gens - tout le monde a ses propres caprices, besoins, etc. À ce sujet - le rapport de style TED de Maxim, qui a conclu le premier jour.
Maxim analyse la partie du travail qui est en dehors des holivars sur les cadres, les paradigmes et en dehors de l'agitation éternelle. Par exemple, les élèves ont noté des conseils utiles sur la façon de choisir les technologies, de poser des questions correctement et d'interagir en équipe.
Maxim enseigne la vente de refactoring sur un projet, convaincre ses collègues d'implémenter Linter et de ne plus se soucier de ce qu'il faut écrire, Angular, React ou Vue.
Ce rapport répondra à la question: "Elon Musk pourrait-il lancer et atterrir une fusée s'il connaissait mieux JavaScript, React ou Angular au monde?" Spoiler: «Oui. Mais connaître js n'est pas la question ici. " Après tout, vous devez télécharger des compétences techniques, pouvoir communiquer en équipe, prouver votre point de vue et bien plus encore. Vous pouvez écrire du code parfaitement, mais perdre la discussion à quelqu'un qui a un bon langage pendu. Et cela doit être rappelé.
Décomposition du thread principal dans Node.js pour augmenter le débit
Conférencier:
Nikolay MatvienkoEmplacement: 5
Évaluation: 4,42 ± 0,09
Présentation du rapportChaque entreprise utilise Node.js à sa manière: des styles de construction, des SSR et des modèles aux microservices et en communiquant avec les bases de données. Mais tous ont une chose en commun: un thread principal chargé. Nikolay, en utilisant Node.js comme exemple dans des projets de commerce électronique de grande entreprise, explique comment soulager efficacement et progressivement le thread principal afin d'augmenter le débit.
Il existe de nombreux outils pour cela - prendre la connexion dans un flux séparé, collecter des métriques dans un processus distinct, lancer des travailleurs pour travailler avec les tâches les plus gourmandes en ressources.
Tests, numéros de comparaison spécifiques, graphiques - Nikolai analyse chaque outil en détail et avec sagesse. Rapport Harkorny, mais très utile, qu'il n'est pas recommandé de manquer.
Utilisation d'arbres de syntaxe JavaScript abstraits
Conférencier:
Kirill CherkashinEmplacement: 4
Évaluation: 4,44 ± 0,07
Présentation du rapportKirill, qui est né à Moscou, vit maintenant à New York et travaille sur Google pour Firebase, et
organise également
le plus grand Angular-mitap au monde. Il parle d'exemples simples et «douloureux» de la façon d'analyser correctement votre code et de transformer celui de quelqu'un d'autre.
Pourquoi avez-vous besoin d'analyser votre code? Par exemple, afin de trouver le fichier console.log oublié avant de valider. Mais que se passe-t-il si vous devez modifier la signature de la fonction dans des centaines d'entrées dans le code? Les expressions régulières vont-elles y faire face?
Cyril répond à toutes ces questions dans son rapport simple mais très utile. Il explore des approches pour analyser et transformer le code source JavaScript basé sur son analyse et travailler avec l'arborescence de syntaxe abstraite résultante. Les exemples sont Babel et ESLint.
EME? Cdm? DRM? CENC? IDK!
Conférencier:
Sebastian GolaschEmplacement: 3
Évaluation: 4,46 ± 0,17
Présentation du rapportDiscussion en trois mots - Ingénierie inverse de Netflix!
Un rapport très intéressant qui révèle les détails techniques derrière un certain nombre d'abréviations effrayantes de la pile DRM: EME (Encrypted Media Extension), CDM (Content Decryption Modules), Widevine et DRM (Digital Rights Management).
Dans un rapport, Sebastian passera en revue les principaux points liés à la protection de la vidéo en ligne: streaming, téléchargement, anti-piratage, licences et bien d'autres. Il vous expliquera comment créer votre propre lecteur vidéo pour Netflix et vous plonger dans l'architecture du service.
Un rapport plein de détails techniques, qui peut ne pas convenir à tout le monde, mais qui introduira les bases du travail avec DRM ou proposera quelque chose d'utile à ceux qui sont confrontés au travail des services de streaming au quotidien.
Petites astuces sales dans les coins sombres du commerce électronique
Conférencier:
Vitaliy FridmanPlace: 2
Évaluation: 4,51 ± 0,11
Présentation du rapportVitaliy est une personne qui parle simplement de l'important. Par exemple, sur ce qui peut mal tourner dans un projet de commerce électronique.
Oui, des problèmes peuvent survenir littéralement partout: du choix d'un produit et de son ajout au panier à une lettre avec confirmation et, en fait, à la livraison de la marchandise. Chaque étape doit être soigneusement vérifiée pour d'éventuelles erreurs et malentendus.
Dans le rapport, Vitaliy montre un grand nombre d'exemples de mauvais fonctionnement du commerce électronique (pour la conversion ou par rapport aux utilisateurs), avec de vrais exemples et un humour d'entreprise.
Dans ce rapport, Vitaliy examinera comment vous pouvez augmenter la conversion, ainsi que simplement améliorer votre expérience utilisateur avec quelques petites choses. Comme d'habitude - le rapport de Vitaly est beau, simple (malgré la langue anglaise) et très utile pour les concepteurs et développeurs UX.
De nombreux avis positifs des visiteurs disent une chose: chaque auditeur et chaque téléspectateur trouvera quelque chose d’utile pour travailler dans le rapport de Vitaly.
Keynote: Nouvelles aventures en frontend, Saison 2
Conférencier:
Vitaliy FridmanEmplacement: 1
Évaluation: 4,56 ± 0,05
Présentation du rapport"Mais il n'a pas deviné, ça bourdonne dans les deux oreilles!" En général, si en raison de la photo d'ouverture du poste, vous avez essayé de deviner la place de Vitaliy Fridman, vous avez à peine deviné qu'il avait réussi à prendre les deux positions supérieures à la fois.
Si l'une des performances les plus remarquables du précédent HolyJS était le
rapport de Vitaliy Fridman «New Adventures in Responsive Web Design», alors sa «suite» est devenue la meilleure à HolyJS Piter 2018!
Lorsque vous dirigez Smashing Magazine, vous apprenez beaucoup de subtilités frontales, de complexités et de sales trucs - le rapport couvrira donc une variété de sujets. Comme l'auteur le prévient, "vous ne pouvez pas" reconnaître "ce que vous apprenez, et nous ne sommes pas responsables de vos cauchemars ultérieurs." Comme l'a dit l'un des auditeurs: «Des astuces acrobatiques pour optimiser le travail du frontend seront toujours utiles!» Nous ne pouvons pas être en désaccord.
Si ces rapports (et d'autres de la liste de lecture complète ) sont intéressants, veuillez noter: HolyJS Moscou 2018 aura lieu du 24 au 25 novembre .
Les informations les plus récentes sur le programme peuvent toujours être consultées sur le site Web, vous pouvez également y acheter des billets - et à partir du 1er novembre, leur prix augmentera jusqu'à la finale, c'est donc la dernière opportunité d'économiser.