Front-end 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 collection 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, look at 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 unnecessary 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, having received 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, the work 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 front-end 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 is best to look at both parts in order to understand what is happening and how to apply knowledge outside 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 you do not need to negotiate with it, then everything is much more complicated with people - everyone has their 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 of holivars about frameworks, paradigms and outside of eternal front-fender fuss. For example, the participants noted helpful tips on how to choose technologies, ask questions correctly and interact in a team.
Maxim teaches to sell refactoring on a project, convince colleagues to implement Linter and stop bathing, what to write, 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 who has a well-hung language. And this must be remembered.
Decompose Main Thread into Node.js to increase throughput
Speaker: Nikolay Matvienko
Location: 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 one thing unites everyone - the loaded Main Thread. Nikolay, on the example of Node.js implementation in large enterprise e-commerce projects, tells how to efficiently and gradually unload the 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, graphs — Nikolay analyzes each tool 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
Location: 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 talks in simple and “painful” examples about how to correctly 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 talk - 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.
A report full of 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, what can 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 little things. As usual - Vitaly's report is beautiful, simple (despite the English language), and is very useful both to UX-designers and developers.
A lot of positive feedback from visitors say one thing - each 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 opening picture post, you could hardly guess that he managed to take the top two positions at once.
If one of the most notable speeches of the previous HolyJS was Vitaly Friedman’s report “New Adventures in Responsive Web Design”, then his “sequel” was the best at HolyJS Piter 2018!
When you lead 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 will learn, and we are not responsible for your subsequent nightmares." As one listener said: “Acrobatic stunts will always come in handy for optimizing the work of the frontend!”. We can not disagree.
If these reports (and others from the full playlist ) are interested, pay attention: HolyJS Moscow 2018 will take place on November 24-25 .
The most up-to-date information about the program can always be seen 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.
Source: https://habr.com/ru/post/428085/
All Articles