Frontend Strikes Back: HolyJS 2018 Piter's Top 10 (?) Reports

    Hi Habra! We have already uploaded YouTube videos of HolyJS 2018 Piter reports on YouTube, and made for you (not quite) the traditional selection of the best of them according to the conference visitors.

    As usual, the top “junior” reports, in the end - with the highest rating. Of course, this does not mean that one report is much worse than another: assessments of the entire selection in the range from 4.28 to 4.56. If you look at the number of reviews, or change the method of calculation, places can easily change. In general, see everything!

    Under the cut - and videos of the best reports, and links to their presentations, and short descriptions, and a link to the full playlist.

    A systematic approach to front-end speed: online measurements

    Speaker: Andrey Prokopyuk
    Location: 11
    Rating: 4.28 ± 0.08
    Presentation of the report

    Surprise! Today we have not 10, but 11 reports, and there are several reasons for this.

    First, between the 11th and 10th place, the difference is only four hundredths of a point. Secondly, initially the guys from the “Yandex Speed ​​Group” planned to make a pair report, and then they were divided: Andrei ( Andre_487 ) told about online, and Alexey about offline measurements. So, for the sake of completeness, both were included in the top: you can consider them to be two parts of a whole.

    This is an excellent report to start our selection - it is simple, dynamic, but at the same time useful. It will help to come up with metrics and understand the speed of the product, doing some things literally on the knee and without much analytics.

    As one of the conference attendees put it: “CI on steroids with these guys!”.

    Bringing mobile web back to life

    Speaker: Imad Elyafi
    Location: 10
    Rating: 4.28 ± 0.12
    Presentation of the report

    Imad's report from Pinterest on how in 11 weeks (successfully!) To rewrite the mobile web version of such a large project like Pinterest, getting an increase in user engagement metrics. The result - the result is close to native applications without loss in load speed.

    Of course, the path was thorny and difficult - Imad used examples to tell where they had to deal with problems and how they were solved. He will explain why the team chose the mobile version, about working on the start page and how the site was optimized for a 3G connection without losing synchronization.

    Debugging JS on the example of Chrome DevTools

    Speaker: Alexey Kozyatinsky
    Location: 9
    Rating: 4.28 ± 0.08
    Presentation of the report

    The main topic of the report is what is inside the web application debugger. Alexey works “on the other side of the barricades” - in the Chrome DevTools team, creating and improving JavaScript debugging tools there. The report will discuss just this: what the browser can do automatically when debugging, what tools are developer's friends, how to work with asynchronous stacks and memory profiling.

    And in the report, Alexey answers the question why brendpoints in sourcemap files work only after reloading the page and counterpose sampling and instrumentation, highlighting the strengths and weaknesses of each.

    The report is short, but detailed: there are a lot of analysis of tools, a lot of code and promises to fix bugs :)

    A systematic approach to frontend speed: offline measurements

    Speaker: Alexey Kalmakov
    Location: 8
    Rating: 4.29 ± 0.08
    Presentation of the report

    The second part of the report on the approach to measurements from the guys from Yandex. Now, about offline measurements: completely different approaches, and other information perfect. It’s best to look at both parts in order to understand what is happening and how to apply knowledge outside of the internal tools of Yandex.

    Alexey reveals the pros and cons of his colleague's approach, and tells about the sad story of one release, about the Pulse tool, which helps to collect data and requests and highlights the main problems of offline data collection. Easy, fun and useful report.

    Keynout: 30: Too much javascript

    Speaker: Ilya Klimov
    Location: 7
    Rating: 4.30 ± 0.08
    Presentation of the report

    The final motivational keynote turned out to be very “easy”, lively, and quite humorous. At a minimum, it’s worth a look for the categorization of training. Ilya made a capacious graph of the importance and relevance of knowledge, which our listeners really liked.

    This report is the answer to three questions asked by Ilya every week several times by his students:

    • How to learn what you need, but not HYIP
    • How to structure information for the fastest mastering?
    • Where to run?

    Keynout: Flickering Technology, or 21st Century Engineering

    Speaker: Maxim Yuzva
    Location: 6
    Rating: 4.41 ± 0.07
    Presentation of the report

    If the code does not argue, does not ask unnecessary questions (well, almost), and there is no need to negotiate with it, then everything is much more complicated with people - each has its own quirks, needs, and so on. This is the report of Maxim in the style of TED, which became the end of the first day.

    Maxim examines that part of the work that is outside the holivars about frameworks, paradigms and outside the eternal front-fender fuss. For example, students noted useful tips on how to choose technologies, ask questions correctly and interact in a team.

    Maxim teaches how to sell refactoring on a project, convince colleagues to implement Linter and stop sweating, what to write on, Angular, React or Vue.

    This report will answer the question: “Would Ilon Musk be able to launch and land a rocket if he knew JavaScript, React or Angular the best in the world?” Spoiler: “Yes. But knowledge of js is not the main thing here. ” After all, you need to download softskilz, be able to communicate in a team, to prove their point of view and much more. You can write code perfectly, but in a discussion you lose to someone with a well-hung language. And this must be remembered.

    Decomposing Main Thread into Node.js to increase throughput

    Speaker: Nikolay Matvienko
    Place: 5
    Rating: 4.42 ± 0.09
    Presentation of the report

    Each company uses Node.js in its own way: from style building, SSR and templating to microservices and communication with databases. But all are united by one thing - the loaded Main Thread. Nikolay, using the example of Node.js implementation in large enterprise e-commerce projects, tells how to reliably and efficiently unload Main Thread so as to increase throughput.

    There are many tools for this - making logging in a separate thread, collecting metrics in a separate process, launching workers to work with the most resource-intensive tasks.

    Tests, specific comparison figures, graphics - every tool Nikolay analyzes in detail and with intelligence. A harsh, but very useful report that is not recommended to be missed.

    We work with abstract syntax trees of JavaScript

    Speaker: Kirill Cherkashin
    Place: 4
    Rating: 4.44 ± 0.07
    Presentation of the report

    Kirill, who was born in Moscow, now lives in New York and works at Google on Firebase, and also organizes the largest Angular-metap in the world. He tells on simple and "painful" examples how to competently analyze your code and transform someone else's.

    Why do you need to parse your code? For example, in order to find the forgotten console.log before the commit. And what if you need to change the function signature in hundreds of entries in the code? Can regular expressions handle this?

    Kirill answers all these questions in his simple but very useful report. He explores approaches to the analysis and transformation of the source JavaScript-code, based on its parsing and work with the resulting Abstract Syntax Tree. Babel and ESLint are used as examples.

    Eme? CDM? DRM? CENC? IDK!

    Speaker: Sebastian Golasch
    Location: 3
    Rating: 4.46 ± 0.17

    Presentation of the report

    A three-word report - Netflix reverse engineering!
    A very interesting report that reveals the technical details behind a number of terrible abbreviations of the DRM stack: EME (Encrypted Media Extension), CDM (Content Decryption Modules), Widevine, and DRM (Digital Rights Management).

    For one report, Sebastian will cover the main points related to the protection of online video: streaming, downloading, protection against piracy, licensing, and many others. He will tell you how to create your own video player for Netflix and delve into the architecture of the service.

    The report is rich in technical details, which may not suit everyone, but either introduces the basics of working with DRM, or prompts something useful to those who are faced with the work of streaming services every day.

    Dirty little tricks from the dark corners of eCommerce

    Speaker: Vitaly Friedman
    Location: 2
    Rating: 4.51 ± 0.11
    Presentation of the report

    Vitali is a person who just talks about the important. For example, about what could go wrong in an eCommerce project.

    Yes, problems can arise literally everywhere: from choosing a product and adding it to the basket to a confirmation letter and, in fact, the delivery of goods. Each step should be carefully checked for possible errors and misunderstandings.

    In the report, Vitali shows a huge number of examples of how they do badly in eCommerce (for conversion or in relation to users), with real examples and corporate humor.

    In this report, Vitali will consider how you can increase the conversion, as well as simply improve the user experience with the help of some small things. As usual - Vitaly's report is beautiful, simple (despite the English language), and very useful to both UX designers and developers.

    A lot of positive feedback from visitors say one thing - every listener and the viewer will find something useful in the Vitaly report.

    Keynout: New Adventures in frontend, Season 2

    Speaker: Vitaly Friedman
    Location: 1
    Rating: 4.56 ± 0.05
    Presentation of the report

    “But I didn’t guess, I’m buzzing in both ears!” In general, if you tried to guess Vitaly Friedman’s place because of the post opening image, you could hardly guess that he managed to take the top two positions at once.

    If one of the most noticeable speeches of the previous HolyJS was Vitaly Friedman’s report “New Adventures in Responsive Web Design”, then his “sequel” became the best at HolyJS Piter 2018!

    When you head Smashing Magazine, you will learn a lot of front-end subtleties, difficulties and dirty tricks - so the report will touch on a variety of topics. As the author warns, "you will not be able to" discern back "what you learn, and we are not responsible for your subsequent nightmares." As one of the listeners said: “Acrobatic stunts will always be useful for optimizing the work of the frontend!”. We can not disagree.
    If these reports (and others from the full playlist ) are of interest, pay attention: HolyJS Moscow 2018 will take place on November 24-25 .

    You can always see the most up-to-date information about the program on the website, you can also buy tickets there, and from November 1, their price will rise to the final, so now is the last opportunity to save money.

    Also popular now: